晓张 XiaoZhang.net http://www.xiaozhang.net [分享] [RSS]

日志

图标,开启新时代(PC篇)

热度 1已有 1112 次阅读2011-10-1 22:56 |个人分类:IT世界| 晓张, 图标

 

图标,开启新时代(PC篇)

 

 

 

1981年第一台家用电脑诞生,至今已三十年了,在这三十年中,我们使用了不同的操作系统,从DOS下的字符时代,到Windows的图形时代,时下,我们进入了移动互联网和移动终端时代,这将是一个图标时代。

在习惯了图形化界面、菜单式操作和浏览器上网以后,乔布斯和它的苹果以艺术和天才的思想带给我们一种崭新的体验:在手机和平板电脑上,更简洁和快捷的图标式入口,迅速风靡全球,引来了众多的追捧者和模仿者。

从历史角度看,图标“Icon”一词起源于希腊单词“eikon”,原意为图像、圣像。直至今日,图标依旧作为一种象征实体或者概念的符号而存在于人们生活的方方面面。

在计算机领域,Icon是上世纪80年代伴随IT产业出现的一个新技术词汇,原指计算机软件编程中为使人机界面更加易于操作和人性化而设计出的标示特定功能的图形标志。随着IT产业的发展,不起眼的图标已经走过了漫长的道路。

 

 

1981年 首届消费者的GUI电脑

  我们所看到的计算机图标最早出现在施乐公司的实验室。1981年,经过多年的努力,施乐公司完成了Xerox 8010星的编制,这是世界上第一个GUI(图形用户界面)的计算系统。你可以看到,计算器、文件、文件夹和回收站30来都没有改变。

 

 

1983年 苹果丽莎――大众化的GUI

苹果丽莎是一个先进的图形用户界面,因为它可移动“台配件”(早期小工具)、下拉菜单和文件夹的目录。但这和施乐公司的图标异常相似,除了单一像素和大小和轮廓,以及使用齿轮的计算机图标的偏好。

 

 

1984年 考虑不同使用习惯的Apple Macintosh 1.0

其图标由传奇设计大师Susan Kare操刀。Macintosh系统中的图标容易被辨认,在抽象跟具体之间把握得恰到好处,同时在设计时还考虑到了不同国籍用户的使用习惯。

 

 

1985年 被公认丑陋的Windows 1.0x

  1985年微软终于发布了第一个GUI,其图标式样类似于同年阿米加(Amiga)公司发布的Amiga OS,不过它没有像Amiga那样采用黑、白、蓝、橙四种颜色。这套图标曾被公认为丑陋,并且功能很不全面。

 

 

1990 Windows 3.0凸现视觉效果

  微软在Windows 1.0和后来成为拳头产品的Windows 2.0中采用一套丑陋图标之后,在Windows 3.0中特地邀请操刀Macintosh 1.0图标的Susan Kare等人参与设计,整套图标在视觉效果上有了很好的表现。

 

 

1992 Windows 3.1细化图标颜色

  在Windows 3.01990年)大大提高了设计水平,Windows 3.1进一步细化了图标的颜色和设计。Windows 3.1是第一个Windows预安装的True Type字体的操作系统版本。

 

 

1995 Windows 95加入任务栏

对于微软来说颇具历史意义的是,Windows 95的设计是一个完整的重新构建。其引入了诸多具有代表性的元素,包括任务栏、菜单以及著名的启动按钮,这些元素一直沿用至今。

 

 

1997 Macintosh OS8图标寻找光源

  在Macintosh操作系统(后改名为Mac OS,在《乔布斯的“时”与“命”》一文中有记述)的第八个版本中,苹果寻找到了新的“光源”――Copland风格。Copland风格应用了伪3D效果,更具立体表现力。这些图标与苹果电脑的白金外表相协调。

 

 

2001 Mac OS X v10.0图标透明

苹果这一次推出的操作系统已经开始支持平滑的半透明图形接口,图标网络也相应有了很大的改变,因为图标透明类似果冻,被苹果迷称为“果冻的Mac”。

 

 

2001 Windows XP光亮软图标

  微软也于2001年推出了一个全新的操作系统,所采用的被称为“Luna”的图标在尺寸扩展、色彩选取、透明光亮上都有了较大的进步。特别是在视觉效果的展现上,看上去更具有动态的活力。

 

 

2007 Mac OS X Leopard虚实结合

  Mac OS X Leopard的图标将注意力集中在了“虚实结合”之上。沿用的玻璃和反射效果一如既往受到欢迎,而让图标“坐”起来使得苹果被“咬”了一口的想象力得到了充分的体现。

 

 

2009 Windows 7在体验上下工夫

  Windows 7除了在图标“朝向”上有细微改变,在用户体验上也下了一定的工夫。假如:用户执行清空“回收站”操作,回收站图标以模拟“清空”里面的纸屑作为回应;当用户选中一图标,该图标以周围出现半透明背景作为回应。

 

 

后记

收集整理这些内容花了一些时间,为了截图效果特将Windows 3.xWinodws 95Mac安装了一遍。对于Windows 3.0这些古董些的操作系统,暂用黑白的截图资料,待日后更换为彩色。

 

 

Susan Kare――像素绘图大师 Mac图标之母

Susan kare19831986 Apple从事电脑图标设计。人称Icon之母。Macintosh 1.0发明者之一。

   Susan kare1978年纽约大学美术学博士毕业,在旧金山博物馆开始了第一份工作,之后成为了一位自由图片艺术家。

Susan Kare曾于1983年到1986年在苹果公司从事交互图形设计。为苹果公司的新产品进行图标和字体设计,主要把黑白小栅格像素块设计成一系列的符号,帮助人们方便操纵电脑,她的设计也注重电脑屏幕上显示的字体比例问题。尽管在过去的18年里,Kare已经为上百位客户设计了上千种图标,其中包括我们熟知的“输入”、“输出”、“退出”等,但她仍然在探索像“后退”、“保存”、“运行”等这些熟悉的图标,使它们更好地表现出来。

Susan Kare的设计作品已经成为了计算机文化的一部分,曾获得2001“克莱斯勒汽车设计奖”。“莱斯勒汽车”设计奖是一项使灵感火花能够给生活带来创意和想象的全球设计大奖。

对于颜色,她所设计的图标的底色倾向于明亮的三原色,Susan Kare认为上万种颜色并不意味着必须都得用上。在一个图标上附加太多的细节,这会导致计算机界面混乱,但是一个按钮过于简单又会显得苍白无力。她说:“好的图标应该是在同类中易读易懂易识别,而不是在说明解释,一个好的创意应该以清晰、简明、给人印象深刻的方式表现出来。”

Kare所作的设计是为了让人们容易记住,而不是使图标很绚地呈现在人们面前。她认为一个成功图标的设计取决于人们是否理解这个图形符号所代表的意思。

 

Facebook虚拟物品

 

 

 

 

 已同步至 晓张的微博
收藏 分享 转发到微博 举报

发表评论 评论 (2 个评论)

回复 petoVo 2011-10-2 14:28
非常不错的一篇回忆录。
回复 晓张 2011-10-2 17:45
美中不足,古董级的Windows是黑白的照片,记到以前收集了所有DOS、Windows软件,就是找不到老版本了,看来还是要集中存储哈。

facelist

您需要登录后才可以评论 登录 | 注册

成都宠物论坛|手机版|成都宠物网搜索|百度|谷歌|宠我网 ( 蜀ICP备07500266号 

GMT+8, 2024-4-20 06:27 , Processed in 0.134423 second(s), 17 queries .

© 2007 By www.Petovo.com Some rights reserved

回顶部