• 创意论道
  • 最新加盟
  • 行业动态
  • 视频制作
  • 网站建设
  • 品牌设计
  • 涨姿势!从苹果官网细看20年设计变迁史

    发布时间:2016.05.27 浏览:895

    apple-history-1

    在过去很长一段时间,苹果都一向以自个流线型、极简个性的工业规划闻名全球。而97年乔布斯带着NeXT团队荣归苹果以后,这家传奇公司重获新生,它的高速开展的这个期间也和互联网迅速遍及的20年有着高度的重叠。因而,苹果官方网站正式上线以后,它的规划个性也在过去20年间迎来了无穷改动,你能够在每一次规划的转型和改动中看到苹果革新的轨道。

    得益于“互联网档案馆”(the Internet Archive)所搜集的页面历史数据,咱们将初次得以以时间线的方法大致了解一下苹果官网在这些年来的规划个性改动。

    see-more-apple-myth

    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开端,这个英国人开端把他心里的另一面出现在商品上。

    1999年:你好,颜色

    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

    2001年关于苹果而言是主要的。跟着Mac OS X的正式发布,标志性的Aqua规划个性也影响了苹果的Logo规划,苹果总算在自个的官网的去掉了以往一向运用的巨型“APPLE”文字,并将左上角的赤色苹果Logo替换成了蓝色。乔布斯治下的皮克斯经过几部动画影片获得了无穷的成功,影响国际的苹果商铺也开端开门迎客,Max OS X开端正式发布,这三件事情关于乔布斯和苹果而言,都意味着光亮的将来。最主要的是,4年绵长的马拉松以后,苹果电脑的软件和硬件在规划上在这一刻融合于一体。

    20111018-_1010796-1

    跟着G4代代的商品发布,苹果的“浪漫主义期间”走向结尾,更富于现代主义特色的白色开端代替五颜六色,苹果悄然进化。

    2002年:剑指传统音乐工业的iPod与iTunes

    q6.jpg

    而在2002年,苹果的商品规划开端大规模地运用白色和银色。当年主推的iPod即是前白后银的工业规划,它于2001年10月23日正式发布。这也就难怪,官网主页上的蓝色苹果Logo被替换成了银色。页面左下角的iMac G4即是闻名的“台灯”,工业规划的灵感来源于乔布斯家后院的向日葵,屏幕后背的金属轴定位感极强,柔软的曲线和金属臂联系在一起,现代感极强。无独有偶,初代iPod也将转轮规划成机械构造,初代的iTunes的UI也运用了金属拉丝的纹路来装点。苹果的“现代主义”规划,在2002年根本成型。

    ipod-first-gen-5gb-accessories

    iPod + iTunes 让数字音乐给传统音乐工业送终,而2002年的这个页面又何曾不是敞开战争的冲锋号呢?

    2005年:Shuffle,Nano,数字音乐组合技

    q7.png

    在此以后,苹果一向在官网最明显的方位以无穷的空间侧重引荐自个的最新商品。图中即是2005年时分的苹果官网截图,这正式其时主推的商品iPod Nano。在这一年,苹果在年头发布了低端的iPod Shuffle,年底则发布了中端的iPod Nano,协作经典的iPod,正式规划完结。

    394da81e23ed714e6daa29c61997fc97

    这个期间,苹果在页面规划上不再拘泥于白色布景+商品图的经典搭配,更具有包容性。莫非不是么?不信看页面底部,那款Motorola E1即是苹果与Moto协作的产物——“iTunes手机”,在苹果的开辟史上,也算是绝无仅有了。

    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 一大一小也像全国际宣告苹果在规划上的形形色色。


    TAG:企业官网制作
    本文由专注于 品牌设计 20年的东八区编写,原创不易,转载请注明出处:http://www.dongbaqu.com

    品牌策略

    品牌设计

    视频制作

    活动策划

    PARTNER

    合作伙伴
  • Copyright © 2023 东八区品牌创意 All Rights Reserved     鲁ICP备13031932号-1     鲁公网安备 37020302370328号
    电话咨询 网络咨询
    立即与东八区项目顾问通话
    4000-117-087
    • 提供您的电话号码,东八区项目顾问将致电联系您。
    • 等待时间:5分钟以内

    信息保护中请放心填写