2021-08-15

图标的基本原则

1.可识别性原则

①不要过度简化图形,保证原有的识别性,结合文字进行信息传递,增强信息可处理层。

②情绪风格传递的修饰把控,产品图标一定具备特殊的视觉感情,不符合产品的视觉设计一定是被用户所摒弃的

2.差异性原则(同一功能板块一定只有图形差异与颜色差异,板块之间是风格差异)

唯一不能改变的是图形差异,图形差异基于内容识别性,图形不变颜色改变是基于状态。

3.情绪化传递原则

板块当中图标除了基本的识别性,恰当的使用能够极大提升界面用户代入感以及表现功能模块的权重,满足用户情感的需求。

4.风格统一协调性

(线性,面性,线面)

①风格:ICON的风格主要体现在品牌理念,产品特色,视觉特色。

②一致性:一次性的综合表现在圆角,透明度,线条粗细,间距,颜色,层级,渐变,特征细节,而Icon的非一致性会增加用户的跳出感,降低用户对产品专业读的认可。

5.与环境的协调性

为了迎合整合产品设计风格,在某些特定节日,在活动条件下,产品图标必须与产品风格保持一致

6.视觉平衡原则

①布局合理:图标之间有足够空间根据场景需求合理布局,适当加上背板,可使界面阅读更高效。

②数量:米列+-7法则,一行摆放图标数量最好不要超过五个。另外,为了保证图标之间有足够的空间和点击范围也不能超过五个。

③颜色:避免大面积使用深黑色,可用灰色面性或者黑色线性替代,或根据场景适当赋予每个图标不同颜色可以让界面更生动和谐,层级清晰。

④分类:图标数量超过7个或者更多,为了更好的用户体验,可以按照某种特质进行分类,有助于用户快速认知。

⑤视觉递减:在同一页面,自上而下应该视觉比重递减。让界面视觉保持平衡。主次清晰,避免上面图标视觉表现力较下面弱的多,主次颠倒,给人一种头重脚轻的感觉。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容