一篇文章带你看懂游戏UI里的图标设计

你知道吗，对于初入游戏UI的新人来说，关心的莫过于两件事——界面交互和图标设计。而后者，作为占据半壁江山的图标设计也经常被同学们讨论提及。

或许，会有小伙伴来问了：为什么图标设计很重要呢？其实答案很简单，因为它最显眼也最直观。

试想，当我们刚接触一款新游戏的时候，从打开游戏应用到登录账号；前三分钟的时间都是与界面图标打交道。在我们正式开始游戏前，正是这第一印象影响了我们，让我们禁不住对一款游戏产生评价：哇，画面好棒！什么！？辣鸡设计......图形不仅传递着界面信息，更影响着用户的情绪。好的游戏UI图标让玩家赏心悦目，而一版糟糕的图标设计则会让玩家有分分钟弃坑（摔键盘）的冲动。

顾名思义，就是系统功能的入口。对于它来说，识别性可是第一位的；我们总是希望，亲爱的玩家小伙伴能够看一眼就知道这是干什么的。像角色啊，任务啊，帮派啊这些菜单栏的按钮就是典型的功能性图标。它含有极强的“隐喻”在里面，看起来比较抽象。所以，会有不少的图标在下面加上“文字注解”，从而强化理解。

2、技能性图标

如果你是DOTA2的玩家（新手也好~），我想，一定知道Q\W\E\R这四个技能键吧。按下键盘上的这些按钮，游戏中的技能栏就会开始闪烁，英雄会放出华丽的技能。区别于功能性的图形表达，此类图标一般都会伴有强烈的光效。通常，我们在设计的过程中都会加上动态的特效：反映角色的状态（BUFF），表现能量释放前的趋势和表达强烈的存在感。有时候，不同的英雄会有不同的属性特点。比方：死灵法师的技能图标就是幽绿色，蝙蝠骑士的技能图标则以火焰红为主。这既和英雄的特点有关，有隐含着角色背后的故事，就看你想怎么表达了。

一个好的徽标设计会非常的精致，起到良好的装饰效果。正因为它是一个锦上添花的过程，所以好多徽标都是原画师来进行绘制。它表达着游戏世界背后的故事、理念，可以有效提升游戏的品质。不知道你有没想过，像LOL的各种区服徽章，都有着背后的意义呢。

1、草稿

就是在短时间内绘制大量的草图、绘制外观的剪影。这个时候可以尽情天马行空地想象。因为修改的成本很低，所以可以根据同一主题绘制多版本图标。

2、线稿

这一阶段是对草稿的归纳，需要细化图标的花纹和轮廓走向。在设计过程中可以考虑一些元素的夸张和变形。

用PS的钢笔工具勾出轮廓，定一下物体的固有色，并区分颜色的层级。

4、细节刻画

从这一部开始、就是一般意义的画画了；你需要添加色彩关系、塑造体积、细节、质感——塑造大概的形体。

都看到这了，评论下再走呗~