查看完整版本: Iconka图标教程 Finding the idea

Iconka图标教程 Finding the idea

[size=18px]作者:jjying[/size]
[size=4]来源:jjying[/size]
[size=18px]

[align=left][size=2][color=#000000][b]寻找概念

第一辑：思考前请先思考[/b][/color][/size][/align]
[b]    * 尺寸越小，你的选择余地就越小。我们不可能把一架钢琴上完整的88个按键全都做到16个像素宽度中
    * 尺寸越小，图标的可读性要求就越高（不过有个好处就是小图标里我们可以减少一些元素，即使引喻和创意相交原来变得不那么完整）

[/b][color=#000000][size=2][b]比如这个代表圣诞节的图标：
[attach]2022[/attach][/b][/size][/color]
[size=2][/size]
[size=18px][b]Context 整体风格[/b][/size]
[size=2][color=#000000][b]图标只是界面的一个组成部分，所以他必须满足整体要求并且适应主体风格。如果整个界面需要尽可能多得用圆角，那图标里也得出现圆角。如果整体风格是明亮的，那尽可能让图标闪耀吧！

[/b][/color][/size][color=#000000][size=2][b]当然，如果你在给一个床上用品推介网站做图标，你完全可以忽略掉相对应的概念，用一个简单的咖啡杯来表示导航栏中的“关于我们”

[size=18px]Activity 动作[/size][/b][/size][/color]
[size=2][color=#000000][b]这是一个经常被我们忽略的重要特征。

[/b][/color][/size][size=2][color=#000000][b]你的图标是用来做什么的？他到底用来做什么动作的？
[/b][/color][/size]
[size=2][color=#000000][b]    * 当图标是用来描述或者报告某些事情 - 我们需要引导用户把更多的注意力放在这个图标的形象和细节。
    * 如果图标是引起某种动作的 - 你需要关注一下构成图标的各个表述动作的元素。
    * 如果图标是用来防止或禁止某些事情 - 那他必须是明亮的、明显的、可以被立刻识别的。
    * 如果图标只是作为点睛或者纯粹好看 - 那么你可以随意发挥你的想象寻找有创意的解决方案。

[/b][/color][/size][color=#000000][size=2][b]来看看这个例子，这是两个极其相似的引喻，但在不同的情况下也可以带来完全不同的效果：
[/b][/size][/color]
[color=#000000][size=2][b][attach]2023[/attach][/b][/size][/color]
[color=#000000][size=2][b]再来看看另外一个例子。假如我们现在要用一个图标来表达“请不要延墙行走，因为屋顶上有工人正在施工，他们可能会丢下砖块”
[/b][/size][/color]
[color=#000000][size=2][b][attach]2024[/attach][/b][/size][/color]
[color=#000000][size=2][size=2][color=#000000][b]所有这些准备工作看起来有些多余，似乎只是限制了我们的想法，遏制了我们的创意，难道就不能进行一下“无规则”的头脑风暴吗？

[/b][/color][/size][size=2][color=#000000][b]先别急着下结论。这些“限制”其实是给我们修建了一条轨道，帮助我们走上正确的方向。寻找正确引喻的过程可能缓慢，但只要沿着正确的方向，我们后续遇上的阻碍会少得多。

[/b][/color][/size][size=2][color=#000000][b]之后的内容，请听下回分解。
[/b][/color][/size]


[size=2][color=#000000]在我的上一篇文章中我都一直在讨论“如何画一个图标”。显然有些朋友感到困惑，为什么我们不是讨论“图标里要画什么呢？”，所以在我的这篇文章里我们就来讨论这个问题。[/color]

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

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

[/color][/size][size=2][color=#000000]开展设计工作之前，你必须确切地明白你的的任务，各种条件限制以及你的目标，因为我们的设计常常是功利性的。就像一个厨师在烹饪之前必须买食材，准备菜谱，根据吃饭人的数量来决定烧多烧少，并且还要注意食客中的过敏情况。设计师在真正“烹饪”之前也应该做类似的准备工作。

[/color][/size][size=2][color=#000000]那么，让我们来看看做图标之前我们应该想思考什么。

[b][size=18px]Size 尺寸[/size]
[/b][/color]
[/size][size=2][color=#000000]以前，图标的尺寸不是很小就是非常小，而现在，图标尺寸的限制越来越小，我们常常需要处理从几个像素到整个屏幕大的图标。
[/color][/size]
[size=2][color=#000000]为什么那么重要？[/color][/size]
[/size][/color][/size]

[[i] 本帖最后由 黄赫哲 于 2008-5-24 07:11 编辑 [/i]]

不错不错，好好学习一下，多谢多谢。就这么多吗？

怎么没有了.看的正过瘾呢!　:lol 　湊字用的

[url]http://www.iconfans.com/thread-561-1-1.html[/url]  这里是全文，设计图标应该注意的10大误区。