小身材,大影响!设计师应该知道的图标基础知识1.docVIP

小身材，大影响！设计师应该知道的图标基础知识 如今的用户界面中，图标绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键，用户能够感知到图标的功用，但是只有设计师才会明白，想要让图标简约、可用还富有表现力，要耗费多少时间和精力。 图标是现如今UI界面中可用性和导航体系的核心组件，所以，今天的文章，卓雅小编来仔细归纳一下常见的图标类型和它们在UI中的使用。 1、图标的定义 一般而言，图标是具有高度概括性的、用于视觉信息传达的小尺寸图像。图标常常可以传达出丰富的信息，并且常常和词汇、文本搭配相互搭配使用，两者互相支撑，或隐晦或直白地共同传递出其中所包含的意义、特征、内容和信息。在数字设计领域，图标作为网页或者UI界面中的象形图和表意文字而存在，是确保界面可用性的基础设施，也是达成人机交互这一目标的有效途径。图标的表意功能，使得它可以有效地替代文本来使用。有研究表明，使用高度可识别的、清晰的图标，对于界面导航的可用性有极大的提升，对于人类而言，视觉信息的处理速度比起文本要快太多。不过，从另一方面来看，图标需要传递出相对清晰的概念才行，任何轻微的误读都会对整体体验造成极大的伤害，所以，图标的选取要慎之又慎，经过仔细的测试，才能达成良好的平衡，并且为目标受众所接受。 2、图标使用的历史 正如同我们所知道的，图标、标识都不是界面设计师所创造的概念，它的存在可以追溯到人类文明诞生之初，在漫长的历史长河当中，早期用来传达信息的图标演变为系统的文字，而在地图、图书、壁画和建筑等各种各样的地方，还存在着用来代表和传达特定概念的图标和标识。随着技术的发展，计算机诞生了，而显示器的出现，也为图形化界面的诞生，铺平了道路。20世纪70年代，施乐在位于帕罗奥托的研究所当中，诞生了最早的拥有图形化界面的电脑，著名的 Xerox Alto。这款昂贵的概念机最终并没有走进大众的视野，但是它的后续机型施乐之星在1981年问世，并且成为了计算机史上的重要里程碑，而Xerox Alto 对于乔布斯和比尔盖茨的启发，更是引发了计算机历史上最著名的一场战争：苹果VS微软，Windows 对抗 Macintosh。当然这都是后话。Xerox Alto 中引入了大量的图标设计，其中文件夹和垃圾箱的图标设计，从当时一直延续到现在，成为图标设计中最广为人知和普遍接受的设计概念。来自苹果的Macintosh系统在图形化界面发展史上是无法绕过的里程碑。1991年，苹果借由Macintosh，首次发布了彩色的图标设计。图标所能容纳的信息量比起上一个黑白界面的时代更大，全新的样式使得它在信息传达的功能性上有了明显的提升。在此之后，越来越多的图标开始借由灵活而强大的数字技术而诞生，并且基于不同的需求而演 化出不同的分支和风格。许多操作系统和工具开始预制一些成体系的图标，诞生基于种种需求，越来越多的自制的、重设计的图标，逐步进入了我们的视野。图标类型很多，我们可以用不同的方式来划分它们。基于功能来划分图标类型 3、解释性图标 这些图标是旨在阐明信息的图标类型。它们是用来解释和阐明特定功能或者内容类别的视觉标记。在某些情况下，它们并不是直接可交互的UI元素，在很多时候也会有辅助解释其含义的文案。同时，它们还常常会作为行为召唤的文本的视觉辅助元素而存在，以提高信息的可识别性。很多时候用户会借助这些解释性图标来获取信息，而不是相搭配的文本。不过，有的时候图标表达的含义可能还不够完整或者清晰，最好是将图标和文案搭配起来使用，降低误读的可能性。 3、交互图标 这种图标在UI中不止是展示的作用，它们还会参与到用户交互当中来，是导航系统不可或缺的组成部分。它们可以被点击，并且随之响应，帮助用户执行特定的操作，触发相应的功能。装饰和娱乐用图标这种图标通常是用来提升整个界面的美感和视觉体验，并不具备明显的功能性。但是，它们同样是重要的。这类图标迎合了目标受众的偏好与期望，具备有特定的风格的外观，并且提升了整个设计的可靠性和可信度。更准确地说，这些装饰性的图标不仅可以吸引并留住用户，并且可以让整个用户体验更加积极。装饰性图标通常呈现出季节性和周期性的特征。 4、应用图标 应用图标是不同数字产品在各个操作系统平台上的入口和品牌展示用的标识，它是这个数字产品的身份象征。在绝大多数的情况下，它会将这个品牌的LOGO和品牌用色融入到图标设计当中来。也有的图标会采用吉祥物和企业视觉识别色的组合。真正优秀的应用图标设计，其实是结合市场调研和品牌设计的组合，它的目标在于创造一个不会让用户能够在屏幕上快速找到的醒目设计。 5、Favicon Favicon 有时候也被成为 URL 图标，它是网页在网页的标签中显示的识别性小图标，它同样代表着网