無論是電子商務(wù)網(wǎng)站還是個(gè)人的設(shè)計(jì)作品集,首頁都是設(shè)計(jì)的重點(diǎn)。如果我們要收集大家對(duì)于“一個(gè)完美的首頁”的想法,最后的結(jié)果會(huì)是一系列的設(shè)計(jì)偏好--大多數(shù)情況下都是很私人化的,而不是普遍適用的準(zhǔn)則。
但是,首頁有一個(gè)元素是大家公認(rèn)的非常重要的,那就是排版。翅云建站將為大家介紹幾個(gè)首頁排版的小竅門,希望能幫助到大家。
1、 風(fēng)格應(yīng)符合品牌聲浪
Alexis Facca的首頁風(fēng)格很符合設(shè)計(jì)師的個(gè)人品牌
如果營銷和分析人士花了時(shí)間為公司打造了品牌聲浪,但網(wǎng)站體驗(yàn)卻完全體現(xiàn)不出這種聲浪,這就是毫無意義的工作。風(fēng)格當(dāng)然應(yīng)該在任何設(shè)備上都清晰易讀,但風(fēng)格不應(yīng)與品牌發(fā)生背離。
排版是就是讓品牌增添一點(diǎn)個(gè)人色彩的好辦法。請(qǐng)確保你的排版選擇對(duì)于你的品牌和行業(yè)的方方面面都有意義。比如,瑜伽工作室的網(wǎng)站首頁所使用的樣式和字體,與游樂園首頁使用的樣式和字體,應(yīng)該是完全不同的。
廣受好評(píng)的市場(chǎng)營銷專家Ann Handley喜歡向品牌提出這樣一個(gè)問題:遮住logo,你能單從內(nèi)容上辨認(rèn)出自己?jiǎn)??這個(gè)問題也可以向首頁設(shè)計(jì)師提出,以確保最后的成果能夠符合品牌形象。
2、不要害怕留白
完全的展示與透明當(dāng)然能夠幫助潛在客戶熟悉你的品牌,但這并不意味著首頁應(yīng)該把所有東西都堆在一起。
留白很多時(shí)候是設(shè)計(jì)師最好的朋友。適當(dāng)?shù)牧舭卓梢宰屧L問者的眼睛獲得片刻的放松。過于擁擠的文本可能造成潛在客戶的焦慮、困惑,甚至不信任。友好的設(shè)計(jì)--允許眼睛放松一下--能為訪問者提供更加無縫的體驗(yàn)。
5、移動(dòng)端適用
移動(dòng)設(shè)備的廣泛使用使得移動(dòng)端網(wǎng)站的體驗(yàn)越來越重要。因此,我們需要關(guān)注網(wǎng)站首頁的排版在移動(dòng)設(shè)備上看起來是否正常。從樣式到字體大小到行長(zhǎng)度到字符數(shù)等等,都需要認(rèn)真對(duì)待。
記住,人們已經(jīng)越來越習(xí)慣在移動(dòng)設(shè)備屏幕上滑動(dòng)手指來獲取信息,所以請(qǐng)確保你的設(shè)計(jì)和排版都朝著這個(gè)目標(biāo)努力吧。
4、 少即是多
從用戶體驗(yàn)(UX)的角度看,排版對(duì)于首頁的層級(jí)和可用性是非常重要的。選擇的字體要簡(jiǎn)單。想一下如果其他的營銷方式,比如電子郵件,最終把用戶引導(dǎo)至網(wǎng)站首頁,他們會(huì)感到相關(guān)嗎?
確保訪問者能夠抓住首頁重點(diǎn)的一個(gè)好方法,就是堅(jiān)持只使用兩三種字體。字體的粗細(xì)和高度應(yīng)該能夠根據(jù)需求發(fā)生改變(比如,你所提供服務(wù)的價(jià)值應(yīng)該突出顯示),為訪問者帶來輕松愉悅友好的體驗(yàn)。
如果你對(duì)清晰閱讀的要求比較高,可以考慮使用無襯線字體,比如Arial等。
字體一定要選擇簡(jiǎn)單的
3、保持一致
Animade的首頁干凈而一致
通過首頁體驗(yàn)指導(dǎo)客戶并不容易,因此品牌保持一致性至關(guān)重要。使用太多字體、樣式或顏色會(huì)造成頁面過載,很可能會(huì)讓客戶離開,而不是尋找CTA按鈕。
一致性對(duì)于品牌識(shí)別也很重要,讓公司(或客戶)的風(fēng)格貫穿整個(gè)網(wǎng)站,為訪客提供完整的體驗(yàn)。首頁排版的一致性加上優(yōu)秀的設(shè)計(jì),可以啟發(fā)訪問者思考他們對(duì)網(wǎng)站其他部分的預(yù)期。
一定要分段檢查首頁,可以先從導(dǎo)航欄開始,然后一路往下。風(fēng)格和用戶體驗(yàn)應(yīng)該永遠(yuǎn)都是一致的。