蘋果的網頁設計從圖片選取、廣告詞、主頁欄以及白色的背景等編排設計,依舊繼承了它在產品研發中追求細節的極致作風。在我們瀏覽其它企業官方的頁面時,你會很感概為什麼在瀏覽這些企業的頁面時會充滿令人心煩意亂的感受?比如:繁雜的產品系列選單讓你的滑鼠不知所措的該放在哪兒、低解析度的劣質照片讓你無法感覺到視覺美的享受,與產品不相符的被吹得天花亂墜的廣告詞等等。我敢說當你瀏覽蘋果的官網後,你會被裡面碩大的高解析度精美圖片以及寫實的華麗產品介紹詞等從內心由衷讚歎蘋果的設計品位。

那麼蘋果是如何做到這些的呢?

突出重點

首頁不輕易新增新產品“分欄”,精簡的頁面讓人一目瞭然,沒有一點模糊概念。而其他企業的做法就是“越多越好”,恨不得將所有的產品資訊填滿整個角落,完全不考慮使用者瀏覽的感受。加上臃腫雜亂的產品系列分級欄,你都搞不清楚這些產品之間到底存在什麼區別。反觀蘋果即使讓一個門外漢來,也能弄清每個產品之間的不同點在哪裡。

瀏覽產品圖片時,會有一個專門的 Gallery。開啟這個相簿除了精美的各視角產品圖片,不帶任何修飾和廣告。頁面呈現出一種純白的乾淨,讓你全心投入欣賞照片。

今年 Steve Jobs 的一週年紀念黑白視訊,就是一段去除裝飾重歸簡約層次分明的設計。只有分清什麼是重要與不重要的才知道什麼才是你該擺放的重點。

優美的精準用詞

說實話,我很懷疑蘋果的產品介紹宣傳語,是由一些文藝界的文人學者操刀完成。如:形容 iPhone 5 全新設計的標語:“更薄,更輕的設計。多了更多,少了不少。”形容最新 iMac 一體機的標語:“以極限突破極限”。每個用詞都與產品高度貼切相符,漂亮的產品與優美的文字相結合造就了蘋果在廣告上獨有的大膽文藝風格。

這種能激起你大腦中荷爾蒙的優美用詞,讓你渾身似乎都被 Apple 牽引著。

除了表現盡善盡美的產品之外,如何配上一段動人心絃的文字描述也是決定品牌在使用者心目中的地位,這就取決於一家企業文化的 DNA。

對稱的美學排版

瀏覽蘋果官網時,你會發現不管是每個產品裡的 Myriad Set 字型居中還是正文、圖片等它們之間的擺放被排列得錯落整齊,一眼看上去令人非常清晰舒服。加之每段文字配上一張高清的圖片使得整體頁面看起來感覺非常棒,這種“棒”不是體現在外在的驚叫中而是在內心,美的東西永遠首先從內心開始。

還有一個細節就是每瀏覽到一個子功能介紹時,下拉選單剛好到那個位置,整體資訊不偏不倚。如果再進入到下一個子功能介紹也同樣依次迴圈。這種特意的編排設計不易被人察覺,但讓瀏覽的人感覺它的整體感非常美。

總結

很少有企業能搞懂官網該怎麼設計才顯得更美並打動使用者,這種從外到內的設計不是靠搶眼的低價廣告促銷、也不是密密麻麻的產品介紹更不是雜亂無章的絢麗介面設計,而是搞明白什麼是重點、什麼是次要的,去除次要的留出重要。

這就是為什麼蘋果首頁永遠只放一張圖片做重點平鋪,“一”就是 Apple 的推銷產品的作風,你只需要一個讓使用者記住了,剩下的隨之而來。