学ui网.|图标的意义：可识别，易理解( 二 )
其中 ， 通过单个图形表达一种事物的 ， 就叫「单体字」；多个图形组成表达一种事物的 ， 就叫「组合字」 。
比较典型的 ， 就是下面这张图里表达的：
本文插图
像极了我们设计的图标 。
或许大家会有疑问 ， 为什么图里还有个「加坠字」呢？
因为某类事物是存在变体的 ， 譬如想说光线 ， 单个太阳的图形就无法传递这种信息 ， 于是就通过符号与图形的组合来表达一种事物的变化：
本文插图
这种图形称之为「加坠字」 ， 它所传递的信息更为抽象 ， 表示一种事物的变化 。
或者比如地震：
本文插图
就这样 ， 东巴文通过 1800 多个图形的变化来表述自然界中的各种事物与自然的变化 。
由此 ， 我们可感知到 ， 原来图形通过演变所能传递的信息 ， 远比我们想象的更为丰富 。 而东巴文的图形创造与现在图标设计似乎也存在不少共性 。
3
在图标设计中 ， 也存在与东巴文类似的三种概念 。
单体字就是单个图标 ， 如关闭「×」；组合字就是组合图标 ， 如回删 。
本文插图
因为打字是从左到右 ， 图形左就表示往左删除 ， 特别容易理解 。 加坠字就类似于图标的变化 ， 比如开关（Switch）的开启与关闭 。
图标与东巴文一样 ， 应该也是可识别并容易理解的 ， 想要达到这个目的 ， 就必须思考图标的构成逻辑 。
在写这篇文章的时候 ， 无意中看到一则内容 ， 大概是说：「+1」与「1+」所代表的意思是不同的 。
譬如我们聊薪资 ， 说这个月工资 2k+ ， 从数字来看 ， 2k+ 指的是 2k 以上 ， 这个「+」代表的意思是更多 。 而 +1 ， +2 ， 更突出加几个 ， 比如聚餐 ， 同事说加他一个 ， 这里的「+」是为了知道后面的具体数字 。
所以「+」在内容两边所代表的意思是不一样的 。
这时候图标中「+」的使用也受到了这种逻辑的影响 。 比如说加入购物车 ， 一般会把「+」放在右边 ， 而不会放在左边 ， 左边看着更像是加一个购物车 ， 而不像加入购物车 。
本文插图
包括下左图 ， 意思也很明确 ， 是新建文档：
本文插图
在一些电脑软件中（上右图） ， 尤其能看到图标本身的含义 ， 有时候不得不佩服这些设计师细致的观察能力 。
但是现在许多设计师设计的图标 ， 就丝毫没有这种逻辑了 。 譬如让设计一个「相册」 ， 设计师为了凸显特别 ， 就会设计成这样：
本文插图
还不如直接显示个文字「相册」来得更清晰了 。
在这类图标设计中 ， 比较典型的当属天气类图标了 。 从单个图标到组合图标 ， 再到上文提到的加坠字所对应的图标 ， 都能充分体现出来 。
本文插图
相信上图中 ， 即使我不用加文字 ， 各位也能知道其所代表的含义吧？
4
以上内容就是我想说的 ， 从逻辑角度设计图标 ， 让图标更有意义 。
回过头再看这篇文章 ， 我似乎聊了很多 ， 但其实也就是说了「识别」与「理解」两个层面 。
推荐阅读
- 中公教育|找工作时如何快速识别骗子公司？揭秘其九大骗术，十年招聘经验总结
- 拍婚纱照|“婚纱照P到认不出本人”，看不出来是自己的婚纱照，有意义吗
- 陈珊|完美伴侣：没有家庭，事业成功的意义又在哪里？
- 退休|年过五十，不管有钱没钱，都要少跟以下几种人联系，没意义
- 整容|歪脸女孩整容逆袭成女神，舍百万年薪当老师，这才是整容的意义
- 翡翠|在每次翡翠原料的公盘的数千份标的中，绿色的翡翠以及玻璃种翡翠原料相对比较常见
- 考试|学习的意义在于充实，做好终生学习的准备吧
- 高跟鞋|毕业才知道，专升本与普通本科差距明显，那么专升本还有意义吗？
- 翡翠|你知道翡翠饰品，自身存在的意义是什么吗？用心去体验去感悟
- |色彩对办公室设计的3大重大意义 没钱搞豪华装修 那就从色彩入手吧