登录
北京Minethink网站建设
您已经是我们的会员,请凭借登录邮箱密码登录
登入
如果还没有用户名,请联系客服专员索取

想不到吧,苹果也是丑丑的!细看20年设计变化史







得益于“互联网档案馆”(the Internet Archive)所搜集的网页历史数据,我们将初次得以以时间线的方式大致理解一下苹果官网在这些年来的设计作风变化。    


1


需求指出的是,固然苹果早在1987年就注册了Apple.com的域名,但我们只拿到了1997年之后的明晰截屏。正好,让我们认真察看一下乔布斯回归之后的苹果,官方网站是如何革新与进化的。以下是详细内容:


1997年:革新开端


q1.jpg


1997年时的苹果主页看起来就和一份彩色报纸一样。这是令人振奋的一年,乔布斯重回公司,去掉冗余的产品线,Mac OS X开端进入酝酿阶段。这时分苹果官网的视觉设计受限于时期,同时也遭到当时的Mac OS 8的设计言语的影响。看看Mac OS 8的设计,你就明白了:




1998年:“乔纳森式”设计发轫

q2.jpg


1998年时,苹果对本人的官网进行了大幅精简,并在主页用大量空间突出了全新iMac的广告。此时苹果主打的iMac产品为iMac G3,也就是电影《乔布斯》结尾处乔纳森手稿上的那台线条流利,充溢浪漫主义气息的半透明外壳的一体机。在这张网页截图中,我们能够看左下角充溢浓郁90年代作风的电脑主机和笔记本,和iMac G3构成鲜明的比照,所以人们将苹果由此开端的这个阶段戏称为苹果的“浪漫主义时期”。简约与浪漫会聚于此,我们在这张98年的网页上看到了乔布斯追求的简约与艾维早期设计中的浪漫与精致。




不同于乔纳森之前设计的Newton系列掌上电脑的90年代工业风,从iMac G3开端,这个英国人开端把他内心的另一面呈如今产品上。


q3.jpg


1999年,苹果在官网上力推当时最新推出的iBook系列笔记本电脑。今天,我们将这款线条温和颜色生动的笔记本亲切的称为“贝壳机”,苹果的台式机和笔记本产品线全部更新换代,在乔布斯和乔纳森的主导下,苹果简直全部产品线(高端的Powerbook系列笔记本除外)都开端在工业设计上融入多彩的元素,运用晶莹剔透的高质量工程塑料来制造外壳。在99年的这张网页截图上,我们能够看到底部中央的AirPort和左侧的高端工作站 Mac Pro G3 也运用了同样的设计言语。


ibooks-and-more

而于此同时,Mac OS 9也在同年推出,设计上持续了Mac OS 8,但是你能够在用色和字体上看出,这一次的晋级在视觉上愈加现代了,图标和UI控件的细节打磨得愈加细腻了。当然,这种改动是离不开硬件作风改动的影响的。




但是别忘了,苹果是知名的考究软硬件一体化设计的公司,Mac OS 9的温吞晋级的背后正酝酿着一次反动性的改动。OS X 要来了

2000年:Aqua与拟物化元年


q4.jpg


2000年时,苹果在本人的官网主页设计了一个顶部导航栏,而这一设计不断沿用到了如今。更令人难忘的是顶部导航栏所制造出的水滴质感,或许我们今天看并没有太深的感受,但是这种名为Aqua(拉丁语,水)的设计作风,是整个UI设计开展史上的一个重要里程碑。这一切要从Mac OS X的开发说起。




Mac OS X DP2,也就是第二个开发预览版。

Mac OS X的开发是困难的。乔布斯带来的NeXT公司的操作系统团队和苹果自身的开发者加在一同有150人之多,他们在乔布斯回归之后就走到了一同,倾尽全力,分离NeXT的NextStep操作系统的内核和Mac OS的设计,打造下一代的系统。在乔布斯的暴君式的怒吼和无数次的打回重做之后,开发团队终于在Mac OS X第三个开发版上作出了反动性的设计:




Mac OS X DP3

鲁宾斯坦曾回想,Aqua的设计言语是从窗口右侧的滚动条开端的。在乔布斯否认50屡次之后,湛蓝色水滴式的滚动条第一次让他难得地点头称誉。从这一刻开端,苹果在UI设计上开端从打磨水滴质感开端“抄理想”,拟物化设计之路也由此展开。没有设计师不晓得“拟物化”,但是千万别忘了,这一切是从一个滚动条开端的。(不可承认,普遍意义上的拟物化在几千年前就有了,但是旗帜鲜明地将其以设计言语的方式呈如今UI设计上,并影响全世界的,是Aqua,是Skeuomorph)

2001年:承上启下,Apple Store与 Mac OS X


q5.jpg


2007年:重新定义手机的iPhone


q8.jpg


在2007年中期,苹果再次对官网的顶部导航栏进行了重新设计,而当年的主角毫无疑问是横空出世的iPhone。我们都很清楚这款产品的意义有多重大。极具代表性的圆角矩形图标,将拟物化设计推向整个世界。这个内部代号为“Purple”的智能手机催生了Android,也为摩托罗拉、Nokia和黑莓的没落埋下了伏笔。


timthumb


iPhone有多经典?看看iPhone 6和iPhone 6 Plus 你就明白。


2010年:稳定积累


q9.png


苹果的这一官网设计方案此后一直没有迎来巨大变化,图中便是2010年苹果推出iPad时的官网截图。稳定积累又何尝不是好选择呢?须知只有量变,才能引起质变。2010年苹果发布了传奇的iPhone 4,并且用iPad向世界证明这家公司能设计出真正易用的平板电脑。


2011年:一个时代的结束


q10.png



2011年时,苹果对顶部导航栏采用了更加深色的基调,搜索栏也变得更加简单。这是在这一年,乔布斯也走到了人生的尽头。iPhone的工业设计和下一代的iOS设计也开始在苹果内部立项研发。一个时代结束了,改变也即将发生。


2014年:不止于平,岂止于大!


10625167_980x1200_0.jpg


图中便是苹果如今官网主页的设计方案。iOS7发布之后,“苹果式扁平”也运用到了网页设计上。单页设计、动态加载、视差滚动等各种新技术都能苹果官网上找得到。所以,“苹果式”的扁平化设计,并不是看起来这么简单。iPhone 6 Plus 和 Apple Watch 一大一小也像全世界宣告苹果在设计上的不拘一格。


TEL 010-52428286
在线咨询
Minethink微信平台
facebook
minethink网络推广