贴一些老系统的截图
图源:http://www.digibarn.com/collections/index.html
http://www.guidebookgallery.org/screenshots
GUI谱系图,全是从传说中的施乐8010演化来的
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep100jni2ag20p00rsq3h.gif
Xerox Star 8010 (1981)
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep10415urjj20sb0rdwkr.jpg
http://ww3.sinaimg.cn/large/75e3ca1dgw1ep10df96h2j21cc186qea.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10dram2wj20zq0sond9.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep10e29p13j218q15qany.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep10ef8u29j20rs0zpdmd.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep10erzibtj20s710kwqw.jpg
在黑白时代,这套UI不仅是鼻祖,而且是旗舰之作。
90年代真彩普及,先贴几个小众OS
IRIX 5.3(1994),sgi的unix
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep0z5dznbyj20zk0sg0zg.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep0z5tjkfsj20ke0bjwgx.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep0z5zjdz7j20kg0pp461.jpg
IBM OS/2 2.1 (1993),本来微软代工,后来撂挑子了
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep0zd3l2x8j20hs0dcdio.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep0zdgdi2yj20hs0dcwhw.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep0zdlw1qzj20e806i3zu.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep0zdrgzxoj20db0bf0u3.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep0ze1m7ebj20hs0dcgnz.jpg
亮点是软盘
IBM OS/2 Warp 4.0 (1996),风靡ATM机,GUI基本上是Win95和System7.5集大成
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep0zgpaeeyj20hs0dc48c.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep0zgzgzxzj20hs0dcgqz.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10hm3td2g20hs0dcwfk.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep0zh5idtuj20e80bm409.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep0zhb7v0ej207o0c1aaz.jpg
RISC OS 3.7 (1996),没错,这个OS和ARM架构(Acorn RISC Machine)是一个妈生的。
http://ww1.sinaimg.cn/large/75e3ca1dgw1ep0zqanonvj20m80gomyo.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep0zqo48l1j20m80gogti.jpg
NeXT OPENSTEP 4.2 (1997),乔老爷出走时搞的。
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep0z7pa9xlj20sg0lcmyo.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep0z80g188j20sg0lctgc.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep0z8sd7hpj20ay08v0uk.jpg
BeOS r5.0.1 (2000),90年代初苹果的一帮码农独立搞的系统,96年想卖给苹果,价钱没谈拢。后来乔布斯复出,然后就没然后了。
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep0yria17pj20hs0dcgmd.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep0ys4d9ptj20hs0dcju5.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep0ysfhfe9j20hs0dcn01.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep0ysrlm5zj20an0ch0u7.jpg
下面是喜闻乐见的Win/Mac
Windows 1.0 (1985)
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10la47cwj20dc0hs3zb.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep10nd4jweg20hs0b4glh.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep**o0vyg20hs09q74b.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10nqdcqig20hs09q3yh.gif
其实人家初代当年就是彩色的
Windows 2.11 (1988)
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep10mlseabj20dc0hs403.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10oj278xg20hs0b40sk.gif
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep10opnljng20hs0dcwep.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep10oxd8xxg20hs0dcaa5.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10p5cq04g20hs0dc3yg.gif
Windows 3.2 (1994)
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10r7q45tg209v0bt3yh.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10rhq57zg20hs0dcaa2.gif
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep10rovjotg20hs0dcjrg.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10s5jw4ng20hs0dca9z.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11b7742fj20hs0dc0vb.jpg
(3.11)
Windows 95
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11d8t3cfj20hs0b40vg.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11dgby41j20bj0a2q4c.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep11dm7wloj20hs0dcn01.jpg
Windows NT 3.51 (1995)
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10wmutobg20m80gojrg.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep10wvzuheg20hs0dc3yj.gif
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep10x8i1dng20hs0dcwej.gif
Windows NT 4.0
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep10xtur0eg20dl08taba.gif
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep10y6typfg20hs0dc3yt.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10ychhlvg20hs0dct8w.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11er2ivbj20hs0cldi6.jpg
(IE2)
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11ezlfkxj20co0bzq4p.jpg
Windows 98
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep10udcowxg20hs0dct9e.gif
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep10ul1ezeg20hs0dc3yv.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep10uubb10g20m80goab4.gif
Windows 98 SE (1999)
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11g3hfezj20hs0dc0wm.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep11g9j7b1j20hc0cd41a.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11get4nij20fc0avjsw.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11gklmlsj20hs0dcq75.jpg
Windows 2000
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep11hkq1s7j20m80godkm.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11hq9nubj20iw0fhad6.jpg
我很喜欢2k的图标
Whistler 2257 (2000),亮点是扁平化主题和图标。我很喜欢这个造型,觉得正式版的luna太浮夸
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11lukd4jj20m80gogqk.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11m0hfuij20m80gotcv.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep11m5tnqtj20ij0fjn05.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep11mdq8p8j20iy0eyq56.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11mj19roj20m80gota6.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep11moxs93j20bn095gmn.jpg
Longhorn Alpha Preview Build 4008(2003),传说中的牛角
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep1120p772g20m80gomxk.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep1126cyefg20sg0lcwhw.gif
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep112br1otg20sg0lcace.gif
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep112gqhtbg20sg0lctbu.gif
后面的大家都熟悉了就不贴了
Mac OS:
System 1.1 (1984)
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep11qvy770j20e809igms.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11r6239lj20e809iq4r.jpg
80年代的其他黑白OS长得基本跟这个差不多。
OS 7.1 (1991)
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep11stwkv4j20hs0dcjuh.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11szytuwj20bi07j753.jpg
OS 7.5.5 (1996)
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep11429m3mg20hs0dcq2z.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep114e8w66j218g0xctqa.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep114o4lpxg20hs0dcjrh.gif
OS 8.1 (1997)
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep115oyh32g20hs0dcq39.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep115w0b4vg20hs0dcgmd.gif
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep1162j2tzg20hs0dcaa7.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep1167m5slg20hs0dcq41.gif
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11usut9sj20lg0e80vk.jpg
OS 9.0 (1999)
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11wxeqitj20m80gowhm.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11x55x32j20hk0crgnh.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep11xedzrqj20db07taau.jpg
Mac OS的1-6是一个造型,7-9是另一个造型,变化并不是很大
OS9和Win2000论美观是争不出胜负的。
等OSX一问世,群众全吓傻了
OS X Public Beta (2000)
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11yni1phj20sg0lcjvw.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep11yuws0lj20sg0lcdme.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep11z195i6j20hb0algnb.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep11z7j7r6j20hb0d240n.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep11zfdf49j208909eq3h.jpg
OS X 10.1
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep117ehca7j20sg0lcju6.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep117l0wz9j20sg0lctbx.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep117qe5iij20sg0lc42k.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep117w5fkrj20sg0lc0wn.jpg
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep1212pd6kj20sg0lcgp9.jpg
OS X 10.2
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep122i3pstj20sg0lcq7c.jpg
http://ww1.sinaimg.cn/large/75e3ca1dtw1ep122tgfkyj20sg0lc7am.jpg
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep12308as4j20hb0dsgo1.jpg
OS X 10.3 (2004)
http://ww2.sinaimg.cn/large/75e3ca1dtw1ep124x9hkfj20sg0lcgt2.jpg
http://ww4.sinaimg.cn/large/75e3ca1dtw1ep12545b5qj20hd0e5q4s.jpg
10.4之后也是一代比一代难看,所以也不贴了
目前的情况是,Win10和OSX 10.10在争哪个更丑,现在巨硬优势很大
苹果也是越来越丑了 不同意,OSX最好看是在Leopard之后Yosemite之前。
不过最近Yosemite看多了也没之前觉得那么难看了。 大家一开始都好喜欢拟物化……
—— from S1 Nyan (NOKIA Lumia 525) 半额便当 发表于 2015-2-7 21:27
不同意,OSX最好看是在Leopard之后Yosemite之前。
不过最近Yosemite看多了也没之前觉得那么难看了。 ...
其实我就是烦金属拉丝而已
从10.4+G5开始,苹果就爱上金属拉丝了 收藏了
——— 来自Stage1st Reader For iOS longhorn过程中UI变过数次,早期各种蓝的,还有过绿黑色搭配,中期向灰色过渡,最后叫Aero以后还有各种小变化 ganeid 发表于 2015-2-7 21:35
其实我就是烦金属拉丝而已
从10.4+G5开始,苹果就爱上金属拉丝了
Tiger是金属拉丝巅峰吧,虽然苹果的设计指导手册里写的是金属拉丝UI适用于与硬件设备连接的界面中,比如iTunes,但是苹果自己在Finder里都用金属拉丝,美洲豹以后是系统UI变得越来越灰度渐变,各种软件UI越来越拟物化,吸收了不少iOS的特性,Mountain Lion到了巅峰(个人也是最喜欢),后面就开始拍扁了 看到win98只能处理64k文件的notepad了。。
超大就报内存不够 gzfloet 发表于 2015-2-7 22:08
Tiger是金属拉丝巅峰吧,虽然苹果的设计指导手册里写的是金属拉丝UI适用于与硬件设备连接的界面中,比如i ...
我觉得Mountain Lion和之后的Mavericks倒没什么区别
10.0和10.1是纯粹的Aqua,核心是表现水的质感,和当时相配套的G3/G4系对应。后来G4钛重新定义苹果的设计语言了,10.2就开始加上金属拉丝了。但是金属拉丝和水滴的通透效果不是很搭,于是苹果一方面打磨金属,逐渐演化成哑光的效果,另一方面逐步消除水滴的样式。10.6里还残存水滴胶囊式按钮,10.7里彻底没了。除了左上的红绿灯,aqua全没了。
10.8开始这UI就没什么层次感了,也没什么金属质感,更像纸,很素很单薄。偏偏这时候苹果开始把iOS的元素塞了进来,还开始乱玩磨砂玻璃。于是就搞成了这效果:
http://ww3.sinaimg.cn/large/75e3ca1dtw1ep18be88sdj20zk0m87d9.jpg
自此,aqua一整套完整统一的设计语言就全败光了,取而代之的是一个大杂烩
10.10那就不用说了,从里到外就是s**t,厨子和ive为了让乔布斯诈尸也够拼的。
贴下ubuntu和centos的进化吧 半额便当 发表于 2015-2-7 21:27
不同意,OSX最好看是在Leopard之后Yosemite之前。
不过最近Yosemite看多了也没之前觉得那么难看了。 ...
10.10.2之后也稳定多了,确实使用上更方便了。 第一张图少了Gnome的谱系:源自Windows 95和OSX。 当年玩过win3.2 后来95出来惊为天人
98用了很多年
后来的ME 中间碰过2000 直接到XP
页:
[1]