為什么蘋果官網(wǎng)的設(shè)計(jì)如此吸引人？

在企業(yè)官網(wǎng)的設(shè)計(jì)中，沒有人比蘋果（Apple）更懂得如何漂亮直觀的在頁面上展示宣傳自己的產(chǎn)品。

蘋果的網(wǎng)頁設(shè)計(jì)從圖片選取、廣告詞、主頁欄以及白色的背景等編排設(shè)計(jì)，依舊繼承了它在產(chǎn)品研發(fā)中追求細(xì)節(jié)的極致作風(fēng)。在我們?yōu)g覽其它企業(yè)官方的頁面時(shí)，你會(huì)很感概為什么在瀏覽這些企業(yè)的頁面時(shí)會(huì)充滿令人心煩意亂的感受？比如：繁雜的產(chǎn)品系列菜單讓你的鼠標(biāo)不知所措的該放在哪兒、低分辨率的劣質(zhì)照片讓你無法感覺到視覺美的享受，與產(chǎn)品不相符的被吹得天花亂墜的廣告詞等等。我敢說當(dāng)你瀏覽蘋果的官網(wǎng)后，你會(huì)被里面碩大的高分辨率精美圖片以及寫實(shí)的華麗產(chǎn)品介紹詞等從內(nèi)心由衷贊嘆蘋果的設(shè)計(jì)品位。

那么蘋果是如何做到這些的呢？

突出重點(diǎn)

首頁不輕易添加新產(chǎn)品“分欄”，精簡的頁面讓人一目了然，沒有一點(diǎn)模糊概念。而其他企業(yè)的做法就是“越多越好”，恨不得將所有的產(chǎn)品信息填滿整個(gè)角落，完全不考慮用戶瀏覽的感受。加上臃腫雜亂的產(chǎn)品系列分級欄，你都搞不清楚這些產(chǎn)品之間到底存在什么區(qū)別。反觀蘋果即使讓一個(gè)門外漢來，也能弄清每個(gè)產(chǎn)品之間的不同點(diǎn)在哪里。

瀏覽產(chǎn)品圖片時(shí)，會(huì)有一個(gè)專門的 Gallery。打開這個(gè)圖庫除了精美的各視角產(chǎn)品圖片，不帶任何修飾和廣告。頁面呈現(xiàn)出一種純白的干凈，讓你全心投入欣賞照片。

今年 Steve Jobs 的一周年紀(jì)念黑白視頻，就是一段去除裝飾重歸簡約層次分明的設(shè)計(jì)。只有分清什么是重要與不重要的才知道什么才是你該擺放的重點(diǎn)。

優(yōu)美的精準(zhǔn)用詞

說實(shí)話，我很懷疑蘋果的產(chǎn)品介紹宣傳語，是由一些文藝界的文人學(xué)者操刀完成。如：形容 iPhone 5 全新設(shè)計(jì)的標(biāo)語：“更薄，更輕的設(shè)計(jì)。多了更多，少了不少。”形容最新 iMac 一體機(jī)的標(biāo)語：“以極限突破極限”。每個(gè)用詞都與產(chǎn)品高度貼切相符，漂亮的產(chǎn)品與優(yōu)美的文字相結(jié)合造就了蘋果在廣告上獨(dú)有的大膽文藝風(fēng)格。

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

除了表現(xiàn)盡善盡美的產(chǎn)品之外，如何配上一段動(dòng)人心弦的文字描述也是決定品牌在用戶心目中的地位，這就取決于一家企業(yè)文化的 DNA。

對稱的美學(xué)排版

瀏覽蘋果官網(wǎng)時(shí)，你會(huì)發(fā)現(xiàn)不管是每個(gè)產(chǎn)品里的 Myriad Set 字體居中還是正文、圖片等它們之間的擺放被排列得錯(cuò)落整齊，一眼看上去令人非常清晰舒服。加之每段文字配上一張高清的圖片使得整體頁面看起來感覺非常棒，這種“棒”不是體現(xiàn)在外在的驚叫中而是在內(nèi)心，美的東西永遠(yuǎn)首先從內(nèi)心開始。

還有一個(gè)細(xì)節(jié)就是每瀏覽到一個(gè)子功能介紹時(shí)，下拉菜單剛好到那個(gè)位置，整體信息不偏不倚。如果再進(jìn)入到下一個(gè)子功能介紹也同樣依次循環(huán)。這種特意的編排設(shè)計(jì)不易被人察覺，但讓瀏覽的人感覺它的整體感非常美。

總結(jié)

很少有企業(yè)能搞懂官網(wǎng)該怎么設(shè)計(jì)才顯得更美并打動(dòng)用戶，這種從外到內(nèi)的設(shè)計(jì)不是靠搶眼的低價(jià)廣告促銷、也不是密密麻麻的產(chǎn)品介紹更不是雜亂無章的絢麗界面設(shè)計(jì)，而是搞明白什么是重點(diǎn)、什么是次要的，去除次要的留出重要。

這就是為什么蘋果首頁永遠(yuǎn)只放一張圖片做重點(diǎn)平鋪，“一”就是 Apple 的推銷產(chǎn)品的作風(fēng)，你只需要一個(gè)讓用戶記住了，剩下的隨之而來。

原文地址：http://www.ifanr.com/187654