為什么蘋(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://likemindfilms.com/tutorial/di1282.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏