您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

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

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

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

那么蘋(píng)果是如何做到這些的呢?

突出重點(diǎn)

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

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

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

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

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

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

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

對(duì)稱(chēng)的美學(xué)排版

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

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

總結(jié)

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

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

 

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

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1282.html
設(shè)計(jì)的無(wú)冕之王--做有社會(huì)價(jià)值的設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)中最重要的細(xì)節(jié)之一——字體
圖趣網(wǎng)微信
建議反饋
×