回到未来:苹果官网的15年

在短短的十五年里,苹果的变化翻天覆地。从一个濒临破产步履蹒跚的公司,转变成为了一个当今世界上,科技公司中的巨人,重新定义了人们对科技的认知。

既然苹果公司经历了如此巨大的变化,你会认为他们的官网Apple.com一定也会随之而发生改变。但事实却不然,为什么呢?

回顾苹果历史的十五年,对于苹果来说,他们的网站,就像他们的iPhone和iPod一样,也是他们的一个产品。当苹果想要做一个新产品的时候,它们会先设想这个产品最理想的形态,然后无穷地在一个成功的基础上修改,创新,直到无限接近完美。

苹果官网也是如此,下面让我们回顾一下这15年来,苹果官网的进化:


革命前:1996-1998年

在1996年,与其他90年代中期的公司的网站相比,苹果的网站看起来还算正派。它遵循了当时的网站设计潮流,将网页设计得更像一封电子邮件。有一个导航边栏,然后几个大块的信息窗口,目的在于向人们介绍Mac。
Pic2


在Mac中找到自我:1998年的重塑

Pic3

当乔布斯在1998年发布iMac的时候,苹果的网站也获得了更新,因为这是必须的。

当iMac中的’i’代表了网络时,苹果的网站理所应当地要更新,因为苹果是一家在各个科技前沿不断创新的公司,网站自然要跟上步伐。为了做到这一点,苹果需要将原先的以信息为主的网站改版,网页需要变得像一个产品,因为Internet Mac不只是徒有虚名。

1998年苹果官网的改版,对苹果来说是非常重要的,因为这次改版为苹果今后十五年内网页的大致框架和结构奠定了基础,这个结构在这段期间内有过细微的修改,但是整体的设计从未改变过。全新的iMac上有着第一代iMac的身影,而现在的苹果官网则有着1998年重生后网页的身影。


每一根线条,都有他的含义:苹果网站的公式

Pic4

苹果的每一个新产品,他们都会找到他们认为最能代表这个产品核心含义的形态,然后再在这个点上进行提炼,直到最纯净的结果被展现出来。iPhone,iPod,iPad和MacBook尽管经过多年的更新换代,但是都保留了最初代上最精华的元素,但苹果从未停止在这些产品上的更新,添加新功能,新技术,新的制造工艺,并将陈旧的东西去除。

苹果官网也如此。在1998年,苹果官网改版后使用的四大元素,沿用至今。

  1. 大盒子 -屏幕上最大的一块板块,用来推广他们最新的产品,给予新产品舞台最中央的效果。
  2. 热闻 – 不同于其他的设计,新闻没有占据整个页面,而是一个小方块,为了不去争夺新产品的地位。
  3. 小号产品推广方块 – 用来推广苹果其他的次要产品。
  4. 导航栏

多年来,苹果不断完善自己的网页设计,将功能性与美学结合。

细想以下这些改变:

Pic5

导航栏被移动到页面顶端

Pic6

导航栏与热闻在2001年被赋予苹果Aqua(水)元素的效果。

Pic7

尽管有些变化,但是2013年的苹果主页,依然保留了这四个元素。


完善这个公式

尽管苹果公司将他们的网站看待成一个产品,但同时它还是一个服务,任务是推广其他的产品。从1998年,苹果官网主页被用来推广自己的产品,但是苹果通过网页的推广方式在不断地改变。

我们下面来深入得看一看苹果是如何通过这四大元素去推广其产品的,看看苹果是如何完善自己的四大元素的。


大盒子

当苹果在1998年重新设计官网时,中间的大盒子占据了几乎一半的页面。随着时间的变迁,这个大盒子只增不减,为了来容纳苹果无限重要的新产品。

Pic8

在将导航栏放置顶端后,苹果再次扩大了大盒子的体积


Pic9

2007年用来推广Leopard的大盒子

pic10

为了iPhone 4S,这个盒子的体积再一次扩大


热闻

在苹果1998年改版网页之前,他们的主页是被新闻所覆盖的。你仍然可以在主页找到这些新闻,但是在这15年间,热闻的重要性被砍之又砍。它从原先的高度可见,到现在与其他链接齐名。为什么?可能因为过去为了看苹果的新闻,你是必须要去苹果的网站的,但是现在,像我们的网站,似乎把苹果的新闻覆盖得非常好。

Pic11

苹果在2000年将热闻栏的样式修改得与导航栏一致。

Pic12

热闻栏变得更小

Pic13

2006年,苹果开始将热闻与背景融合。

Pic14

到2008年,你几乎就看不到热闻栏了。


小号产品推广方块

这些小号的推广方块常年被用来推广苹果的其他产品与活动,但是这些东西的样式有着变化。他们从曾经的大分割栏目变成了现在的按钮形态。

Pic15

2000年的时候,这些方块都有明显的外框。

Pic16

2007年,苹果为这些方块添加了灰度渐变效果,让他们更突出。

Pic17

2012年,添加了一些阴影,让这些按钮更显得独立。


导航栏

在1998年的重新改版中,导航栏原本被放置于页面下半部分。在2000年,苹果将导航栏放置顶端。从2000年到2002年,苹果改动了几次苹果标志的颜色,然后在2007年,定板并沿用至今。

Pic18

导航栏在2000年被挪到顶端。

Pic19

2001年苹果使用了蓝色的图标,iReview按钮被Mac OS X所替代。

Pic20

在2002年,苹果将图标改变为灰色,然后首次放出了Mac按钮。

Pic21

导航栏被改为一个固态的横栏,然后标上了苹果不同产品线的按钮。


总结

尽管苹果不是一个网络公司,他们过去15年来的网络战略却非同凡响。自从乔布斯回归,一个全新的网络产品诞生,一直沿用下来。苹果多年来在网页上进行小的修改,就像他们在iMac上进行小的修改,但是大体的形态保持不变,改进的只有功能。

通过使用与硬件一样的策略,苹果将网页打造成了一个与用户进行沟通的桥梁,但在这同时却不失连贯性。所以,不同于计划性的大改变,苹果对网站的小改变正是苹果的理念。

文章来自:CultofMac

翻译:@米斯特苹果