原文作者: Denis Kortunov
原文地址: Turbomilk

衡量一个图标是否优秀有多个方面:风格、颜色、透视和隐喻。我个人认为其中隐喻是最为基础的,他就像是一篇文章的中心思想。如果隐喻使用得恰当并且有意思,那这个图标的质量一定低不了。这里我以个人观点选取了一些这方面做的比较有亮点的图标分享给大家。

1. Windows 3.11

1993 面世的 Windows 3.11 的界面是 Windows 系列中最出色的,很显然设计师们在创作的时候赋予了很大的热情,在细节和配色上经过了详细的斟酌。
图片载入中...

  • 桌面 — 还有更好的方法表示实体的桌面吗?在我看来,其中细微到眼镜的反射都是很精致的。
  • 声音 — 在图标中使用眼睛作为元素很常见,但是加上耳朵则很少见
  • 游戏 — 黑桃上的眼睛虽然才几个像素,但却是点睛之笔



2. OS/2 Warp 4

在 1996 年发布的 OS/2 Warp 4 中,3D 的图标出现了,随后慢慢变成了主流。与现在的图标稍有不同,那时候还是只有 16 色的。

图片载入中...

  • 桌面 — 那个绿色的复古台灯让我颇有感触。
  • 程序 — 一个包含了附件的文件夹,元素上稍显复杂的一个图标,即使是现在来看也是这样,一个布满了盒子、书本和纸牌的书架。
  • 回收站 — 有些朋友可能注意到了,以前我也把这个图标列为“10 大图标设计错误”之一,但是从隐喻上来看还是很独特,很有意思的。



3. BeOS R5

这个几乎是划时代的多媒体操作系统,虽然最后还是惨败,但是 2000 年的 BeOS R5 还是用极其出色的图标让我感到非常惊喜。

图片载入中...

  • 桌面 — 又是那个绿色的台灯!不过桌子更真实,而且整个图标也更加 3D 了。
  • 浏览器 — 很好地演绎了「上网冲浪」的概念,但可能在不同的文化地域中理解会有偏差
  • 文件管理器 — 他们用这个图标告诉你「让我来帮你找文件吧!」,特别搞笑的一个隐喻,尽管我并不希望让狗狗来帮我寻找文件,但这个图标的确很成功。



4. Mac OS X Automator

这个图标出现的时候已经快 2005 年了。

图片载入中...

Automator 是用来帮助你创建脚本以自动完成某些任务。比起其他用鼠标指针、按钮之类来表示的同类软件图标,这个机器人小助手能更好地帮你理解软件的实际用途。


5.  VLC Media Player

前面的几个图标都是操作系统原生的程序,VLC 播放器虽然是个第三方软件,但是他的图标已经几乎是个标准了。

图片载入中...

虽然从表面上看起来我们完全无法理解这个软件是做什么的,但这个隐喻着实不同寻常。我研究过为什么 VLC 的开发者使用这个隐喻,结果是比较奇怪的,因为他的开发者,来自 École Centrale Paris 的学生们有收集交通路障的癖好,于是他们就用软件图标来纪念自己的爱好。


6. Mac OS X Front Row

Front Row 是 Mac OS X 中的原生播放器,风格类似 Apple TV。

图片载入中...

这个案例也比较有意思,为什么要使用椅子呢?他不但清晰地表明了软件的用途,而且反映了软件使用过程中的精髓部分:舒服地坐着,然后好好地接受视听享受吧!但是一般来讲,多媒体播放器比较难用单一的隐喻来表示,所以这个图标未必是未来的趋势


7. Roxio Toast

Roxio Toast 是事实上的 Mac 刻录软件标准。

图片载入中...

这可以算得上图标历史上最杰出的隐喻之一了。烤面包机远比同类软件使用的激光符号来的容易理解并且更恰当。上图是Toast 7的图标,而其图标随着版本更新也一直在变。


8. Transmit

Transmit — Mac OS X 上的 FTP 客户端软件。这个图标让我想起了一个冷笑话:一部卡车载着 5 吨的 DVD 光盘从 A 地运到 B 地,他的数据传输速率是多少字节呢?

图片载入中...

这个程序里有一个 Widget,当你把文件拖进去之后,他会在一条虚拟的路上载着文件开出去,多有意思啊!


9. Twitterrific

Twitterrific — 微博网站 Twitter 的客户端软件.

图片载入中...

我个人不太擅长画鸟,但我可以假设这个图标中的鸟是麻雀。这个隐喻的出发点是英语中的 tweet 是小鸟唱歌的意思,这个叽叽喳喳的小鸟图标很有原创性,但也非常的简洁。


10. Mac OS X 中代表 PC 的图标

如果你用的是 Mac,而在邻近网络中有个 PC。。。。

图片载入中...

这是 Apple 的设计师们开的一个不大不小的玩笑,有一点点粗俗,但却比较形象。

10 个隐喻已经介绍完,我并没有强迫自己使用 Mac,但在 Windows Vista 上我实在找不到拿得出手的图标隐喻,另外我并没法接触到所有程序的图标,所以大家觉得哪些图标比较有意思也可以发信给我进行交流。

分享博文



博文评论