标志设计大全,方寸之间见真功—趣话电脑图标的前世今生

正文：

　　图标在计算机图形界面中起了相当重要的作用，从1981年Xerox Star系统开始，到2003出现的BeOS Zeta系统，每一系统都有不同的图标。本文通过对这些系统中的图标的介绍和比较，介绍了图标在几十年来的发展背景和发展历程；文章还对图标的属性，像尺寸、风格、颜色等等做了一个简单介绍；在文章的最后，还对图标的将来做了一个展望，未来的图标将不可避免的发展到更注重视觉效果，功能只能摆第二位。

引子

　　图标已经被广泛使用在计算机、PDA、手机等数码产品上面，人们已经习惯使用图标来进行相应操作，但人们通常不会对图标是怎样产生、怎样被成熟使用等方面的东西想太多，也不会去考虑现在的图标跟20年前有什么不同。

　　不过，通过对这些问题的思考，我们会重新审视图标的基础和根本作用，这些随着技术发展而容易丢失的东西。

　　本文将对这些问题进行思考，文章首先对计算机图标的背景做一个简单介绍，然后介绍图标的发展历程，包括从1981年的Xerox Star系统到2003年底还没有发布的BeOS Zeta系统中的图标，之后对各种图标的尺寸、风格、定位等属性的介绍，在文章的最后还对图标的未来做了一个展望。

一、简介

　　从历史观点上说，图标（icon）是一些只有很小尺寸但很可爱的艺术表现符号，图标有浮雕、绘画、镶嵌工艺等表现形式。“icon”这个词起源于希腊的“eikon”，原意为图像。

　　在当代的语言中，图标是一种符号，它象征着一些众所周知的属性、实体或概念。在某些特定的文化背景里，图标应该非常容易被辨认出来。一些比较出名的图标有：锤子和镰刀（前苏联）、十字记号（纳粹）、天平和刻度（公平）、郁金香（荷兰）、导航灯（建议），等等。

美丽的郁金香是荷兰的象征

　　在计算机科学里，图标将文件，目录，应用程序或特定计算机系统中的设备用图形化的方式表现出来。

　　今天我们所看到的计算机图标最早出现在1970年的Xerox Palo Alto Research Center实验室。当时的图标有“桌面比喻”的含义在里面，将计算机系统表现为一个虚拟桌面，使之与人们自然地交互，并与办公桌、文件纸、文件夹、垃圾桶等办公用品联合使用。

　　经过多年的努力，Xerox PARC实验室完成了Xerox 8010信息系统的开发，但这个系统在商业上的表现并不好。然而，Apple公司在开发Lisa系统失败后，采纳了“图标”这个创意，最终在1984年推出广泛应用图标的Macintosh机。

　　对大多数计算机用户来说，现在的图标及相应操作（单击，双击，选择，拖动，等等）的概念已经很人性化。但随着图形硬件和软件的发展，图标还在不断发展。

二、发展历程

　　让我们对重要系统的图标的发展历史做一个总结回顾，并一起来预测一下将来的图标会是怎么样的。

　　1、Xerox Star（1981年）

　　1981年的Xerox Star系统用的是只有72象素×72象素的黑白图标。当时的显示器只有72点每英寸（PPI）的分辨率，每一个图标刚好是一平方英寸。（见图1）

　　Xerox Star系统中的图标十分抽象，只用了圆形和矩形。当时制定的一些图标到今天都还在被使用，比如说，一个折了一角的空白纸张表示一个文档，一个淡黄色的文件夹表示一个目录，放了一张纸的桶表示一个垃圾回收站。

　　令人惊讶的是，Xerox Star系统中所有图标有很好的一致性，在图标的细节上也表现的很好。比如说，当收件箱或发件箱有信件未处理时，收件箱或发件箱的图标的外层就会多了一层；时钟的图标就像我们日常可以见到的时钟；图标的名称也是图标本身的一部分。

　　2、Apple Lisa （1983年）

　　接下来要介绍的是Apple公司所推出的办公电脑―Lisa系统。尽管多了像垃圾回收站有条纹和盖子、计算器有数字等等细节，但在某种程度上来说，Lisa系统中的图标跟Xerox Star信息系统中的图标还是有点相似。（见图2）

　　Lisa系统中的图标也是黑白的，但只有48象素×24象素的尺寸。这是因为相对Xerox Star系统来说，Lisa系统的分辨率比较低。

　　3、Macintosh （1984年）

　　Macintosh系统有独特和有趣的图标。这套由Susan Kare所设计的32象素×32象素大小的黑白图标所代表的含义已经不仅仅是一套图标。（见图3）

　　在Macintosh系统中的图标首次区分了文档图标（一张折角的纸）和应用程序图标（一只手拿着笔在纸上）。在此系统中也包含了一些新的图标，像“Happy Mac”图标，金属的垃圾回收站，感叹号和疑问号等等。

　　Macintosh系统中的图标很容易被辨认，有很好的一致性，在抽象跟具体之间把握的很好，在设计时还考虑到不同国籍的人的使用。

　　4、Windows 1.0 （1985年）

　　Windows系统的第一套图标发布于1985年。这是一套丑陋的，功能不全面的，更像是占位符的图标。（见图4）

　　同是采用了32象素×32象素尺寸的黑白模式，但在细节表现和美观上面，Windows的图标比Macintosh系统的图标实在差太远。随便拿Windows中的两个图标来比较，都会发现图标之间的定位、风格和阴影都是不一致的。更糟的是，尽管在整个Windows系统里面只有为数不多的十几个图标，有些图标还是很容易被认错。比如说，控制面板和计算器的图标就很相似，都是一个分成几块的矩形。

　　在早期Windows系统的图标中唯一值得称道的是时钟图标，时钟图标被设计成一个正在运行的时钟（跟Xerox Star系统中的时钟很像），但在1990年的Windows 3.0中，这个图标不见了。

　　5、Amiga OS （1985年）

　　很难有人会真正认同Amiga OS系统中的图标，但没人能否认这套图标的独特性。（见图5）
最早版本的Amiga OS（又叫Workbench）中的图标用了黑、白、蓝、橙四种颜色。更独特的是，每一个图标的尺寸大小都很随意，整套图标看起来也很混乱。

　　这套图标的优点在于每一图标都有“选择”和“未选择”两个状态，两个状态之间有完全不同的外观。

　　6、TOS （1985年）

　　有些时候，一套图标不仅仅反映了一个计算机系统本身的接口，也反映了系统里面的某些特性。（见图6）

　　Amiga的系统看起来总是比较混乱，它的操作系统，图形界面，操作设计等等看起来都是匆匆忙忙赶出来的，可以想象，它在商业上也是失败的。

　　TOS图形界面的图标的优点是很简洁，操作性也很好。这套图标用的是32×32大小，黑白颜色。

　　7、NeXTSTEP / OPENSTEP（1989年）

　　当Apple公司和Microsoft公司还在它们各自的图形界面上停滞不前时，另外一个操作系统的大大地推进了图标的发展。这就是NeXTSTEP系统，这是一个面向对象的系统，后来发展程序OPENSTEP系统。（见图7）

　　NeXTSTEP系统的图标用的是48象素×48象素的尺寸，采用了彩色和阴影效果。尽管图标的风格并不统一，它在某些地方的创造性设计还是可圈可点。

　　NeXTSTEP系统最初用的显示器是黑白的，但过了不久就能够支持彩色显示器。

　　8、Windows 3.0 （1990年）

　　当Microsoft公司在Windows 1.0和后来成为拳头产品的Windows 2.0中采用了一套丑陋的图标之后，Windows 3.0中的图标被很好地改善。（见图8）

　　为了设计Windows 3.0的图标，Microsoft公司特地请了Susan Kare等人来设计这套系统的图标。由于图标采用了32象素×32象素的尺寸、16色、阴影效果，整套图标在视觉效果上有很好的表现。

　　9、Macintosh System 7（1991）

　　这次看来是Macintosh系统步了Microsoft Windows系统的后尘。在发布了7个版本之后，Macintosh系统终于引入了有阴影效果的彩色图标（尽管Macintosh系统很早就开始支持彩色显示）。（见图9）

　　由于采用了很多蓝色和黄色的阴影效果，这套图标的颜色看起来很精致。

　　10、Windows 3.1 （1992年）

　　跟其它系统的图标一样，Windows 3.1中的图标也出现了一些简单的阴影效果（虽然大多出现在边框）。整套图标的实用性也因此得到很好的改善。（见图10）

　　这套图标也出现了一些渐变效果。

　　11、OS / 2 2.0 （1993年）

　　在IBM公司OS / 2系统中，图标的发展经历颇为曲折。和Microsoft公司的合作导致在OS / 2系统第一个版本中采用了根本就没有图标的图形界面。为了扭转这一局面，在第三个版本（OS / 2 Wrap）采用了3D效果，在第四个版本中甚至采用了一些Copland风格。但在所有这些版本中，第二个版本所采用的图标更为成功，更有特色。（见图11）

　　采用了32象素×32象素的尺寸，只用了16色，整套图标看起来很朴素。但跟OS / 2其他版本所不同，图标的风格很一致。图标颜色以浅灰色和深绿色为主，辅以蓝色和黄色。这样的颜色搭配让人看起来很舒服。此外，图标中的渐变效果也用的很好。

　　12、Copland / Mac OS 8 （1994年－1997年）

　　经过差不多三年的“预览版”之后，Macintosh操作系统（后被改名为“Mac OS”）的第八个正式版本在1997年发布了。在这个版本中引入了新的图标风格。这套图标的风格被人们称为“Copland”风格。（见图12）

　　在“Copland”风格中应用了伪3D效果，用了大概26度倾斜的等距栅栏（isometric grid）。等积的意思是没有透视点，两条平行线在视觉效果上不会相交与等积空间的某一点上。等积经常被应用在三维空间的表现里面。

　　在Mac OS 8.5中更精美的图标（颜色也从256色扩展到数百万色）在Macintosh迷中很流行。这套图标与Mac OS的白金外表很好地融合在一起，整体显得手工精美，独特。

　　13、Windows 95（1995）

　　在Microsoft公司的重要产品Windows 95系统中，大多数图标被重新绘制，在图标某些地方也应用了Copland风格。（见图13）

　　这套图标仍然采用了32象素×32象素的尺寸，16色。但如果安装了随后发布的Microsoft Plus!插件，人们可以使用256色的图标。

　　14、BeOS（1997年）

　　BeOS操作系统中的图标是独特而且一致的图形的很好例子。BeOS的图标也是等积的，但栅栏是不对称的，左边有30度的倾斜，右边有45度的倾斜。（见图14）

　　这套有可以迅速辨认出来的颜色配置（应用了很多有旋转渐变效果的褐色、红色、黄色和灰色）的独特图标的视觉效果很好，功能也很全面。