本文将从语意、层级、设计形式、风格、一致性、范围来对Icon设计法则进行详细地介绍,希望能够帮助到有需要的小伙伴。
网络上有很多关于Icon设计的文章,一些文章从部分维度切入讲述Icon的设计理念,但大部分缺乏整体性。所以我尝试把自己的思考方式结合其他人的设计理念整理了一个完整的Icon设计法则,通过简单易懂的描述语言,并且结合设计案例呈现出来,希望能够对大家有所帮助。
文章使用的案例只代表个人观点,并不代表相关产品。本文重点讲述Icon设计思维,关于Icon的具体定义以及具体的制作过程就不再赘述,网络上有很多相关文章都有讲述。
从不同维度对Icon设计进行解析,整理一整套Icon的设计法则。每一个产品中都有不同类型的Icon,产品通过Icon可以快速的向用户传递语意,通过独特的设计语言让用户形成对于产品的认知心智。Icon的重要性就不言而喻了。
ICON的设计法则-菱形设计法则,主要包括语意、层级、设计形式、风格、一致性、范围。
而其他的设计思考也是这个设计法则的变体,中心思想没有发生变化。通过对以上设计思考点的聚合,来设计能够传递Icon语意,并且能够清晰展现产品结构和信息层级的Icon系统,通过差异化的设计形式展现产品设计的独特风格,让具有一致性的设计语言传递信息,和用户形成共鸣。
层级
第一层级Icon;第二级别Icon;第三层级Icon。第一层级的Icon一般指首页的井字入口Icon,让用户快速获取入口信息,完成对产品流量的分流,让用户快速完成自己的任务。
这种类型的Icon是级别最高的,无论是面积、形式感、视觉冲击力都应该是最突出的。
这种高层级的Icon可以简单通过一下三种方法表现:
拟物化的设计方式增加视觉重心和吸引力;通过细节的增加呈现Icon设计的复杂形式感;采用冲击力强的色彩对比,抓住用户的