图标的基本原则
1.可识别性原则
①不要过度简化图形,保证原有的识别性,结合文字进行信息传递,增强信息可处理层。
②情绪风格传递的修饰把控,产品图标一定具备特殊的视觉感情,不符合产品的视觉设计一定是被用户所摒弃的
2.差异性原则(同一功能板块一定只有图形差异与颜色差异,板块之间是风格差异)
唯一不能改变的是图形差异,图形差异基于内容识别性,图形不变颜色改变是基于状态。
3.情绪化传递原则
板块当中图标除了基本的识别性,恰当的使用能够极大提升界面用户代入感以及表现功能模块的权重,满足用户情感的需求。
4.风格统一协调性
(线性,面性,线面)
①风格:ICON的风格主要体现在品牌理念,产品特色,视觉特色。
②一致性:一次性的综合表现在圆角,透明度,线条粗细,间距,颜色,层级,渐变,特征细节,而Icon的非一致性会增加用户的跳出感,降低用户对产品专业读的认可。
5.与环境的协调性
为了迎合整合产品设计风格,在某些特定节日,在活动条件下,产品图标必须与产品风格保持一致
6.视觉平衡原则
①布局合理:图标之间有足够空间根据场景需求合理布局,适当加上背板,可使界面阅读更高效。
②数量:米列+-7法则,一行摆放图标数量最好不要超过五个。另外,为了保证图标之间有足够的空间和点击范围也不能超过五个。
③颜色:避免大面积使用深黑色,可用灰色面性或者黑色线性替代,或根据场景适当赋予每个图标不同颜色可以让界面更生动和谐,层级清晰。
④分类:图标数量超过7个或者更多,为了更好的用户体验,可以按照某种特质进行分类,有助于用户快速认知。
⑤视觉递减:在同一页面,自上而下应该视觉比重递减。让界面视觉保持平衡。主次清晰,避免上面图标视觉表现力较下面弱的多,主次颠倒,给人一种头重脚轻的感觉。