桌面操作系统的进化史

1. GUI 进化史
拔赤 bachi@taobao.com
http://jayli.github.com
2010-11-26

2. 物竞天择，适者生存
—— 达尔文(英)

3. 不断进化的硬件/操作系统

4. Graphic User Interface
图形用户界面

5. 始自 1980’的 PC 时代
IBM5150（1981）

6. • 拓荒时代（80年代）
• 进化中的优胜劣汰（90年代初）
• 经典的年代（90年代末）
• 三大阵营（21世纪）
1980 1990 2000 2010

7. • 拓荒时代（80年代）
• 进化中的优胜劣汰（90年代初）
• 经典的年代（90年代末）
• 三大阵营（21世纪）
1980 1990 2000 2010

8. Xerox8010Star（1981）
第一台集成桌面系统的电脑

9. Xerox8010Star（1981）

10. GUI基本的组成单元
文件夹
应用程序
菜单
程序面板
…

11. MacOSSystem1.0（1984）
是最早的 Mac操作系统 GUI

12. MacOSSystem1.0带来了:
程序面板 =>窗体
丰富的鼠标操作
图标
桌面
…

13. AmigaWorkbench1.0(1985)
“彩色”时代的来临

14. Amiga的创新:
四原色（黑白蓝橙）
图标多状态
立体声
多任务
…

15. Windows2.0(1987)
“窗口的世界!”

16. Windows2.0的窗口设计:
可变的窗口尺寸
更多窗口的状态
统一的窗口菜单
…

17. AppleMacintoshII(1987)
第一个“真彩色”

18. OS/21.20(1989)
微软 和 IBM的联姻

19. OS/2的特色:
窗体更细致
图标更平滑
摆脱不掉的 windows的烙印
…

20. • 拓荒时代（80年代）
• 进化中的优胜劣汰（90年代初）
• 经典的年代（90年代末）
• 三大阵营（21世纪）
1980 1990 2000 2010

21. Windows3.0(1990)
启动画面

22. Windows3.0(1990)
形成独特的窗口风格

23. Windows3.0(1990)
专业设计师的参与，使Windows形成独有的主题风格

24. Windows3.0(1990)
内置游戏：纸牌游戏

25. 另类的 GeoWorks （1992）
GeoWorks 的欢迎窗口,可以看到大量的像素画

26. GeoWorks 交互设计有很多新的尝试

27. GeoWorks 中的文件管理器

28. 32位桌面 OS / 2 2.0（1992）

29. OS/2中引入可用性测试，消灭OS调用盲区

30. 革命性的 Windows 3.1 （1992）

31. Windows3.1中的窗口的拖拽

32. Windows3.1增加大量的（错误）提示

33. 多种配色主题（色弱和色盲）
引入 TrueType字体（点阵+矢量）
可用于印刷领域（针式打印->喷墨打印）

34. 轻巧的QNX （1994）
体积超小、无需硬盘
第一版嵌入式桌面 OS

35. QNX特点：右侧的快捷启动列表

36. QNX自带经典的“TheMatrix”屏保

37. 二次革命 Windows 95（1995）
Windows95启动画面

38. 全新的 UI设计/多种按钮状态
“开始”按钮 （GUI真正走向平民）

39. 颇具野心的 BeOS（1996）
BeOSlogo

40. 专门为多媒体设计
第一版跨平台桌面 OS（PowerPC和 Interl）

41. 最后的反击 OS/2 Wrap4（1996）
OS/2Wrap4启动画面

42. 针对商务办公用途设计;
开发鼠标右键(右键单双击/右键拖拽);多桌面

43. • 拓荒时代（80年代）
• 进化中的优胜劣汰（90年代初）
• 经典的年代（90年代末）
• 三大阵营（21世纪）
1980 1990 1995 2000 2010

44. 风靡一时的 Mac OS 8 （1997）
2周安装量 125万!

45. 默认安装 IE
增加窗口动画特效

46. 永远经典的 Windows 98 (1998)
Windows98启动画面

47. 默认安装 IE（IE根深蒂固的源头）
我们的第一次都献给了 Win98

48. 一线光明？ KDE (1998)
Linux准桌面系统，受限制的自由？

49. 无处不在的单击 +丰富的定制！

50. 默默无闻的 GNOME (1999)
开源！ 自由！
吸引了开源社区大量优秀设计师的参与

51. GNOME出色的美工基础 &比KDE更加自由

52. • 拓荒时代（80年代）
• 进化中的优胜劣汰（90年代初）
• 经典的年代（90年代末）
• 三大阵营（21世纪）
1980 1990 2000 2010

53. MacOS X 10.1 (2000)

54. 颠覆性的交互设计
晶莹剔透的图标
独一无二的苹果特色！

55. Windows XP (2001)
告别蓝屏

56. Windows XP (2001)

57. 经典的蓝天白云

58. 更多主题风格

59. 可爱的路虎 Rover

60. 第三阵营 KDE 3.x （2002）
运行于64位操作系统
大量新技术的应用（硬件加速，3D桌面）
更多开源应用程序！

61. KDE3.x的美工有了长足的进步

62. KDE中开启 3D桌面（3D桌面诞生自2006年）

63. 华丽的 GNOME 2.x （2004）
惊艳的GNOME
遵守 GPL自由软件协议！

64. 更丰富的主题定制：控件样式+窗口+图标

65. Fedora7自带的3D桌面 (2006)

66. 更丰富的 3D桌面特效

67. 更丰富的 3D桌面特效

68. Mac OS X Leopard （2007）
3天 安装量 200万！
MorethanGUI…

69. 全面超越…

70. 时光机…

71. 特效…

72. 设计不仅仅要关注产品
的外观和感觉
更重要的是考虑产品怎样工作
—— 乔布斯

73. Windows 7（2008）
光影效果的应用
“越简单越好”的理念

75. “纸牌游戏”见证了
Windows的代代演变

77. Windows7是微软出品的
最好的一款 Windows操作系统
——“华尔街日报”

78. KDE 4.x（2009）
“我的系统我做主”
用户才是最好的“设计师”

80. KDE4.2默认主题 AIR

81. 完全免费的操作系统…

82. 真正无价的，是自由！
—— OpenSourceCommunity

83. ThreeGods！

84. 总有一款适合你～

85. ToBeContinue…

86. 相关链接
• GUIGallery
– http://toastytech.com/guis/
• 80年代以来 GUI进化史（上）
– http://www.cnbeta.com/articles/79181.htm
• 80年代以来 GUI进化史（下）
– http://www.cnbeta.com/articles/79262.htm