【51CTO快譯】設(shè)計(jì)登陸頁(yè)面絕對(duì)是件看著輕松、實(shí)則困難的工作，因?yàn)槠湫枰詷O少詞匯表達(dá)豐富的含義。登陸頁(yè)是訪客初次登錄我們網(wǎng)站時(shí)產(chǎn)生***印象的地方。雖然還沒(méi)有明確的證據(jù)表明其具體風(fēng)格與實(shí)現(xiàn)方法會(huì)給訪問(wèn)量帶來(lái)何種影響，但我們還是應(yīng)當(dāng)盡可能考慮一些基本技巧，特別是設(shè)計(jì)美學(xué)原則。那么，哪里元素應(yīng)該被納入其中，而哪些又應(yīng)被排除在外？下面就來(lái)看八大關(guān)鍵性設(shè)計(jì)方針。

朗朗上口的標(biāo)題

如果大家面向利基市場(chǎng)，那么請(qǐng)一定想出與特定消費(fèi)群體相契合且朗朗上口的標(biāo)題。這條標(biāo)題應(yīng)當(dāng)包含我們的意圖與見(jiàn)解。有時(shí)候標(biāo)題可以簡(jiǎn)潔明了，有時(shí)候也可以詼諧有趣。我們的主要目標(biāo)可以通過(guò)副標(biāo)題或者進(jìn)一步闡述的方式實(shí)現(xiàn)。千萬(wàn)不要在首頁(yè)中添加長(zhǎng)篇大論或者太過(guò)詳盡的敘述。事實(shí)上，多數(shù)用戶最多只會(huì)在首頁(yè)中閱讀十來(lái)個(gè)字。

引人注目的優(yōu)秀副標(biāo)題

對(duì)副標(biāo)題也不能掉以輕心，因?yàn)榱己玫母睒?biāo)題能夠激起人們探索網(wǎng)站內(nèi)容的愿望。副標(biāo)題需要有說(shuō)服力，但同時(shí)又保持含蓄。另外，副標(biāo)題應(yīng)當(dāng)與主標(biāo)題相契合，而不能彼此沖突或者毫無(wú)聯(lián)系。

圖像設(shè)計(jì)

大多數(shù)現(xiàn)代網(wǎng)站都會(huì)添加背景圖片或者在頁(yè)面前端及中央設(shè)置圖像，同時(shí)匹配其它視覺(jué)楆經(jīng)。這些抓人眼球的圖像比文本內(nèi)容更具優(yōu)勢(shì)，畢竟眼見(jiàn)為實(shí)嘛。不過(guò)，大家選定的圖像必須與內(nèi)容取向存在緊密關(guān)聯(lián)，同時(shí)正確傳達(dá)我們希望表現(xiàn)的情緒。正因此如此，網(wǎng)站上經(jīng)?？梢钥吹交顫娚鷦?dòng)的圖像選擇。

對(duì)本網(wǎng)站所提供之服務(wù)進(jìn)行簡(jiǎn)要說(shuō)明

為了引導(dǎo)人們更加深入地瀏覽網(wǎng)站，我們需要確保自己的首頁(yè)擁有恰到好處的描述特性。首頁(yè)需要提供必要的解釋，幫助訪客體會(huì)其功能定位與吸引力所在，并有動(dòng)力了解更多信息。

能為客戶提供哪些內(nèi)容？

我們可以將其理解為價(jià)值主張，即能夠?qū)蛻粜纬晌Φ漠a(chǎn)品、服務(wù)、功能或者創(chuàng)新成果。如果客戶沒(méi)有體會(huì)到我們產(chǎn)品或者服務(wù)的過(guò)人之處，那么他們自然會(huì)選擇離開(kāi)。這部分聲明需要面向客戶并陳述客觀事實(shí)。比較理想作法是宣傳產(chǎn)品或者服務(wù)的出色水平，并保證此類陳述不占用過(guò)多篇幅。大家不妨選擇一些自己喜歡的風(fēng)趣表達(dá)，也許這種輕松愉快的方式更能抓住訪客的心呢。

登陸頁(yè)的邏輯流

如果沒(méi)有良好的流程作為支撐，那么再風(fēng)趣的表達(dá)與詞匯都無(wú)法起到作用。如果整個(gè)流程設(shè)計(jì)看起來(lái)令人迷糊，標(biāo)題與副標(biāo)題根本聯(lián)系不到一起又或者背景圖像沒(méi)能正常顯示，那么大家***盡快想辦法重新設(shè)計(jì)。

確定大家要設(shè)置怎樣的表達(dá)語(yǔ)氣：響亮、輕松、激進(jìn)抑或是愉快，這不僅能夠有效傳達(dá)網(wǎng)站自身的功能定位，同時(shí)也足以契合目標(biāo)受眾的共通性特質(zhì)。如果背景當(dāng)中包含較為激進(jìn)的圖像內(nèi)容，那么我們***不要繼續(xù)使用鮮艷的彩色文本——這可能會(huì)引發(fā)視覺(jué)疲勞，而且兩項(xiàng)重點(diǎn)放在一塊會(huì)讓人無(wú)所適從。另外需要注意的是，不同圖像之間的總體色調(diào)應(yīng)該彼此互補(bǔ)。總而言之，這是一項(xiàng)需要尋求平衡點(diǎn)的工作。

推薦與社交互動(dòng)

我們當(dāng)然希望服務(wù)的實(shí)際效果能夠與其宣稱的水平相符，而推薦機(jī)制正是一種能夠說(shuō)服人們的重要工具。當(dāng)然，我們的推薦名單不能設(shè)置得太長(zhǎng)，但像“98%的客戶表示完全滿意”之類的表達(dá)再加上用戶評(píng)論內(nèi)容往往非常有效。另外，登陸頁(yè)也可以包含與其它社交媒體的接口，這也表明訪客能夠隨時(shí)與其他用戶進(jìn)行互動(dòng)。

行動(dòng)號(hào)召(簡(jiǎn)稱CTA)

我們可以通過(guò)某些引導(dǎo)式表達(dá)提升用戶參與度。需要強(qiáng)調(diào)的是，如果大家把某個(gè)注冊(cè)按鈕或者鏈接隱藏在其它大型元素當(dāng)中，或者由于設(shè)計(jì)原因致使其難于被發(fā)現(xiàn)，那么這樣的方案無(wú)疑是失敗的。根據(jù)實(shí)際目標(biāo)的不同，大家應(yīng)當(dāng)提供快速注冊(cè)通道或者面向訪客的詳細(xì)信息指引。

如果大家決定在登陸頁(yè)內(nèi)設(shè)置注冊(cè)選項(xiàng)，那么請(qǐng)確保其以獨(dú)立功能形式存在。不過(guò)就目前的眼光來(lái)看，“點(diǎn)擊這里注冊(cè)”之類的表達(dá)已經(jīng)過(guò)時(shí)了，如今我們可以選擇更具有鼓動(dòng)性與號(hào)召力的表達(dá)——例如“獲取15%折扣”或者“馬上加入吧”等等。變更按鈕上的文本提示花不了多少時(shí)間，但卻能夠帶來(lái)非常出色的回饋——特別是在與其它競(jìng)爭(zhēng)網(wǎng)站進(jìn)行比較的情況下。

原文鏈接：八大要素成就出色的首頁(yè)設(shè)計(jì)

【51CTO譯稿，合作站點(diǎn)轉(zhuǎn)載請(qǐng)注明原文譯者和出處為51CTO.com】