计算机系统图标史.docx
《计算机系统图标史.docx》由会员分享，可在线阅读，更多相关《计算机系统图标史.docx（17页珍藏版）》请在冰豆网上搜索。
计算机系统图标史
计算机系统图标史
计算机系统图标史
moogee2006-4-521:
24:
45正文：
图标在计算机图形界面中起了相当重要的作用，从1981年XeroxStar系统开始，到2003出现的BeOSZeta系统，每一系统都有不同的图标。
本文通过对这些系统中的图标的介绍和比较，介绍了图标在几十年来的发展背景和发展历程；文章还对图标的属性，像尺寸、风格、颜色等等做了一个简单介绍；在文章的最后，还对图标的将来做了一个展望，未来的图标将不可避免的发展到更注重视觉效果，功能只能摆第二位。
引子
图标已经被广泛使用在计算机、PDA、手机等数码产品上面，人们已经习惯使用图标来进行相应操作，但人们通常不会对图标是怎样产生、怎样被成熟使用等方面的东西想太多，也不会去考虑现在的图标跟20年前有什么不同。
不过，通过对这些问题的思考，我们会重新审视图标的基础和根本作用，这些随着技术发展而容易丢失的东西。
本文将对这些问题进行思考，文章首先对计算机图标的背景做一个简单介绍，然后介绍图标的发展历程，包括从1981年的XeroxStar系统到2003年底还没有发布的BeOSZeta系统中的图标，之后对各种图标的尺寸、风格、定位等属性的介绍，在文章的最后还对图标的未来做了一个展望。
一、简介
从历史观点上说，图标（icon）是一些只有很小尺寸但很可爱的艺术表现符号，图标有浮雕、绘画、镶嵌工艺等表现形式。
“icon”这个词起源于希腊的“eikon”，原意为图像。
在当代的语言中，图标是一种符号，它象征着一些众所周知的属性、实体或概念。
在某些特定的文化背景里，图标应该非常容易被辨认出来。
一些比较出名的图标有：
锤子和镰刀（前苏联）、十字记号（纳粹）、天平和刻度（公平）、郁金香（荷兰）、导航灯（建议），等等。
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
美丽的郁金香是荷兰的象征
在计算机科学里，图标将文件，目录，应用程序或特定计算机系统中的设备用图形化的方式表现出来。
今天我们所看到的计算机图标最早出现在1970年的XeroxPaloAltoResearchCenter实验室。
当时的图标有“桌面比喻”的含义在里面，将计算机系统表现为一个虚拟桌面，使之与人们自然地交互，并与办公桌、文件纸、文件夹、垃圾桶等办公用品联合使用。
经过多年的努力，XeroxPARC实验室完成了Xerox8010信息系统的开发，但这个系统在商业上的表现并不好。
然而，Apple公司在开发Lisa系统失败后，采纳了“图标”这个创意，最终在1984年推出广泛应用图标的Macintosh机。
对大多数计算机用户来说，现在的图标及相应操作（单击，双击，选择，拖动，等等）的概念已经很人性化。
但随着图形硬件和软件的发展，图标还在不断发展。
二、发展历程
让我们对重要系统的图标的发展历史做一个总结回顾，并一起来预测一下将来的图标会是怎么样的。
1、XeroxStar（1981年）
1981年的XeroxStar系统用的是只有72象素×72象素的黑白图标。
当时的显示器只有72点每英寸（PPI）的分辨率，每一个图标刚好是一平方英寸。
（见图1）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
XeroxStar系统中的图标十分抽象，只用了圆形和矩形。
当时制定的一些图标到今天都还在被使用，比如说，一个折了一角的空白纸张表示一个文档，一个淡黄色的文件夹表示一个目录，放了一张纸的桶表示一个垃圾回收站。
令人惊讶的是，XeroxStar系统中所有图标有很好的一致性，在图标的细节上也表现的很好。
比如说，当收件箱或发件箱有信件未处理时，收件箱或发件箱的图标的外层就会多了一层；时钟的图标就像我们日常可以见到的时钟；图标的名称也是图标本身的一部分。
2、AppleLisa（1983年）
接下来要介绍的是Apple公司所推出的办公电脑―Lisa系统。
尽管多了像垃圾回收站有条纹和盖子、计算器有数字等等细节，但在某种程度上来说，Lisa系统中的图标跟XeroxStar信息系统中的图标还是有点相似。
（见图2）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
Lisa系统中的图标也是黑白的，但只有48象素×24象素的尺寸。
这是因为相对XeroxStar系统来说，Lisa系统的分辨率比较低。
3、Macintosh（1984年）
Macintosh系统有独特和有趣的图标。
这套由SusanKare所设计的32象素×32象素大小的黑白图标所代表的含义已经不仅仅是一套图标。
（见图3）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
在Macintosh系统中的图标首次区分了文档图标（一张折角的纸）和应用程序图标（一只手拿着笔在纸上）。
在此系统中也包含了一些新的图标，像“HappyMac”图标，金属的垃圾回收站，感叹号和疑问号等等。
Macintosh系统中的图标很容易被辨认，有很好的一致性，在抽象跟具体之间把握的很好，在设计时还考虑到不同国籍的人的使用。
4、Windows1.0（1985年）
Windows系统的第一套图标发布于1985年。
这是一套丑陋的，功能不全面的，更像是占位符的图标。
（见图4）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
同是采用了32象素×32象素尺寸的黑白模式，但在细节表现和美观上面，Windows的图标比Macintosh系统的图标实在差太远。
随便拿Windows中的两个图标来比较，都会发现图标之间的定位、风格和阴影都是不一致的。
更糟的是，尽管在整个Windows系统里面只有为数不多的十几个图标，有些图标还是很容易被认错。
比如说，控制面板和计算器的图标就很相似，都是一个分成几块的矩形。
在早期Windows系统的图标中唯一值得称道的是时钟图标，时钟图标被设计成一个正在运行的时钟（跟XeroxStar系统中的时钟很像），但在1990年的Windows3.0中，这个图标不见了。
5、AmigaOS（1985年）
很难有人会真正认同AmigaOS系统中的图标，但没人能否认这套图标的独特性。
（见图5）
最早版本的AmigaOS（又叫Workbench）中的图标用了黑、白、蓝、橙四种颜色。
更独特的是，每一个图标的尺寸大小都很随意，整套图标看起来也很混乱。
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
这套图标的优点在于每一图标都有“选择”和“未选择”两个状态，两个状态之间有完全不同的外观。
6、TOS（1985年）
有些时候，一套图标不仅仅反映了一个计算机系统本身的接口，也反映了系统里面的某些特性。
（见图6）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
Amiga的系统看起来总是比较混乱，它的操作系统，图形界面，操作设计等等看起来都是匆匆忙忙赶出来的，可以想象，它在商业上也是失败的。
TOS图形界面的图标的优点是很简洁，操作性也很好。
这套图标用的是32×32大小，黑白颜色。
7、NeXTSTEP/OPENSTEP（1989年）
当Apple公司和Microsoft公司还在它们各自的图形界面上停滞不前时，另外一个操作系统的大大地推进了图标的发展。
这就是NeXTSTEP系统，这是一个面向对象的系统，后来发展程序OPENSTEP系统。
（见图7）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
NeXTSTEP系统的图标用的是48象素×48象素的尺寸，采用了彩色和阴影效果。
尽管图标的风格并不统一，它在某些地方的创造性设计还是可圈可点。
NeXTSTEP系统最初用的显示器是黑白的，但过了不久就能够支持彩色显示器。
8、Windows3.0（1990年）
当Microsoft公司在Windows1.0和后来成为拳头产品的Windows2.0中采用了一套丑陋的图标之后，Windows3.0中的图标被很好地改善。
（见图8）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
为了设计Windows3.0的图标，Microsoft公司特地请了SusanKare等人来设计这套系统的图标。
由于图标采用了32象素×32象素的尺寸、16色、阴影效果，整套图标在视觉效果上有很好的表现。
9、MacintoshSystem7（1991）
这次看来是Macintosh系统步了MicrosoftWindows系统的后尘。
在发布了7个版本之后，Macintosh系统终于引入了有阴影效果的彩色图标（尽管Macintosh系统很早就开始支持彩色显示）。
（见图9）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
由于采用了很多蓝色和黄色的阴影效果，这套图标的颜色看起来很精致。
10、Windows3.1（1992年）
跟其它系统的图标一样，Windows3.1中的图标也出现了一些简单的阴影效果（虽然大多出现在边框）。
整套图标的实用性也因此得到很好的改善。
（见图10）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
这套图标也出现了一些渐变效果。
11、OS/22.0（1993年）
在IBM公司OS/2系统中，图标的发展经历颇为曲折。
和Microsoft公司的合作导致在OS/2系统第一个版本中采用了根本就没有图标的图形界面。
为了扭转这一局面，在第三个版本（OS/2Wrap）采用了3D效果，在第四个版本中甚至采用了一些Copland风格。
但在所有这些版本中，第二个版本所采用的图标更为成功，更有特色。
（见图11）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
采用了32象素×32象素的尺寸，只用了16色，整套图标看起来很朴素。
但跟OS/2其他版本所不同，图标的风格很一致。
图标颜色以浅灰色和深绿色为主，辅以蓝色和黄色。
这样的颜色搭配让人看起来很舒服。
此外，图标中的渐变效果也用的很好。
12、Copland/MacOS8（1994年－1997年）
经过差不多三年的“预览版”之后，Macintosh操作系统（后被改名为“MacOS”）的第八个正式版本在1997年发布了。
在这个版本中引入了新的图标风格。
这套图标的风格被人们称为“Copland”风格。
（见图12）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
在“Copland”风格中应用了伪3D效果，用了大概26度倾斜的等距栅栏（isometricgrid）。
等积的意思是没有透视点，两条平行线在视觉效果上不会相交与等积空间的某一点上。
等积经常被应用在三维空间的表现里面。
在MacOS8.5中更精美的图标（颜色也从256色扩展到数百万色）在Macintosh迷中很流行。
这套图标与MacOS的白金外表很好地融合在一起，整体显得手工精美，独特。
13、Windows95（1995）
在Microsoft公司的重要产品Windows95系统中，大多数图标被重新绘制，在图标某些地方也应用了Copland风格。
（见图13）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
这套图标仍然采用了32象素×32象素的尺寸，16色。
但如果安装了随后发布的MicrosoftPlus!
插件，人们可以使用256色的图标。
14、BeOS（1997年）
BeOS操作系统中的图标是独特而且一致的图形的很好例子。
BeOS的图标也是等积的，但栅栏是不对称的，左边有30度的倾斜，右边有45度的倾斜。
（见图14）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
这套有可以迅速辨认出来的颜色配置（应用了很多有旋转渐变效果的褐色、红色、黄色和灰色）的独特图标的视觉效果很好，功能也很全面。
15、IRIXInteractiveDesktop（1998年）
来自SGI的IRIXInteractiveDesktop系统的图形接口比较少人知道，但它的图标有不少独特的HCI特性。
其中一个是图标的矢量性，所以这套图标可以放大至任何尺寸而不损失图形质量，但这套图标不是很吸引人（虽然它是平滑的，可以在系统的新版本中重用）。
（见图15）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
整套图标在外观上很一致，使用了Copland风格，在表面使用了阴影效果。
有特色的“魔法地毯”功能可以让人很容易地从程序队列里面找出正在执行的程序。
16、Rhapsody（1999年）
Rhapsody系统是一个“短命”的操作系统，它只是为MacOS系统和NeXTSTEP系统的接合而存在的，最终它融合在MacOSX系统里。
（见图16）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
Rhapsody系统的图标有一些传统的Copland风格残留在里面。
（“传统”是相对人们对Copland的理念做出的引申和发展而言的）。
在一定意义上，这套图标也终结了14年前就已经开始使用的Macintosh系统的图标风格。
图标采用了48象素×48象素的尺寸，采用了透明的遮照效果，支持了更多的颜色和更精细的阴影效果。
不过，Rhapsody系统的定位就决定了图标在一致性上的冲突。
图标有些是NeXTSTEP风格的，有些是Macintosh风格的。
17、AmigaOS3.5（1999年）
在AmigaOS3.5操作系统里面有一套全新的等积的图标。
图标的不同之处在于采用了颤动的手法，但整套图标又表现了独特的视觉一致性。
（见图17）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
大多数图标都是48象素×48象素的尺寸，但图标的外边经常围绕着一些大边框。
18、Windows2000（2000年）
Windows系统的图标在每一个后续版本中都变得越来越精致，在Windows2000里的图标发展到了一个全新的高度。
（见图18）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
图标使用了32象素×32象素的尺寸，但如果需要，也可以使用48象素×48象素的尺寸。
相对Windows图标的原始版本来讲，这套图标所改进的地方很多。
图标使用了精细的阴影效果，支持24位颜色。
19、MacOSX（2001年）
之前的MacOS版本的图标都是32象素×32象素的尺寸，图标版本的升级只是在颜色数量上有很显著的改进（从第一版的2种颜色到第8.5和9版里的超过百万色）。
然而，在2001年推出的MacOSX系统中已经支持平滑的半透明图形接口，图标风格相应地也有了很大的改变。
由于构成图标的所有要素都改变了，这次图标风格的改变是一种考验。
（见图19）
480）this.width=480"src="onload="javascript:
if（this.width>480）this.width=480"border=0twffan="done">
新的图标有128象素×128象素的巨大尺寸，16倍于之前版本的图标面积。
图标采用了24位深度和8位的半透明遮照。
新的图标已经具有写实的风格，而不再只是一些象征的符号。
这里引用《苹果电脑人机接口向导》的内容，“系统的图标有一种像照片一样的全新风格。
图标应用了跟照片类似的写实手法。
图标有128象素×128象素的足够空间来展示细节。
反锯齿使表现曲面和曲线成为可能。
透明和半透明的通道可以表现复杂的阴影效果。
所有的这些特性使图标像华丽的图片成为可能。
”图标应用了很多的透明、半透明以及阴影效果。
图标的尺寸会根据系统的需要自动放大缩小，但这个特性让用户很难辨认缩小后的图标。
比如说，缩小成16象素×16象素后的图标跟原始尺寸的图标相比，看起来就很不一样。
但不少用户批评这套图标浓重的写实手法。
图标的尺寸太大，色彩太绚丽，太“有趣”，导致给人想象的空间不大。
一个硬盘的图标就像是一个硬盘，尽管大多数的用户都不知道系统中的硬盘是什么样子。
20、WindowsXP（2001年）
参考MacOSX中的图标，Micro
升级会员 