编辑导语：图标是 UI 计划中极为紧张的一个环节，计划师们在做每个界面的计划险些都会涉及到图标的表达，一个良好的图标可以通报更多的信息，让用户明白；本文作者分享了关于计划过程中图标的利用规范，我们一起来看一下。
图标是计划中不可或缺的元素之一，图标与笔墨一样其焦点目标是为了通报信息，究竟上图标和笔墨之间是可以相互代替的；这篇文章重要研究图标与笔墨同样作为信息通报的符号，在用户体验计划中各自的应用场景是哪些？
1. 视觉体验
2. 空间
当空间有限，冗长的笔墨会让界面变得即不简便也不优雅，利用图标可以大大低落占用的空间，减轻克制感。
3. 权重
图标和笔墨对于用户的留意力有差别水平的影响，通常来说图标更轻易被用户关注，以是我们必要相识它们之间的层级关系，根据通报给用户的视觉权重，我们可以举行如许的层级分别：大尺寸图标 > 标题 > 小尺寸图标 > 正文 。
而图标自身也会由于风格的差别也会差别水平地影响用户的留意力，它们根据视觉权重可以举行如许的层级分别，插绘图标 > 带配景的图标 > 面形图标 > 线形图标。
基于权重层级，我们举行一些泛用场景的用例分析：
当必要引导用户关注某个功能或业务时，利用更大大概有更显着的颜色的图标以突出它的紧张性。
当用户的留意力应该会合在正文或数据时，不必要刻意利用图标去夸大某些根本的功能和操纵，而应该利用笔墨可以低落它的紧张性。
就地景中出现多组业务图标，面形图标所代表的业务比线形图标更紧张：
一样平常来说，业务的紧张性要大于功能。当某个场景大概流程中，同时出现业务列表和功能列表时，在每个业务利用图标加笔墨体现示能可以进步它的紧张性层级，每项功能利用纯笔墨体现示能可以低落它的紧张性层级。
4. 规范性
有多个功能和业务必要并列展示给用户时，利用有序的图标更利于界面的整齐，而不是是非不齐的笔墨。
5. 服从
当一个操纵利用图形体现意符可以更直观地让用户明白时，利用图标服从更高。
当一个图标人们所熟知，利用图标作为示能更快速被用户辨认。
当一项功能或业务必要被快速辨认，但图标不能正确形貌时，利用图标加笔墨，可以同时进步其紧张性和正确性。
6. 有风险的操纵
图标通报的信息正确性比笔墨更低，当一个操纵大概会导致严峻的结果时，不发起利用图标，而应该利用笔墨举行正确形貌。
图标的娱乐性会低落用户的警戒，必要体验界面严厉性时，利用笔墨举行示能更加公道。
7. 品牌
一些产物界说了符合自身品牌的计划体系，在图标的利用上举行了规范。如airbnb，绝大部门图标均利用线形图标举行示能，以呼应品牌。
三、后言
在举行UI/UX计划时，我们常常会纠结，何时必要利用图标举行示能，何时利用笔墨举行示能，抑或是笔墨图标组合。
我通过实践和对成熟产物的观察总结出了以上的一些理论和履历，固然不能对计划举行完全正确的引导，但是应该能为各人提供一些计划思索。
1. 关于示能、意符和映射
示能、意符、映射是《计划生理学》中提出的概念，我对它们的明白举行了一些简化。
- 示能：用来阐明对象具有的功能。
- 意符：用来告诉用户对象精确的操纵方式。
- 映射：表现两组事物要素之间的关系。
图标的计划规范也是产物计划必要服从的紧张引导方法，筹划在以后的文章中举行具体研究。
本文由 @晚秋咸鱼 原创发布于大家都是产物司理，未经允许，克制转载
题图来自 Unsplash，基于 CC0 协议返回搜狐，检察更多
|申请友链|小黑屋|手机版|Hlshell Inc.
( 豫ICP备16002110号-5 )
窥视卡
雷达卡
发表于 2020-12-24 04:04:19
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜