UI计划中的图标分为哪些典范？

如今的用户界面中，图标相对是不成或缺的元素。固然绝大大多的图标都很小，乃至不被人注意到，但是它们协助计划和用户处理了很多成绩。

图标是可用性和导航的紧张，用户可以感知到图标的功效，但是仅有计划师才会明白，想要让图标繁复、可用还富有体现力，要泯灭几多时间和精力。

乔布斯以前说过：“细节至关紧张，破费时间仔细打磨是值得的。”图标是现如今UI界面中可用性和导航体系的中心组件，以是，今天的文章，我们来总结一下稀有的图标典范和它们在UI中的使用。

一.图标的界说

寻常而言，图标是具有高度归纳性的、用于视觉信息转达的小尺寸图像。图标常常可以转达出丰厚的信息，并且常常和词汇、文本搭配互相搭配使用，两者互相支持，或隐晦或直白地协同转达出此中所包含的意义、特性、内容和信息。

图标可以好效地交换文原本使用。有研讨标明，使用高度可识别的、明晰的图标，关于界面导航的可用性有极大的提升。不外图标的拔取要审慎并颠末仔细的测试，才干告竣精良的均衡，为目标受众所承受。

二.图标使用的汗青

图标、标识都不是界面计划师所创造的看法，它的存在可以追溯到人类文明诞生之初，早前用来转达信息的图标演化为体系的笔墨，而在舆图、图书、壁画和修建等种种千般的场合，还存在着用来代表和转达特定看法的图标和标识。

随着武艺的提高，盘算机诞生了，而体现器的显现，也为图形化界面的诞生，铺平了路途。

来自苹果的Macintosh体系在图形化界面提高史上是无法绕过的里程碑。1991年，苹果初次公布了美丽的图标计划。在此之后，越来越多的图标开头诞生，并且基于不同的需求而演化出不同的分支和作风。随着图标典范很多，我们可以用不同的办法来区分它们。

三.基于图标来区分图标典范

1.表明性图标

这些图标是旨在分析信息的图标典范。它们是用来表明和分析特定功效大概内容种别的视觉标志。在某些情况下，它们并不是直接可交互的UI元素，在很多时分也会有帮助表明其涵义的案牍。同时，它们还常常会作为举动召唤的文本的视觉帮助元素而存在，以提高信息的可识别性。

有的时分图标表达的涵义约莫还不够完备大概明晰，最好是将图标和案牍搭配起来使用，低落误读的约莫性。

2.交互图标

这种图标在UI中不止是展现的作用，它们还会到场到用户交互中间来，是导航体系不成或缺的构成局部。它们可以被点击，并且随之呼应，协助用户实行特定的利用，触发相应的功效。

3.装饰和文娱用图标

这种图标通常是用来提升整个界面的美感和视觉体验，并不具有分明的功效性。但是，它们相反是紧张的。这类图标投合了目标受众的偏好与希冀，具有有特定的作风的外表，并且提升了整个计划的可靠性和可信度。

改准确地说，这些装饰性的图标不仅可以吸引并留住用户，并且可以让整个用户体验愈加积极。装饰性图标通常展现出季候性和周期性的特性。

4.使用图标

使用图标是不同数字产物在各个利用体系平台上的入口和品牌展现用的标识，它是这个数字产物的身份意味。在绝大大多的情况下，它会将这个品牌的LOGO和品牌用色融入到图标计划中间来。

真正精良的使用图标计划，但是是团结市场调研和品牌计划的组合，它的目标在于创造一个不会让用户可以在屏幕上快速找到的夺目计划。

四.基于视觉特性来区分图标典范

1.字符图标

如今的字符图标相反包含了字母、数字和图形，它们中所涵盖的内容愈加丰厚。如今提及字符图标，我们通常不会将它们视为笔墨，而是图标。底下是Material Design 的字符图标集：

字符图标使用简化和通用的图形，当用户在使用它们的时分，它们拥有充足的识别度和机动的实用场景。

2.扁安然半扁平图标

扁平化的图标计划比起字符图标就要繁复得多，此中增长了颜色和其他元素的添补，比起近乎由表面和笔画构成的字符图标，分明要高一个维度。

扁平的图标相反专注于明晰而直观的视觉信息转达，为用户提供一清二楚的视觉内容。扁平化的图标计划最突出的功效也就在此，不借助繁复的纹理和暗影来明白地、视觉化地转达信息，和拟物化图标恰好相对。

3.拟物化图标

就好像上文所说，拟物化图标是扁平化图标的对峙面，恰好像起先拟物化图标计划师常说的，它就是“抄实际”，尽力将实际天下中的外形、纹理、光影都融入到整个图标的计划，拟真是它的特点。

从UI计划范畴开头，拟物化图标这一计划被扁平化计划所交换。不外，拟物化图标如今仍然广泛地运用在不同范畴，尤其是游戏计划和游戏类产物的图标计划中间。

4.SVG 图标

SVG图标，此中的SVG是Scalable Vector Graphics的缩写，它是基于 XML 的2D矢量图标武艺，SVG 图标如今越来越受接待，它很大水平上低落了跨平台、跨屏幕计划的时分图标体现上的兼容性成绩。

五.基于图像隐喻来区分图标典范

出名的可用性研讨专家Jackob Nielsen以前在 NNGroup的文章中披露了这种图标典范区分的标准。图标基于此中所反应出来的隐喻，可以区分为三个主要典范。

1.相似图标，它是将实际天下中的物理实体给标记化，这种计划最典范的就是用于搜刮的扩大镜图标，购物车图标，邮件图标等。

2.参考性图标，它是使用类比目标的办法来计划的图标，好比紧缩息争压类的东西图标，常常会使用包、拉链如此的意象来转达出看法。

3.随意式图标，这类图标的计划和其功效/涵义并没有关联，它们本身并不转达出功效性的涵义，依托的是用户长时间的查察、使用，渐渐习气来熟习此中的涵义。

如今很多界面中间的“保存”按钮接纳的是软盘的图标，但是软盘实践上早已退去汗青舞台，很多用户乃至都不晓得软盘的存在，但是用户会在长时间的使用历程中了解它的功效，并且在大脑中构成如此的看法回路。

好效的图标计划起首应满意图标明晰故意义，图标的意义应该是可了解的，可供受众吸取的，转达出故意义的信息；其次图标简便可识别，图标中所包含的视觉标记应该可以被准确地识别和展现；第三图标机动吸引人，图标应该可缩放，图标计划要比其他的视觉元素更突出，直觉而引人注目，最初，要注意图标应该和使用坚持一律的作风。

本文来自网络，版权归原作者一切，仅供学习参考！

我是小勇，喜好就眷注，转发分享咯！