GUI 界面设计的进化史.docx
- 文档编号:1348763
- 上传时间:2023-04-30
- 格式:DOCX
- 页数:28
- 大小:2MB
GUI 界面设计的进化史.docx
《GUI 界面设计的进化史.docx》由会员分享,可在线阅读,更多相关《GUI 界面设计的进化史.docx(28页珍藏版)》请在冰点文库上搜索。
GUI界面设计的进化史
70年代,施乐公司XeroxPaloAltoResearchCenter(PARC)的研究人员开发了第一个GUI图形用户界面,开启了计算机图形界面的新纪元,80年代以来,操作系统的界面设计经历了众多变迁,OS/2,Macintosh,Windows,Linux,SymbianOS,各种操作系统将GUI设计带进新的时代。
本文介绍了80年代以来各种操作系统GUI界面设计的进化史。
第一个使用现代图形界面的个人电脑是XeroxAlto,设计于1973年,该系统并未商用,主要用于研究和大学。
1981-1985
Xerox8010Star(1981年推出)
这是第一台全集成桌面电脑,包含应用程序和图形用户界面(GUI),一开始叫TheXeroxStar,后改名为ViewPoint,最后又改名为GlobalView。
Xerox8010Star,Source:
AppleLisaOfficeSystem1(1983)
又称LisaOS,这里的OS是OfficeSystem的缩写,苹果开发这款机器的初衷是作为文档处理工作站。
不幸的是,这款机器的寿命并不长,很快被更便宜的Macintosh操作系统取代。
LisaOS几个升级包括1983年的LisaOS2,1984年的LisaOS7/73.1。
AppleLisaOS1,Source:
GUIdebook
AppleLisaOS1,Source:
GUIdebook
VisiCorpVisiOn(1984)
VisiOn是为IBMPC开发的第一款桌面GUI,该系统面向大型企业,价格昂贵,使用基于鼠标的GUI,它内置安装程序与帮助系统,但尚未使用图标。
VisiCoprtVisiOn,Source:
VisiCoprtVisiOn,Source:
MacOSSystem1.0(1984)
System1.0是最早的Mac操作系统GUI,已经拥有现代操作系统的几项特点,基于窗体,使用图标。
窗体可以用鼠标拖动,文件与文件夹可以通过拖放进行拷贝。
AppleMacSystem1.0,Source:
AmigaWorkbench1.0(1985)
一经发布,Amiga就领先时代。
它的GUI包含诸如彩色图形(四色:
黑,白,蓝,橙),初级多任务,立体声以及多状态图标(选中状态和未选中状态)
AmigaWorkbench1.0,Source:
GUIdebook
AmigaWorkbench1.0,Source:
GUIdebook
Windows1.0x(1985)
1985年,微软终于在图形用户界面大潮中占据了一席之地,Windows1.0是其第一款基于GUI的操作系统。
使用了32×32像素的图标以及彩色图形,其最有趣的功能是模拟时钟动画图标。
MicrosoftWindows1.01,Source:
makowski-berlin.de
MicrosoftWindows1.01,Source:
makowski-berlin.de
1986–1990
IRIX3(releasedin1986,firstrelease1984)
64为IRIX操作系统是为Unix设计的,它的一个有趣功能是支持矢量图标,这个功能远在MaxOSX面世前就出现了。
SiliconGraphicsIRIX3.0,Source:
Windows2.0x(1987)
这个版本的Windows操作系统中对Windows的管理有了很大改进,Windows可以交叠,改变大小,最大化或最小化。
MicrosoftWindows2.03,Source:
guidebookgallery.org
MicrosoftWindows2.03,Source:
guidebookgallery.org
OS/21.x(releasedin1988)
OS/2最早由IBM和微软合作开发,然而1991年,随着微软将这些技术放到自己的Windows操作系统,两家公司决裂,IBM继续开发OS/2,OS/2使用的GUI被称为“PresentationManager(展示管理)”,这个版本的GUI只支持单色,以及固定图标。
Microsoft-IBMOS/21.1,Source:
Microsoft-IBMOS/21.1,Source:
NeXTSTEP/OPENSTEP1.0(1989)
SteveJobs心血来潮,想为大学和研究机构设计一款完美的电脑,他的这个设想后来造就了一家叫做NeXTComputer的公司。
第一台NeXT计算机于1988年发布,不过到了1989年随着NeXTSTEP1.0GUI的发布才取得显著进展,该GUI后来演变成OPENSTEP。
该GUI的图标很大,48×48像素,包含更多颜色,一开始是单色的,从1.0开始支持彩色,下图中已经可以看到现代GUI的影子。
NeXTSTEP1.0,Source:
OS/21.20(1989)
OS/2的下一个小版本在很多方面都做了改进,图标看上去更好看,窗体也显得更平滑。
OS/21.2,Source
Windows3.0(1990)
到Windows3.0,微软真正认识到GUI的威力,并对之进行大幅度改进。
该操作系统已经支持标准或386增强模式,在增强模式中,可以使用640K以上的扩展内存,让更高的屏幕分辨率和更好的图形成为可能,比如可以支持SVGA800×600或1024×768。
同时,微软聘请SusanKare设计Windows3.0的图标,为GUI注入统一的风格。
MicrosoftWindows3.0,Source:
MicrosoftWindows3.0,Source:
1991–1995
AmigaWorkbench2.04(1991)
该版GUI包含很多改进,桌面可以垂直分割成不同分辨率和颜色深度,在现在看来似乎有些奇怪。
默认的分辨率是640×256,不过硬件支持更高的分辨率。
CommodoreAmigaWorkbench2.04,Source:
guidebookgallery.org
MacOSSystem7(releasedin1991)
MacOS7是第一款支持彩色的GUI,图标中加入了微妙的灰,蓝,黄阴影。
AppleMacOSSystem7.0,Source:
guidebookgallery.org
AppleMacOSSystem7.0,Source:
guidebookgallery.org
Windows3.1(1992)
该版本的Windows支持预装的TrueType字体,第一次使Windows成为可以用于印刷的系统。
Windows3.0中,只能通过Adobe字体管理器(ATM)实现该功能。
该版本同时包含一个叫做HotdogStand的配色主题。
配色主题可以帮助某些色盲患者更容易看清图形。
Source:
Wikipedia
OS/22.0(1992)
这是第一个获得世界认可并通过可用性与可访问性测试的GUI,整个GUI基于面向对象模式,每个文件和文件夹都是一个对象,可以同别的文件,文件夹与应用程序关联。
它同时支持拖放式操作以及模板功能。
IBMOS/22.0,Source:
IBMOS/22.0,Source:
Windows95(1995)
Windows3.x之后,微软对整个用户界面进行了重新设计,这是第一个在窗口上加上关闭按钮的Windows版本。
图标被赋予了各种状态(有效,无效,被选中等),那个著名的“开始”按钮也是第一次出现。
对操作系统和GUI而言,这是微软的一次巨大飞跃。
MicrosoftWindows95,Source:
guidebookgallery.org
MicrosoftWindows95,Source:
guidebookgallery.org
1996–2000
OS/2Warp4(1996)
IBM终于争气地推出了OS/2Warp4。
桌面上可以放置图标,也可以自己创建文件和文件夹,并推出一个类似Windows回收站和Mac垃圾箱的文件销毁器,不过一旦放进去进不能再恢复。
IBMOS/2Warp4,Source:
IBMOS/2Warp4,Source:
MacOSSystem8(1997)
该版本的GUI支持默认的256色图标,MacOS8最早采用了伪3D图标,其灰蓝色彩主题后来成为MacOSGUI的标志。
AppleMacOS8,Source:
guidebookgallery.org
Windows98(1998)
图标风格和Windows95几无二致,不过整个GUI可以使用超过256色进行渲染,Windows资源管理器改变巨大,第一次出现活动桌面。
MicrosoftWindows98,Souce:
KDE1.0(1998)
KDE是Linux的一个统一图形用户界面环境。
KDE1.0,Source:
ditesh.gathani.org
GNOME1.0(1999)
GNOME桌面主要为RedHatLinux开发,后来也被别的Linux采用。
RedHatLinuxGNOME1.0.39,Source:
2001–2005
MacOSX(releasedin2001)
2000年初,苹果宣布推出其Aqua界面,2001年,推出全新的操作系统MacOSX。
默认的32×32,48×48被更大的128×128平滑半透明图标代替。
该GUI一经推出立即招致大量批评,似乎用户都如此大的变化还不习惯,不过没过多久,他们呢就接受了这种新风格,如今这种风格已经成了MacOS的招牌。
AppleMacOSX10.1Source:
guidebookgallery.org
WindowsXP(releasedin2001)
每一次微软推出重要的操作系统版本,其GUI也必定有巨大的改变,WindowsXP也不例外,这个GUI支持皮肤,用户可以改变整个GUI的外观与风格,默认图标为48×48,支持上百万颜色。
MicrosoftWindowsXPProfessional,Source:
guidebookgallery.org
KDE3(releasedin2002)
自1.0版发布以来,KDE有了长足的改进,对所有图形和图标进行了改进并统一了用户体验。
KDE3.0.1,Source:
netbsd.org
2007–2009(current)
WindowsVista(releasedin2007)
这是微软向其竞争对手做出的一个挑战,Vista中同样包含很多3D和动画,自Windows98以来,微软一直尝试改进桌面,在Vista中,他们使用类似饰件的机制替换了活动桌面。
MicrosoftWindowsVista,Source:
technology.berkeley.edu
MacOSXLeopard(releasedin2007)
对于第六代MaxOSX,苹果又一次对用户界面做出改进。
基本的GUI仍是Aqua,但看上去更3D一些,也包含了3D停靠坞以及很多动画与交互功能。
AppleMacOSX10.5Leopard,Source:
KDE(v4.0Jan.2009,v4.2Mar.2009)
KDE4的GUI提供了很多新改观,如动画的,平滑的,有效的窗体管理,图标尺寸可以很容易调整,几乎任何设计元素都可以轻松配置。
相对前面的版本绝对是一个巨大的改进。
Source:
Wikipedia
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- GUI 界面设计的进化史 界面设计 进化史