行业关键字
UI设计UI理论和资料 → 正文
Iconka图标教程:Finding the idea
作者: jjying 翻译 来源: 视觉同盟 时间: 2009年9月28日

第一辑:思考前请先思考

在我的上一篇文章中我都一直在讨论“如何画一个图标”。显然有些朋友感到困惑,为什么我们不是讨论“图标里要画什么呢?”,所以在我的这篇文章里我们就来讨论这个问题。

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

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

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

那么,让我们来看看做图标之前我们应该想思考什么。

Size 尺寸

以前,图标的尺寸不是很小就是非常小,而现在,图标尺寸的限制越来越小,我们常常需要处理从几个像素到整个屏幕大的图标。

    * 尺寸越小,你的选择余地就越小。我们不可能把一架钢琴上完整的88个按键全都做到16个像素宽度中
    * 尺寸越小,图标的可读性要求就越高(不过有个好处就是小图标里我们可以减少一些元素,即使引喻和创意相交原来变得不那么完整)

比如这个代表圣诞节的图标:


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

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

Activity 动作
这是一个经常被我们忽略的重要特征。

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

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

来看看这个例子,这是两个极其相似的引喻,但在不同的情况下也可以带来完全不同的效果:

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

所有这些准备工作看起来有些多余,似乎只是限制了我们的想法,遏制了我们的创意,难道就不能进行一下“无规则”的头脑风暴吗?

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

之后的内容,请听下回分解。

(责任编辑: chenke

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2025 视觉同盟 visionUnion.com)
Copyright © 2004-2025 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版