图说图标——我是一个图标匠
发表于2016-09-13
图说图标——我是一个图标匠
【人物介绍】
刘承龙，资深UI设计师，艾仕伽网络科技（上海）有限公司设计总监，资深UI设计师，H2学院UI讲师。做过平面，撸过动画，浸淫设计行业多年最终投奔游戏UI设计，实战经验丰富。主要参与的项目包括《霸道天下》《特勤姬甲队》《源计划》《妖怪物语》等
图与标
我们先以下图为例，这幅设计精美的作品，各位认为可以作为图标吗？
答案当然是否定的。
图与图标有显著的不同。图标是单独成图，没有气氛没有场景，是能单独成为一个个体。图标是一种标志，在标志的基础上成图，才能称之为图标。
图标要以辨识度为优先。在一款游戏中，我们需要使用非常多的图标，新人入行的时候，可能会被安排去设计、细化图标，当新人看到有这么多图标工作量的时候，可能会觉得有点迷茫，没关系，我们一起来看一下关于游戏图标的内容。
游戏图标是个啥
在一般游戏的主功能界面，里面有很多很多的精细图标。图标停留在背景图上面，可以起到切换新界面的功能，只要你点击图标后，就能跳转到其他界面，我们称之为主功能图标。
图标的绘制精度会控制在一定的范围之内，在一款游戏里，单个图标所占页面的尺寸非常有限，如果图标做的非常精致，在缩小之后，就会显得密密麻麻，这时候要对精度有所取舍，因为图标的首要目的是要将功能性表达清楚，而非精细度。当然，在个人练习中，将图标尽可能的细化对你的设计是有正面帮助的。
图标的绘制方法
两个方法：黑白调色，平涂配色。
首先是线稿起型，然后用黑白片面去绘制，再去调色，最后细化完成。我们说个小技巧：在色相/饱和度里，选中着色后，是可以把黑白稿调制成非常好看的颜色。
另外一个方式就是平涂配色，在画完线稿后，去给图标配底色，再去刻画与调整。
具体步骤可参考下图。
本文只是直播课程的部分内容，想更深入了解图标绘画技法，可移步直播录像：