Iconka图标教程 Finding the idea

UXspace中国用户体验与产品创新门户 n-[1ps v%V Q/x8i

寻找概念UXspace中国用户体验与产品创新门户"G? hwI A"W0[

UXspace中国用户体验与产品创新门户GOJ5{~"|#_

第一辑：思考前请先思考UXspace中国用户体验与产品创新门户F6mgV^?x h

/E
M-TC.\i* 尺寸越小，你的选择余地就越小。我们不可能把一架钢琴上完整的88个按键全都做到16个像素宽度中UXspace中国用户体验与产品创新门户Z_4`W ^mcG,`

UXspace中国用户体验与产品创新门户o2\_1I"w1B

* 尺寸越小，图标的可读性要求就越高（不过有个好处就是小图标里我们可以减少一些元素，即使引喻和创意相交原来变得不那么完整）UXspace中国用户体验与产品创新门户5t1m#`fp;u,Rou

UXspace中国用户体验与产品创新门户9UB Ah%|2a

比如这个代表圣诞节的图标：UXspace中国用户体验与产品创新门户)LI0RKf9Ie

(|4[ ^P1A-]g8A$DUXspace中国用户体验与产品创新门户+H.`"YJV9u4Q

UXspace中国用户体验与产品创新门户$K.u*L,W3m8^

Context 整体风格

3f&G/ui`-LX

_Xz1X0y5aL^图标只是界面的一个组成部分，所以他必须满足整体要求并且适应主体风格。如果整个界面需要尽可能多得用圆角，那图标里也得出现圆角。如果整体风格是明亮的，那尽可能让图标闪耀吧！

O)s*F(`fl)h)M

1B'k`.y2SF3u当然，如果你在给一个床上用品推介网站做图标，你完全可以忽略掉相对应的概念，用一个简单的咖啡杯来表示导航栏中的“关于我们”

kl$h_E
]%t

l~D2a
](RActivity 动作UXspace中国用户体验与产品创新门户]5sMN/?"s

UXspace中国用户体验与产品创新门户 Yc_{i1NC

这是一个经常被我们忽略的重要特征。UXspace中国用户体验与产品创新门户w
s|L/T;R

UXspace中国用户体验与产品创新门户t;L*~2g4R

你的图标是用来做什么的？他到底用来做什么动作的？

J's.[#T(WUv

!RZ`.R+Zbz* 当图标是用来描述或者报告某些事情 - 我们需要引导用户把更多的注意力放在这个图标的形象和细节。UXspace中国用户体验与产品创新门户-\[
FN?Y2P

ls} ix4R* 如果图标是引起某种动作的 - 你需要关注一下构成图标的各个表述动作的元素。

sV/SD5]4E0V%[

,H.E(s:Z z)I~4_oA* 如果图标是用来防止或禁止某些事情 - 那他必须是明亮的、明显的、可以被立刻识别的。UXspace中国用户体验与产品创新门户/P,lW+c(L Is

,] } Jle)O4N9N* 如果图标只是作为点睛或者纯粹好看 - 那么你可以随意发挥你的想象寻找有创意的解决方案。UXspace中国用户体验与产品创新门户#n#DP)L(DY

p4?2{ {s2|来看看这个例子，这是两个极其相似的引喻，但在不同的情况下也可以带来完全不同的效果：UXspace中国用户体验与产品创新门户:r*N-r+{qS+`

UXspace中国用户体验与产品创新门户1D Xj f]#e

UXspace中国用户体验与产品创新门户Wy2W$il GL,gjQ

UXspace中国用户体验与产品创新门户.`o#TGR$A

再来看看另外一个例子。假如我们现在要用一个图标来表达“请不要延墙行走，因为屋顶上有工人正在施工，他们可能会丢下砖块”

*pUH.K
XMa k:_

sgFl]G

)wG]3H*I)SYu b*a UXspace中国用户体验与产品创新门户 z)Sl7N&jd)G$xn

所有这些准备工作看起来有些多余，似乎只是限制了我们的想法，遏制了我们的创意，难道就不能进行一下“无规则”的头脑风暴吗？UXspace中国用户体验与产品创新门户$^X4@ pF m-_M%y(|@5d2X

@,I-o|?^4H先别急着下结论。这些“限制”其实是给我们修建了一条轨道，帮助我们走上正确的方向。寻找正确引喻的过程可能缓慢，但只要沿着正确的方向，我们后续遇上的阻碍会少得多。

@-@'J P @9a

l;FPM U p之后的内容，请听下回分解。

'O7H2Vb:^m9H#L

%KXj1IP
@t在我的上一篇文章中我都一直在讨论“如何画一个图标”。显然有些朋友感到困惑，为什么我们不是讨论“图标里要画什么呢？”，所以在我的这篇文章里我们就来讨论这个问题。UXspace中国用户体验与产品创新门户mu}`v F/Y-J6S

UXspace中国用户体验与产品创新门户c9awNx+X^L

图标中应该画什么？我们应该用什么样的引喻？应该去哪里找创意？图标之所以被叫做图标，就是因为他们可以被解读，可以被识别，可以被理解。如果你是一个图标设计师，那你绝对不应该有这么个借口：“这是我的看法！”请别让你的客户看着你的作品就像母鸡看着用她的蛋做的蛋雕。

KJ8j'MO.g2IJ

|-LGIy'\)MK"rM up创造某种引喻的过程是可能是很长、很痛苦的。有些设计师能把这个过程融入他们的生活中，从身边任何事物中找到灵感。而另一些则慢慢地、持续地、甚至悲伤地努力去完成这个过程。但真正的结果其实取决于前期工作是否做得充分。

@H1XZ&UG'K5E

%U%z8f@:K[S+^UI/k5c开展设计工作之前，你必须确切地明白你的的任务，各种条件限制以及你的目标，因为我们的设计常常是功利性的。就像一个厨师在烹饪之前必须买食材，准备菜谱，根据吃饭人的数量来决定烧多烧少，并且还要注意食客中的过敏情况。设计师在真正“烹饪”之前也应该做类似的准备工作。UXspace中国用户体验与产品创新门户8h*a%XkW

UXspace中国用户体验与产品创新门户0S D(i}(x:iz&Q

那么，让我们来看看做图标之前我们应该想思考什么。UXspace中国用户体验与产品创新门户/j/d#{1{e|'g3{5Q~f6P

UXspace中国用户体验与产品创新门户f9D+yy+o7Kw&V

Size 尺寸UXspace中国用户体验与产品创新门户C"xHHi~[&^8AzKm4E

UXspace中国用户体验与产品创新门户*u!zMw.[U

以前，图标的尺寸不是很小就是非常小，而现在，图标尺寸的限制越来越小，我们常常需要处理从几个像素到整个屏幕大的图标。UXspace中国用户体验与产品创新门户bT a~q3A

UXspace中国用户体验与产品创新门户5LpS-@Mz

为什么那么重要？

a"\M'n^i(}^