大师是怎样做icon的？

庞门正道 · 公众号 · 设计 · 2017-01-18 22:03

正文

图标使这个世界结合起来。无论你使用的是哪一种母语，图标都是比语言更为容易理解的可视化语言。同时图标传递信息非常的高效。人类能够维持注意力的时间越来越短（已经比金鱼还短了），因此传递信息的速度就越来越重要。

第二部分：图标设计的基本知识

2.1图标的种类

表象符号：通过和现实物体的相似性或参考性(reference)来传递信息的符号。比如飞机来代表飞机场。

表意符号：不是表现一个物体了，而是表达一个概念。比如加号减号都是这种。

同时表意符号和表象符号经常会被结合在一起用来传达正确的信息。比如创建新文件这种。

2.2 图标的风格

线性图标

填充图标（译者：作者最擅长的就是这种，而且最近超流行的）

面型图标

扁平图标

手绘风格图标

拟物图标

2.3图标的尺寸和属性

画图标的时候最重要的一条就是所有的图标都要能够适应同一个大小的正方形画板，不管你画的东西实际生活里面大小是多大，都得最后画成差不多大。

那么在选择尺寸的方面，如果你是在画ios或者安卓的图标，按照对应的平台规范来就好。如果是web或者练习用，可以选择这几种： 16x16, 24x24, 32x32, 48x48, 64x64, 96x96, 128x128, 256x256, 512x512。

同时如果是刚开始画图标的话，建议选64-96px的会比较容易上手。

2.4网格的用法

虽然目前有很多先进的图标网格系统比如ios和安卓都有碉堡了的网格系统。但是其实网格系统被过分强调了。我认为你在练习了上千个图标之前其实是没有必要去思考关于网格的问题的，

那么网格到底是什么呢？网格是一种画板内的参考线，最大的作用就是通过保证一套合理的结构来让你的图标组看起来很和谐很一致。

那什么应该在时候用网格呢？第一种情况是，如果你的图标组有超过50个图标的时候；

第二种是如果你在为已有一套网格系统的图标继续画东西的时候。

第三种情况是，你知道日后有人会继续接手你的图标组的时候。

那应该怎么使用网格？通常的话我会使用下面的这两种：

这背后的原理是有时候一些图形看起来会比另外一些大，比如正方形看起来比一样大的圆形大。所以就会把正方形放在里面的那个方形里面。（译者：这部分的话，大家可以去阅读以下谷歌的图标设计指南，里面专门讲过这部分）

如果你要练习的话可以先用现有的网格练了试试看。下载链接： http://iconutopia.com/files/Icon-Grids.zip

2.5 让图标和谐

画一个好看的图标是很简单的。分别画几个好看的图标也不难，真正让你崩溃的是怎么让他们看上去和谐。

首先我们要明白一个问题就是为什么要让图标看起来很和谐？其实图标是一种独特的语言，每个图标都是一个有独特意义的单词。但是只有当它们结合在一起的时候，才能组成句子。注意千万不要在一套图标里用不同的风格！那样就跟一句话里面用不同的语言一样。（译者：想想说话的时候喜欢夹着英文单词的人）