电脑图标的功能与特色.doc

电脑图标的功能与特色黑龙江农业职业技术学院 张建功图标已经被广泛使用在计算机、PDA、等数码产品上面，人们已经习惯使用图标来进行相应操作，但人们通常不会对图标是怎样产生、怎样被成熟使用等方面的东西想太多，也不会去考虑现在的图标跟 20 年前有什么不同本文将对这些问题进行思考，文章首先对计算机图标的背景做一个简单介绍，然后介绍图标的发展历程，包括从 1981 年的 Xerox Star 系统到 2003 年底还没有发布的 BeOS Zeta 系统中的图标，之后对各种图标的尺寸、风格、定位等属性的介绍，在文章的最后还对图标的未来做了一个展望一、简介从历史观点上说，图标（icon）是一些只有很小尺寸但很可爱的艺术表现符号，图标有浮雕、绘画、镶嵌工艺等表现形式 “icon”这个词起源于希腊的“eikon” ，原意为图像在当代的语言中，图标是一种符号，它象征着一些众所周知的属性、实体或概念在某些特定的文化背景里，图标应该非常容易被辨认出来在计算机科学里，图标将文件，目录，应用程序或特定计算机系统中的设备用图形化的方式表现出来今天我们所看到的计算机图标最早出现在 1970 年的 Xerox Palo Alto Research Center 实验室。

当时的图标有“桌面比喻”的含义在里面，将计算机系统表现为一个虚拟桌面，使之与人们自然地交互，并与办公桌、文件纸、文件夹、垃圾桶等办公用品联合使用对大多数计算机用户来说，现在的图标及相应操作（单击，双击，选择，拖动，等等）的概念已经很人性化但随着图形硬件和软件的发展，图标还在不断发展二、发展历程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 系统中的图标很容易被辨认，有很好的一致性，在抽象跟具体之间把握的很好，在设计时还考虑到不同国籍的人的使用4、Windows 1.0 （1985 年）　　Windows 系统的第一套图标发布于 1985 年这是一套丑陋的，功能不全面的，更像是占位符的图标见图 4）在早期 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、IRIX Interactive Desktop（1998 年）来自 SGI 的 IRIX Interactive Desktop 系统的图形接口比较少人知道，但它的图标有不少独特的 HCI 特性其中一个是图标的矢量性，所以这套图标可以放大至任何尺寸而不损失图形质量，但这套图标不是很吸引人（虽然它是平滑的，可以在系统的新版本中重用）见图 13）整套图标在外观上很一致，使用了 Copland 风格，在表面使用了阴影效果有特色的“魔法地毯”功能可以让人很容易地从程序队列里面找出正在执行的程序14、Rhapsody （1999 年）　　Rhapsody 系统是一个“短命”的操作系统，它只是为 Mac OS 系统和 NeXTSTEP系统的接合而存在的，最终它融合在 Mac OS X 系统里见图 14）不过，Rhapsody 系统的定位就决定了图标在一致性上的冲突。

图标有些是NeXTSTEP 风格的，有些是 Macintosh 风格的　　14、Windows 2000（2000 年）Windows 系统的图标在每一个后续版本中都变得越来越精致，在 Windows 2000里的图标发展到了一个全新的高度见图 14）图标使用了 32 象素×32 象素的尺寸，但如果需要，也可以使用 48 象素×48 象素的尺寸相对 Windows 图标的原始版本来讲，这套图标所改进的地方很多图标使用了精细的阴影效果，支持 24 位颜色15、Mac OS X （2001 年）之前的 Mac OS 版本的图标都是 32 象素×32 象素的尺寸，图标版本的升级只是在颜色数量上有很显著的改进（从第一版的 2 种颜色到第 8.5 和 9 版里的超过百万色）然而，在 2001 年推出的 Mac OS X 系统中已经支持平滑的半透明图形接口，图标风格相应地也有了很大的改变由于构成图标的所有要素都改变了，这次图标风格的改变是一种考验见图 15）新的图标有 128 象素×128 象素的巨大尺寸，16 倍于之前版本的图标面积图标采用了 24 位深度和 8 位的半透明遮照新的图标已经具有写实的风格，而不再只是一些象征的符号。

这里引用《苹果电脑人机接口向导》的内容，“系统的图标有一种像照片一样的全新风格图标应用了跟照片类似的写实手法图标有 128 象素×128 象素的足够空间来展示细节反锯齿使表现曲面和曲线成为可能透明和半透明的通道可以表现复杂的阴影效果所有的这些特性使图标像华丽的图片成为可能图标应用了很多的透明、半透明以及阴影效果　16、BeOS Zeta （2003）最后是关于 BeOS 家族中 BeOS Zeta 系统的图标，这套图标的设计在保留 BeOS原有特性上做了一定的努力见图 16）这套图标设计的很成功，尺寸是 64 象素×64 象素，采用了阴影效果4 倍的面积使一些图标看起来很“庞大”此外，一些图标之间很容易混淆，像控制面板的图标、机的图标、鼠标的图标、网络的图标、打印机的图标就很容易混淆三、小结我们可能听说过“图画所表现的东西远非笔墨可以形容”这句话图标就很好地验证了这一说法在最近的图形界面接口中，图标的用法仍然是点击、双击、选择、拖动，这跟20 年前的用法没有多大的差别但图标的出现使我们能够更方便地使用电脑从另一个角度来说，图标在视觉效果上也一直在发展着如果不考虑图标的功能，我们很难能够找出这么多相似的图片。

硬件的发展导致了图标的发展，但看看最新的像 Windows XP 或 Mac OS X 的图标，我们能够发现图标已经有点被“过度设计”看来，将来的图标有可能回归到它们的原始目的上。