我敢打包票,在企業(yè)官網(wǎng)的設(shè)計中,沒有人比蘋果(Apple)更懂得如何漂亮直觀的在頁面上展示宣傳自己的產(chǎn)品。
蘋果的網(wǎng)頁設(shè)計從圖片選取、廣告詞、主頁欄以及白色的背景等編排設(shè)計,依舊繼承了它在產(chǎn)品研發(fā)中追求細節(jié)的極致作風(fēng)。在我們?yōu)g覽其它企業(yè)官方的頁面時,你會很感概為什么在瀏覽這些企業(yè)的頁面時會充滿令人心煩意亂的感受?比如:繁雜的產(chǎn)品系列菜單讓你的鼠標(biāo)不知所措的該放在哪兒、低分辨率的劣質(zhì)照片讓你無法感覺到視覺美的享受,與產(chǎn)品不相符的被吹得天花亂墜的廣告詞等等。我敢說當(dāng)你瀏覽蘋果的官網(wǎng)后,你會被里面碩大的高分辨率精美圖片以及寫實的華麗產(chǎn)品介紹詞等從內(nèi)心由衷贊嘆蘋果的設(shè)計品位。
那么蘋果是如何做到這些的呢?
突出重點
首頁不輕易添加新產(chǎn)品“分欄”,精簡的頁面讓人一目了然,沒有一點模糊概念。而其他企業(yè)的做法就是“越多越好”,恨不得將所有的產(chǎn)品信息填滿整個角落,完全不考慮用戶瀏覽的感受。加上臃腫雜亂的產(chǎn)品系列分級欄,你都搞不清楚這些產(chǎn)品之間到底存在什么區(qū)別。反觀蘋果即使讓一個門外漢來,也能弄清每個產(chǎn)品之間的不同點在哪里。
瀏覽產(chǎn)品圖片時,會有一個專門的 Gallery。打開這個圖庫除了精美的各視角產(chǎn)品圖片,不帶任何修飾和廣告。頁面呈現(xiàn)出一種純白的干凈,讓你全心投入欣賞照片。
今年 Steve Jobs 的一周年紀(jì)念黑白視頻,就是一段去除裝飾重歸簡約層次分明的設(shè)計。只有分清什么是重要與不重要的才知道什么才是你該擺放的重點。
優(yōu)美的精準(zhǔn)用詞
說實話,我很懷疑蘋果的產(chǎn)品介紹宣傳語,是由一些文藝界的文人學(xué)者操刀完成。如:形容 iPhone 5 全新設(shè)計的標(biāo)語:“更薄,更輕的設(shè)計。多了更多,少了不少。”形容最新 iMac 一體機的標(biāo)語:“以極限突破極限”。每個用詞都與產(chǎn)品高度貼切相符,漂亮的產(chǎn)品與優(yōu)美的文字相結(jié)合造就了蘋果在廣告上獨有的大膽文藝風(fēng)格。
這種能激起你大腦中荷爾蒙的優(yōu)美用詞,讓你渾身似乎都被 Apple 牽引著。
除了表現(xiàn)盡善盡美的產(chǎn)品之外,如何配上一段動人心弦的文字描述也是決定品牌在用戶心目中的地位,這就取決于一家企業(yè)文化的 DNA。
對稱的美學(xué)排版
瀏覽蘋果官網(wǎng)時,你會發(fā)現(xiàn)不管是每個產(chǎn)品里的 Myriad Set 字體居中還是正文、圖片等它們之間的擺放被排列得錯落整齊,一眼看上去令人非常清晰舒服。加之每段文字配上一張高清的圖片使得整體頁面看起來感覺非常棒,這種“棒”不是體現(xiàn)在外在的驚叫中而是在內(nèi)心,美的東西永遠首先從內(nèi)心開始。
還有一個細節(jié)就是每瀏覽到一個子功能介紹時,下拉菜單剛好到那個位置,整體信息不偏不倚。如果再進入到下一個子功能介紹也同樣依次循環(huán)。這種特意的編排設(shè)計不易被人察覺,但讓瀏覽的人感覺它的整體感非常美。
總結(jié)
很少有企業(yè)能搞懂官網(wǎng)該怎么設(shè)計才顯得更美并打動用戶,這種從外到內(nèi)的設(shè)計不是靠搶眼的低價廣告促銷、也不是密密麻麻的產(chǎn)品介紹更不是雜亂無章的絢麗界面設(shè)計,而是搞明白什么是重點、什么是次要的,去除次要的留出重要。
這就是為什么蘋果首頁永遠只放一張圖片做重點平鋪,“一”就是 Apple 的推銷產(chǎn)品的作風(fēng),你只需要一個讓用戶記住了,剩下的隨之而來。