1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

乔布斯时代的苹果官网是什么样的?(多图)

本帖由 漂亮的石头2015-04-07 发布。版面名称:知乎日报

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    486,020
    赞:
    46
    乔布斯时代的苹果官网是什么样的?

    [​IMG] 魚生臣,很多爱好者。

    哈哈,前几天刚发现一个神网站:Internet Archive 互联网档案馆(以下简称 IA)。这个网站抓取了自其 1996 年成立以来超过 1500 亿个网页,这当然也包括苹果,而且也刚好涵盖了乔老爷回归苹果后的十多年历程,我来截几张图。

    ⚠ 超级多长图,请注意,请注意 ⚠

    1996-1997 ▼

    先来看他回归前 http://apple.com 的样子。IA 里的最早收录追溯到 1996 年 10 月,图片已经显示不全,但从轮廓构架上看,这个设计一直保留到了 1997 年,也就是他正式回归称为 CEO 的这一年。所以他回归前的 http://apple.com 是这样的(原网页很长,稍有截取) ▽

    [​IMG]

    遗憾的是,只有首页可以访问,其他页面统统无法预览了。这时的网站,无论配色、版面结构和今天相差甚远,不评价了…

    1998 ▼

    这一年苹果推出了革新科技界审美的复兴之作:iMac G3。苹果的官网也在同月进行了更新,非常明显地可以看出,今日的网站框架和留白设计在彼时已经确立,包括 Apple Store、Products、Support、Hot News 等栏目都保留下来:

    首页 ▽

    [​IMG]

    产品页 ▽

    [​IMG]

    1999 ▼

    这一年网站设计没有大幅修改,但是照片上开始出现高光线,Mac OS X 的 Aqua 风格初现 ▽

    [​IMG]

    Apple logo 在这一年第一次水晶化 ▽

    [​IMG]

    2000 ▼

    随着 Mac OS X 测试版发布,苹果的官网全面转向 Aqua 风格,包括 logo 也换成了去年出现的红水晶版本 ▽

    [​IMG]

    [​IMG]

    2001 ▼

    这一年 iPod 横空出世。官网继续 Aqua 化;logo 由红变蓝;大图下面的促销栏,由三图变为四图,这一惯例延续至今;最底下的一行字:Powered by Mac OS X Server 在随后持续多年 ▽

    [​IMG]

    iPod 介绍页 ▽

    [​IMG]

    这一时期,苹果官网的特色就是在导航栏上针对不同页面使用不同的水晶色 ▽

    [​IMG]

    [​IMG]

    2002 ▼

    这一年在宣传广告和网站中,苹果不再使用衬线字体 Apple Garamond,转而开始使用人文主义无衬线体 Myriad,可以看出苹果的网站设计风格已经成熟,拟物设计也延续下来——比如 Sync 的金属圆盘质感一直延续到 iCloud 图标上。这些 13 年前的设计放在今天依然不过时 ▽

    [​IMG]

    苹果的简短广告语风格初现 ▽

    [​IMG]

    有趣的导航栏设计 ▽

    [​IMG]

    Finder 程序介绍 ▽

    [​IMG]

    2003 - 2006 ▼

    这几年苹果的官网没有很大变化,一直在完善各种 Aqua 细节,照片也开始出现黑底,广告词已经开始……改变世界。这一时期的网站新产品、新介绍比设计细节的完善更吸引人 ▽

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    2007 ▼

    这一年初,苹果在旧金山发布了影响深远的 iPhone,官网也有一些有趣故事:在 2007 年 1 月 8 日 iPhone 发布前,苹果在首页题图中这样写道 ▽

    [​IMG]

    iPhone 发布当日,苹果更新了官网:这是在首页中,除了导航栏外,首次使用全黑背景 ▽

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    也是在 2007 年 iPhone 发售时,苹果将导航栏设计由水晶 Aqua 转向金属风格,将原来在页底的搜索栏移到导航栏,而底部的四栏信息也从此确立。今天的苹果官网设计基本定型 ▽

    [​IMG]

    [​IMG]

    2008-2009 ▼

    这两年苹果的官网回归到小修小补中 ▽

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    Apple Online Store 的这一版格局延续到 2013 年 ▽

    [​IMG]

    2010 ▼

    这一年有两件重磅产品,iPad 初代和 iPhone 4,苹果在这两件产品的展示页中所作的设计称为标杆。

    iPad 发布时,曾短暂将首页底部的四块促销图拿掉 ▽

    [​IMG]

    iPhone 4 发布时,促销图又得到回归 ▽

    [​IMG]

    [​IMG]

    [​IMG]

    2011 ▼

    这一年在新款 MacBook Air 发布后,官网的导航栏重回水晶风格,并加回高光线。此外,苹果在图片和文字的融合上作出了不少尝试 ▽

    [​IMG]

    [​IMG]

    这一年 10 月 6 日的官网:

    [​IMG]

    查看知乎原文
     
正在加载...