游戏UI设计教程分享

零基础只会画简笔画的我，提前为你尝试了一下，跟着教程15分钟就画出了惊人的游戏图标，聪明如你肯定比我更快，赶紧试试吧！

Step1.设计一个基础形，为了表现游戏中好友关系的含义，确定酒杯喝酒的基础形，使之成为图标构成中分量最大的一部分。造型上还没有装饰，只需直直白白的基础形构图就可，相信我们没画过画的同学应该对这样的形状也可以描绘的出。

Step2.设计的过程中仍然可以用一些比较大胆的线条来勾勒表现，在基础形上使边缘发一些突出或收缩的结构延伸变化，一方面可以增加道具的高级程度，二可以增强道具的视觉张力。基础形的分量感增强了，在主体的基础形周围或前后，我们可以再加一些边缘的补充了，可以使画面更丰富，当然注意的是所加的这些补充的分量感不能抢过最开始的基础型。（也可以理解成重量感）

Step3.属于很可爱的一步，就是在原来设计草图里面再描一遍线，提取一个更干净的线稿。

Step4.在第三步基础上又填了个底色，底色部分不能填的太艳太亮，我觉得从深色逐步提取受光提亮的方式，对画面更容易控制整体。选择了一偏冷色调的暗灰底部，有点偏绿又有点偏蓝（单纯的一种色彩倾向的颜色会让人感觉促急）。

Step5.为每块区域配上颜色，色温上去讲，可以使前面的颜色相对偏暖一些，（当然也可以反之，但不能前也暖后也暖中间冷等）。在颜色选择上可以使颜色之间呈现出临近色和同类色的关系，色彩可以协调些，色相丰富点，没色相变化的颜色在画面中会比较低级。另外从每个色块的明度上尽量有些变化和过度层次：亮、亮灰、基本灰、暗灰、暗色等。

Step6.设定一个来光方向，对每一块区域简单的做一些受光和背光的区分。

注意：建议图标边缘地方有些灰面转折，不要成受光最强的。

Step7.区分完受光和背光就加上影子，影子边缘可以清晰整体一些。也能为画面增加丰富度，和增强各物件的联系和关系。

Step8.细节刻画，区分材质。对每一小块进行详细探索，找它的高光、明暗交界线、反光和破损缺口等，根据不同材质的光滑程度，来呈现不同强度的高光光晕感和色调过度。画面中偏前的部分，细节可以多一点，远处或投影里面细节就少点。

Step9.最后整体调整，增强对比度和清晰度，投影和边缘部分不要有太多碎亮点，整个颜色饱和度可根据画面整体风格适当调整。

最终完成图：

版权声明 | 文章配图仅供学习参考，引用图片版权归属原作所有

                如有问题，请及时与我们联系，我们将第一时间做出处理