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