产品图标网格已经形成了一致的标准,且建立了一套明确的图形元素定位规则。这种标准化带来了灵活而连贯的系统。图标是可用性和导航的关键,用户能够感知到图标的功用,但是只有UI设计师才会明白,想要让图标简约、可用还富有表现力,要耗费多少时间和精力。
UI设计中的图标分为哪些类型?
解释性图标:它们是用来解释和阐明特定功能或者内容类别的视觉标记。在某些情况下,它们并不是直接可交互的UI元素,在很多时候也会有辅助解释其含义的文案。同时,它们还常常会作为行为召唤的文本的视觉辅助元素而存在,以提高信息的可识别性。很多时候用户会借助这些解释性图标来获取信息,而不是相搭配的文本。
交互图标:这种图标在UI中不止是展示的作用,它们还会参与到用户交互当中来,是导航系统不可或缺的组成部分。它们可以被点击,并且随之响应,帮助用户执行特定的操作,触发相应的功能。
装饰和娱乐用图标:这种图标通常是用来提升整个界面的美感和视觉体验,并不具备明显的功能性。但是,它们同样是重要的。这类图标迎合了目标受众的偏好与期望,具备有特定的风格的外观,并且提升了整个设计的可靠性和可信度。更准确地说,这些装饰性的图标不仅可以吸引并留住用户,并且可以让整个用户体验更加积极。装饰性图标通常呈现出季节性和周期性的特征。
应用图标:是不同数字产品在各个操作系统平台上的入口和品牌展示用的标识,它是这个数字产品的身份象征。在绝大多数的情况下,它会将这个品牌的LOGO和品牌用色融入到图标设计当中来。也有的图标会采用吉祥物和企业视觉识别色的组合。真正优秀的应用图标设计,其实是结合市场调研和品牌设计的组合,它的目标在于创造一个不会让用户能够在屏幕上快速找到的醒目设计。
视觉性图标:字符图标“Glyph”一词是源自于排版领域,现在已经随着数字设计而逐步在数字设计领域扎根了,它源自于希腊语,含义为“雕刻”。它值得是读者和作家约定俗成的符号、字符合集中所包含的各种图形。在排版领域当中,符号图标通常是包含特定的含义、特定功能、可表意也可书写的类文字系统,它可以是字母,也可以是图形,有的时候甚至是两者的组合
扁平和半扁平图标:扁平化的图标设计比起字符图标就要复杂得多,其中增加了色彩和其他元素的填充,比起近乎由轮廓和笔画构成的字符图标,明显要高一个维度。然而和前者一样,扁平的图标同样专注于清晰而直观的视觉信息传达,为用户提供一目了然的视觉内容。扁平化的图标设计突出的功能也就在此,在二位的平面上,不借助复杂的纹理和阴影来明了地、视觉化地传达信息,和拟物化图标正好相对。
拟物化图标:就如同上文所说,拟物化图标是扁平化图标的对立面,正如同当初拟物化图标设计师常说的,它就是“抄现实”,尽量将现实世界中的形状、纹理、光影都融入到整个图标的设计,拟真是它的特点。拟物化图标这一设计趋势几乎是跟随着Macintosh的诞生和进化一步一步走过来,走到极致,然后从UI设计领域开始,被扁平化设计所替代。不过,拟物化图标现在依然广泛地运用在不同领域,尤其是游戏设计和游戏类产品的图标设计当中。