icon应该如何设计?icon设计六大原则

icon相信大家对这个词语并不陌生,我们做设计的也会经常遇到,诚筑说在UI设计培训中到结尾的整体作品是需要自己做icon的。而关于icon设计的六原则今天诚筑说小编就给大家分享一下啦。

1.定义准确形象

icon也是一种交互模块,只不过通常以分割突出界面和互动的形式来呈现的。其中以交互式为主要运用手段。而icon对于一般起是充当指示、提醒、概括、表述等作用,所以在icon定义的时候一定要准确,非但不能模糊反而比logo的定义还要清晰。

比如:新建,添加,删除,搜索等都要遵循简洁通用这个一个基本的原则。否则用户辨识度上会导致操作成本上升的结果。通常也会造成阅读和操作的障碍。(在大同小异的基础上有自己的想法。)

2.造型完整简明

造型是icon设计的筋骨,就好象一个人是健康的还是有缺陷的。一个icon有没有美感很大程度就取决于造型是否优美和谐。

在基本外形里,通常是矩形或圆形,我们会给予它们不同的设计感觉来定义它们能表达什么。举个栗子:在大幅空白的区域,圆形icon会更适合留白排版。当大幅文字段落或执行按钮的时候,矩形icon会更合适排版。

3.表达符合的行为习惯

在表达定义的时候,首页要符合一般使用的行为习惯,UI本身的意义就在于附加到“功能”上的一个表现层,具备最直接的操作和交互的功能。我们首先不要着重华丽和精妙上面,为了icon而做icon。而往往一些产品部门相关的人员并不会在乎华丽和精美。功能性是最重要的因素。而个性色彩比较浓的游戏类或教育类界面,一般都配有文字或归属感比较强的元素来进行设计。(本来icon的本意也是图标)

4.风格表现统一

风格是一种具备独有特点的形态,具备差异化的思路和个性。在UI中通过表现不那么特立独行也是因为行为习惯问题,这也解释了想微软、苹果、谷歌可以颠覆设计原则的原因,通常一个公司或一个组织没办法去改变设计规则。

5.排版循序与位置的调整

完成基本的icon设计后,还有根据UI界面布局来进行调整icon在整个布局中的位置。这个相当重要,而对于有经验的工作人员来说,一般icon的造型,复杂程度,基本外型都会进行调整;如简单相对复杂,圆形一列中会有重叠元素,也可以会有矩形来调和。对比调和后使得icon更加易读和方便识别。切忌糊涂一片,错乱反复。

(可见icon在整体项目中的重要性)

6.使用配色的协调

给icon添加颜色是解决视觉冲击力的一种表现手段。一般赋予icon什么样的个性和使得突出重点,一般都会添加颜色。在添加颜色时首先我们可以用感觉来进行设计,思路对想法可以就行了。

这时在整体界面中一般有背景色和主导色,那么一般我们选择的icon颜色要侧重于点缀色或者着重色,而其他不太重要的icon颜色尽量选择中性的颜色,想低纯度的蓝色,因为在UI界面设计中,蓝色几乎和黑白灰并称万用色。有时候UI界面或icon整体偏暖和冷就是因为补色没有运用好。导致很刺激人的感官,这里有个小技巧,就是运用补色。

诚筑说UI设计培训,让你不再只会软件,不会设计。更有手绘icon设计哦