上一章 概述

图标的基本介绍

UX百科编辑部2024-01-09 发布
2176人在学·4条笔记
收藏

图标,是一种图形化的标识,它有广义和狭义两种概念:

  • 广义,指的是所有现实中有明确指向含义的图形符号;
  • 狭义。指的是在计算机设备界面中的图形符号,有非常大的覆盖范围。

对于 UI 设计师而言,我们主要针对的就是狭义的概念,它是 UI 界面视觉组成的关键元素之一。

在当下最常见的扁平化设计风格中,界面的实际视觉组成只有 4 种元素,图片、文字、几何图形、图标。

可以说,图片、文字、几何图形的运用,都只用到排版的技巧,而图标,是 UI 设计中除了插画元素以外唯一需要我们 “绘制”、“创作” 的元素,一涉及到这两件事,难度就直线上升了。

本来往界面里丢一些方方圆圆、贴几张图、填一些字,就可以把界面做出来了,比如 Clear APP,不仅工作量少,而且还符合极简原则,为什么还要吃力不讨好的设计图标?

图标有这么重要的地位,具体有两个原因。

第一:文字虽然也是一种图形符号,但相对于图标而言,文字实在太复杂了,在识别效率上有先天的劣势!再者,不同的语言,文字的长度也不同,如果换成阿拉伯语或者俄罗斯语,或许一行还装不下所有文字。图标可以以一种更高效的方式,将我们想要传递的信息进行浓缩,不仅易于识别,也能让界面更简洁,利于排版,比如下方案例。

第二:关于视觉的观赏性上。有些页面中,如果把图标去掉了,也丝毫不会影响我们的操作效率,以及对内容的理解。但没有图标,缺少这些点缀,我们就会觉得这个页面看起来总感觉太枯燥了,不得劲,最好的例子就是应用的设置页了,见下方案例。

2176人在学·4条笔记
收藏
已学会
51人已学会
下一篇图标的使用场景
在现实生活中,图标有诸多应用场景以便利我们的生活。如1.1中所述,图标本身可以用更直接的视觉语言来抽象一段语义或一个概念,所以生活中存在大量需要语义和概念抽象的场景,会选择用图标来指称。 例如,交通标志。交通规范在现代社会中是一个相对复杂的系统性规范,各种规范的概念都需要人们在社会生活中慢慢熟悉和掌...
本章笔记
仅看自己
logo
UX小学生发布于 2024-06-18
1,图标比文字的表现能力更强,并且占比页面的空间更小,效率更高。并且可以跨越语言的限制 2,图标可以让app的页面更加活泼
但没有图标,缺少这些点缀
回复
Yogurt_G发布于 2024-04-02
特点之一
关于视觉的观赏性上
回复
Carmen发布于 2024-03-15
图标存在的意义
图标可以以一种更高效的方式,将我们想要传递的信息进行浓缩,不仅易于识别,也能让界面更简洁,利于排版,比如下方案例。
回复
Carmen发布于 2024-03-15
界面设计元素:文字、icon、图片、几何
图片、文字、几何图形、图标
回复