![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b2cbdce9-de15-40e7-a61f-7db00b3addf1.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/b107ead5-7c05-47f8-bf9b-fadf98d4b237.jpg)
图标设计流程
1.定义主题。定义主题是指把要设计的图标所涉及的关键词罗列出来,重点词汇突出显示,确定这些图标是围绕一个什么样的主题展开设计,对整体的设计有一个把控。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/0e7b48eb-23a8-42d3-9cb6-d8f25c59cd31.jpg)
2.寻找隐喻。隐喻是指真实世界与虚拟世界之间的映射关系,寻找隐喻是指通过关键词进行头脑风暴,在彼类事物的暗示之下感知、体验、想象此类事物的心理行为。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6485c3c4-5b50-414c-bdf9-eac9b91ce9db.jpg)
3.抽象图形。抽象图形要求设计师将生活中的原素材进行归纳,提取素材的显著特点,明确设计的目的,这是创作图标的基础。
4.绘制草图。经过对实物的抽象化汲取后,便可以进行草图的绘制。在这个过程中,设计师需要将实物转化成视觉形象,即最初的草图,当然草稿可能有很多方案,这时需要筛选出若干种满意的方案继续下面的流程。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6320fd8c-3a6c-4c6f-84db-3ce5f2381bae.jpg)
5.确定风格。在确定了图标的基准图形后,下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当不知道使用什么颜色的时候,蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。值得一提的是在UI设计中,大部分扁平化图标以单色图形为主,从技法上来说这样降低了设计的难度。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/a0b1e847-de5e-4fd3-bedc-aa817f81e15d.jpg)
6.制作和调整。根据既定的风格,使用软件制作图标。在扁平化风格盛行的今天,单独的图形设计需要更多的设计考量,需要经过大量的推敲,设计调整。因此在图标的制作中,会修正一些草图中的不足,也可能增加一些新的设计灵感。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/117a4b95-f5d7-4c3f-891e-bd41a8b44731.jpg)
7.场景测试。图标的应用环境有很多种,手机的背景色也各不相同,有深色系的,也有浅色系的。我们要保证图标在各个场景下都有良好的识别性,因此在图标上线前,设计师需要在多种图标的应用场景中进行测试。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/17703ed8-71c1-48aa-b020-6e69e1e8d93f.jpg)
图标设计技巧
在设计图标过程中,掌握相关的设计技巧,可以帮助设计师更加快捷高效地完成设计任务。通常图标设计技巧有以下几个方面:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/dcade90b-54dc-4b15-ba98-67e0419fac3e.jpg)
正负组合
正负形组合是一种最常见的设计方法,我们可以根据产品特质,然后提取相应的图形,通过图形相互组合、叠加,或者抠除,组成新的图形。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/4a7fb9de-5f3a-4b8d-b011-9a1f6b8f3ba7.jpg)
折叠图形
当一个完整的平面图形设计完成后,可以分析图形的轮廓走向,在图形的结尾或者转角处做局部折叠处理。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8f21d8aa-f215-4146-8c01-e7fb859c041f.jpg)
线形图标
线形图标是一种独特的绘制图形手法,可通过提炼图形的轮廓进行设计。线性图形应用的形象简练、完整,更具吸引力。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/3c83c591-3889-4563-a019-98c6f17978a6.jpg)
透明渐变
通过对图形放大或缩小叠加不同透明度的图形,形成一个层次丰富,形态饱满的图形组合。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8fb10170-5e0b-4578-946f-2d63ca4b9d39.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8dd9eecd-645a-44fc-8672-f7c0a2cada9d.jpg)
色块拼接
色块拼接是指把图形分割成有规律的块状,并填充颜色。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/adadfa98-9ad2-4434-93da-b9a1cda64c08.jpg)
图形复用
对已经设计好的主图形进行复制,通过透明度、颜色或者大小的变化,创造出一种图形阵列之美。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/951fa5c6-c758-48bc-998f-221ea72181bb.jpg)
背景组合
运用不同的底板背景更能使图标汇聚聚焦点、富有活力。背景可以选择纯色、渐变或规律的集合线条以及和主题相关的元素。通常可以将运用背景组合的图标分为以下几类:
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/2eae1192-b8e7-49f1-9fa0-c82e883d8c62.jpg)
①图标形状+背景组合。
②文字+背景组合。
③图文组合+背景组合。
④吉祥物或卡通形象+背景组合。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/403f60e3-6676-47e5-8f07-16a2fabe496a.jpg)
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/62618a2d-b51e-42e3-9c82-5483cd669589.jpg)
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/APP-tu-biao-she-ji-liu-cheng-yu-ji-qiao.html
评论列表(196条)
测试