Apple 網站歷年設計

我從來都認為參巧是學習設計其中一個最有效的方式，故推出「優秀設計賞系列」，把我從各大網站學到的小事情記錄下來，與大家分享。

Apple.com 在本年年中時，WWDC 2007 其間進行了改版。 這次改版是 Apple 在近 10 年少有的一次大改版，甚至可說是唯一一次風格上的改版。 讓我們回顧一下 Apple.com 的首頁這十年間 (1997 ~ 2007) 的數次網站改版，並從中了解一下 Apple Designer 的設計哲學。

1997 年 Apple.com 首次上線。當年的網頁設計平庸，無可圈點之處。但一年之後的改版，也是 Steven Jobs 回歸 Apple 之後的一年，Apple 對網站進行大改。 這次改版在風格上完全自成一格，並首次採用了 Tabs 形式的目錄。 Apple.com 沿用這種版式和風格了近十年，直接今年的改版方有較大改變。

2000 年時蘋果推出了 「 i 」 戰略，網站亦隨之改版 (見上圖)。 代表 「回到首頁」 的蘋果改成紅色，呵呵。 其實用 Logo 代替 「回到首頁」 字樣的設計在網路上也實屬少見，只能說 Apple 的 Logo 深入民心，推廣有度。 Headlines 和 Search button 的 Style 亦改變了。 網站的 Design 和 Style 這時漸漸定形，不過誰也沒想過這個設計會一用就十年。這是個好習慣，因為每次更改 Design Style 都代表用戶需要重新習慣和學習一次，更改太頻繁也會令用戶無所適從。

另外，留意一下目錄上的 iReview 被刪掉了。 iReview 是一個搜尋項目，在 2001 年三月砍掉。 而 iTools 是 iLife 和 iWork 的前身。 iCards 好像還存在，不過已經被邊緣化了。

2002 年的小改版。 雖說版面沒有大改，但風格上還是有不少改變的。 你會覺得網站的設計感覺會比舊版清爽。 為甚麼呢? 細節! 讓我把細節放大給大家看看吧。 下面這個是舊版的目錄設計:

請細心留意舊設計的高光的大小﹑背景的漸變和文字的陰形。 和新版的目錄設計相比:

新版的漸變大小更大了，漸變色也淺色了。文字的陰形也被刪去。所以看上去感覺清新了。這種設計風格一用用了 6 年，沒有任何改變，直至今年 6 月的改版。

除了設計風格上的改變，不得不提的是內容架構的改變。 Apple 網站目錄上的項目會因時勢而經常改變。 例如上圖的 Swith 之後便被 iPod 所取代。可見 Apple 是把目錄當成它的 「廣告板」 。把流量導入到重點推廣的項目中，真是一個聰明的做法。 但這個做法也有不少缺點。傳統來說，目錄應該放同一個性質的東西。 如果目錄放了 iPod ，你就應該把 iPhone﹑ iMac﹑ iBook 都放上去。 但蘋果的做法是，只放重點推廣的項目，例如這時期 Switch 重要，就放 Switch 上去，把 iBook 踢下來。這樣會令舊用戶大為困擾: 我的 iBook 呢? 這時他們只能到 Store 中去找了。而且 Store 既然包含了 iPod，為甚麼又要把 iPod 放到主目錄上? 兩者有分別嗎? Apple 除了把目錄當成廣告板外，它也以同一種方法對待 Apple.com 的首頁。這種大膽的做法，有得有失，各位讀者要自行判斷了。

上圖是最新 (2007年) 的設計，直至今年，網站的整體風格方有較大改變。 網站不再使用以往的 Tabs 式目錄，也不再用以往那種帶有「膠」質感的設計，改而代之的是一條帶有鋼鐵質感的目錄條。 這種風格剛好配合幾個月之後推出的 「鋼之 iMac」 的風格。 另外，目條有另一個好處，就是網站內頁的設計風格和顏色都可以有較多自由。見下圖:

「鋼之 iMac」 介紹頁面

你會發覺內頁設計的自由是如此之大，大到足以由黑底白字變成白底黑字。這完全受惠於以灰色 - 百搭色作配色的目錄條。

下一篇文章我將從視覺路線﹑ Web Standard 等方面詳談 Apple.com 的新版設計，敬請留意。