乔布斯时代的苹果官网是什么样的? 魚生臣,很多爱好者。 哈哈,前几天刚发现一个神网站:Internet Archive 互联网档案馆(以下简称 IA)。这个网站抓取了自其 1996 年成立以来超过 1500 亿个网页,这当然也包括苹果,而且也刚好涵盖了乔老爷回归苹果后的十多年历程,我来截几张图。 ⚠ 超级多长图,请注意,请注意 ⚠ 1996-1997 ▼ 先来看他回归前 http://apple.com 的样子。IA 里的最早收录追溯到 1996 年 10 月,图片已经显示不全,但从轮廓构架上看,这个设计一直保留到了 1997 年,也就是他正式回归称为 CEO 的这一年。所以他回归前的 http://apple.com 是这样的(原网页很长,稍有截取) ▽ 遗憾的是,只有首页可以访问,其他页面统统无法预览了。这时的网站,无论配色、版面结构和今天相差甚远,不评价了… 1998 ▼ 这一年苹果推出了革新科技界审美的复兴之作:iMac G3。苹果的官网也在同月进行了更新,非常明显地可以看出,今日的网站框架和留白设计在彼时已经确立,包括 Apple Store、Products、Support、Hot News 等栏目都保留下来: 首页 ▽ 产品页 ▽ 1999 ▼ 这一年网站设计没有大幅修改,但是照片上开始出现高光线,Mac OS X 的 Aqua 风格初现 ▽ Apple logo 在这一年第一次水晶化 ▽ 2000 ▼ 随着 Mac OS X 测试版发布,苹果的官网全面转向 Aqua 风格,包括 logo 也换成了去年出现的红水晶版本 ▽ 2001 ▼ 这一年 iPod 横空出世。官网继续 Aqua 化;logo 由红变蓝;大图下面的促销栏,由三图变为四图,这一惯例延续至今;最底下的一行字:Powered by Mac OS X Server 在随后持续多年 ▽ iPod 介绍页 ▽ 这一时期,苹果官网的特色就是在导航栏上针对不同页面使用不同的水晶色 ▽ 2002 ▼ 这一年在宣传广告和网站中,苹果不再使用衬线字体 Apple Garamond,转而开始使用人文主义无衬线体 Myriad,可以看出苹果的网站设计风格已经成熟,拟物设计也延续下来——比如 Sync 的金属圆盘质感一直延续到 iCloud 图标上。这些 13 年前的设计放在今天依然不过时 ▽ 苹果的简短广告语风格初现 ▽ 有趣的导航栏设计 ▽ Finder 程序介绍 ▽ 2003 - 2006 ▼ 这几年苹果的官网没有很大变化,一直在完善各种 Aqua 细节,照片也开始出现黑底,广告词已经开始……改变世界。这一时期的网站新产品、新介绍比设计细节的完善更吸引人 ▽ 2007 ▼ 这一年初,苹果在旧金山发布了影响深远的 iPhone,官网也有一些有趣故事:在 2007 年 1 月 8 日 iPhone 发布前,苹果在首页题图中这样写道 ▽ iPhone 发布当日,苹果更新了官网:这是在首页中,除了导航栏外,首次使用全黑背景 ▽ 也是在 2007 年 iPhone 发售时,苹果将导航栏设计由水晶 Aqua 转向金属风格,将原来在页底的搜索栏移到导航栏,而底部的四栏信息也从此确立。今天的苹果官网设计基本定型 ▽ 2008-2009 ▼ 这两年苹果的官网回归到小修小补中 ▽ Apple Online Store 的这一版格局延续到 2013 年 ▽ 2010 ▼ 这一年有两件重磅产品,iPad 初代和 iPhone 4,苹果在这两件产品的展示页中所作的设计称为标杆。 iPad 发布时,曾短暂将首页底部的四块促销图拿掉 ▽ iPhone 4 发布时,促销图又得到回归 ▽ 2011 ▼ 这一年在新款 MacBook Air 发布后,官网的导航栏重回水晶风格,并加回高光线。此外,苹果在图片和文字的融合上作出了不少尝试 ▽ 这一年 10 月 6 日的官网: 查看知乎原文