正如同你所知道的，著陸頁(yè)的設(shè)計(jì)并不簡(jiǎn)單。單純的將你的LOGO替換到著陸頁(yè)模板上，并不能夠帶來(lái)足夠優(yōu)秀的設(shè)計(jì)效果，導(dǎo)航是否好使，可讀性是否優(yōu)秀，整體的設(shè)計(jì)是否一致，都會(huì)影響著著陸頁(yè)的效果，而這些都需要你進(jìn)行貼切而細(xì)致的設(shè)計(jì)，才能做好。而這也使得這些提升頁(yè)面效果的技巧非常有用。
著陸頁(yè)通常不是大而全的，它需要有足夠的針對(duì)性：你希望用戶在進(jìn)入著陸頁(yè)之后執(zhí)行什么操作？達(dá)成什么目標(biāo)？
你在著落頁(yè)上所放置的內(nèi)容，都應(yīng)該盡量讓用戶盡可能接近實(shí)際的目標(biāo)。BarkBox 的著陸頁(yè)上，設(shè)計(jì)師的目標(biāo)是讓用戶購(gòu)買狗玩具，或者提交郵箱訂閱信息。上面是他們的情人節(jié)促銷頁(yè)面，主題貼切，目標(biāo)明確。（注意頁(yè)面的核心是CTA按鈕“Get Start”）
著陸頁(yè)的設(shè)計(jì)，一定是要考慮到網(wǎng)站的訪客，你的用戶。這聽起來(lái)挺理所當(dāng)然，但是實(shí)際上很少有網(wǎng)站能夠真正做到。整個(gè)頁(yè)面中，所運(yùn)用到的圖片和元素應(yīng)該和用戶相關(guān)，文本和文案也應(yīng)該以貼合用戶甚至讓用戶喜愛和欣賞的方式來(lái)呈現(xiàn)。
你可以深入分析你的關(guān)鍵性的受眾。
創(chuàng)建吸引用戶的設(shè)計(jì)，能夠提升參與度和用戶轉(zhuǎn)化率。
風(fēng)格強(qiáng)烈，視覺上有力，又或者是足夠有趣的圖片，往往會(huì)給用戶留下深刻的第一印象，并且能夠讓用戶參與進(jìn)來(lái)。
Coulee Creative 的頁(yè)面采用了一種有趣的設(shè)計(jì)策略。頁(yè)面的整體設(shè)計(jì)確實(shí)沒有改變，但是標(biāo)題文案和圖片中的男人表情會(huì)逐步變化。
這樣的設(shè)計(jì)很有趣，很走心，也很讓人期待。
絕大多數(shù)的網(wǎng)站中都會(huì)包含不同層級(jí)的文本內(nèi)容，而每個(gè)層級(jí)的文本內(nèi)容的重要性、功能都會(huì)有差異，有的需要抓人眼球，有的則需要用戶專注地仔細(xì)閱讀。所以，你的設(shè)計(jì)需要圍繞著文本的功能來(lái)設(shè)計(jì)。
著陸頁(yè)上的導(dǎo)航元素有助于告訴用戶網(wǎng)站的內(nèi)容，將導(dǎo)航元素視為整個(gè)網(wǎng)站的關(guān)鍵詞系統(tǒng)的一個(gè)組成部分是非常有意義的。
Baublebar 在 Puppy Bowl 的著陸頁(yè)上就做的很好，網(wǎng)站主要銷售女性珠寶，設(shè)計(jì)師在網(wǎng)站的導(dǎo)航欄上標(biāo)識(shí)出關(guān)鍵詞“Baubles”，也讓用戶明白這個(gè)頁(yè)面是針對(duì)寵物的。
每個(gè)用戶都應(yīng)該知道他們所打開的網(wǎng)站是做什么的，清晰的行為召喚指引是至關(guān)重要的。不要以為用戶是你肚子中的蛔蟲，你往往需要通過(guò)指引來(lái)引導(dǎo)他們做你希望他們做的事情。
比較常見的行為召喚方式是按鈕，填寫表單，引導(dǎo)說(shuō)明（比如“滾動(dòng)以查看更多”），甚至動(dòng)畫。
Jonathan Patterson 的著陸頁(yè)中，每個(gè)明亮的色塊都會(huì)在光標(biāo)懸停的時(shí)候變暗，并且予以說(shuō)明，引導(dǎo)用戶去點(diǎn)擊獲取更多信息。
著陸頁(yè)本身就是為了特定功能而存在的，而且這個(gè)目標(biāo)和功能通常是比較單一的，而這樣的頁(yè)面自然也需要足夠的自定義設(shè)計(jì)來(lái)盡量達(dá)成目標(biāo)。
Trulia 這個(gè)網(wǎng)站的首頁(yè)/著陸頁(yè)就是盡量引導(dǎo)用戶并且讓用戶提供他們的地理位置信息。通過(guò)自定義設(shè)計(jì)，用戶才有可能深度地參與到交互當(dāng)中來(lái)。
著陸頁(yè)最常見的問(wèn)題就是容易讓人感到厭倦，或者和主站的信息、設(shè)計(jì)上有所割裂。
在品牌設(shè)計(jì)上，著陸頁(yè)和首頁(yè)以及品牌本身應(yīng)該有清晰的關(guān)聯(lián)，確保用戶不會(huì)有跳出感，讓他們能夠自然的參與到內(nèi)容當(dāng)中來(lái)。
Nike 的運(yùn)動(dòng)鞋定制頁(yè)面就做的非常好。它和整個(gè)網(wǎng)站的品牌化設(shè)計(jì)保持著高度的一致，從LOGO到圖標(biāo)，從字體到圖片風(fēng)格，用戶知道這個(gè)頁(yè)面的特殊性，同時(shí)也能夠輕松明白它和整個(gè)網(wǎng)站之間的關(guān)系。用戶永遠(yuǎn)不會(huì)懷疑這一點(diǎn)。
當(dāng)用戶在其他的網(wǎng)站上點(diǎn)擊鏈接跳轉(zhuǎn)到這個(gè)著陸頁(yè)上來(lái)的時(shí)候，他們會(huì)對(duì)這個(gè)頁(yè)面或者網(wǎng)站有所期待，換句話來(lái)說(shuō)，著陸頁(yè)的設(shè)計(jì)應(yīng)該具備特定的功能，迎合特定的需求，并且要貼合跳轉(zhuǎn)的來(lái)源用戶的預(yù)期。
Bills.com 這個(gè)網(wǎng)站的著陸頁(yè)采用了相對(duì)簡(jiǎn)單的設(shè)計(jì)，它可以幫助用戶管理財(cái)務(wù)。從網(wǎng)站的名稱到功能，用戶能夠形成一個(gè)相對(duì)明晰的概念和預(yù)期，而完成整個(gè)流程之前，用戶不會(huì)看到其他的無(wú)關(guān)內(nèi)容。
這樣的設(shè)計(jì)和網(wǎng)站的跳轉(zhuǎn)來(lái)源（比如社交網(wǎng)絡(luò)）有著緊密的關(guān)聯(lián)，用戶知道接下來(lái)會(huì)發(fā)生什么。
設(shè)計(jì)良好的著陸頁(yè)有著良好的可用性，這也意味著它有著清晰的層次結(jié)構(gòu)。用戶應(yīng)該先看什么再看什么？他們將會(huì)在頁(yè)面上執(zhí)行什么任務(wù)，實(shí)現(xiàn)什么目標(biāo)？合理的層次結(jié)構(gòu)和貼合用戶模式的流程很大程度上能夠讓用戶和頁(yè)面進(jìn)行正確的互動(dòng)，幫助用戶達(dá)成目標(biāo)。
在上面的 LS Productions 網(wǎng)站中，設(shè)計(jì)師讓網(wǎng)站在視覺上呈現(xiàn)出清晰的行動(dòng)流程，超大的視頻背景，分別置于頂端兩邊的 LOGO 和菜單，以及向下滾動(dòng)的 CTA 引導(dǎo)說(shuō)明「Scroll for more」。用戶可以在幾秒鐘內(nèi)快速獲取這些信息，并且開始操作。
著陸頁(yè)和首頁(yè)其實(shí)是兩個(gè)東西，兩者在功能上有差異。有的網(wǎng)站可能是兩者合而為一的，但是很多網(wǎng)站不是。著陸頁(yè)是用戶最常訪問(wèn)的頁(yè)面，但并不一定是首頁(yè)。
頂級(jí)的著陸頁(yè)設(shè)計(jì)通常是需要營(yíng)銷人員參與進(jìn)來(lái)，并且盡可能充分利用著陸頁(yè)的流量。了解用戶，有針對(duì)性的設(shè)計(jì)，是著陸頁(yè)設(shè)計(jì)的關(guān)鍵。
填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽！怕錢不夠？可先就業(yè)掙錢后再付學(xué)費(fèi)！ 怕學(xué)不會(huì)？助教全程陪讀，隨時(shí)解惑！擔(dān)心就業(yè)？一地學(xué)習(xí)，可推薦就業(yè)！
?2007-2022/ lb577.com 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào)： 京ICP備12034770號(hào) 監(jiān)督電話：010-53672995 郵箱：bjaaa@aaaedu.cc
熱門推薦
UI設(shè)計(jì)
產(chǎn)品經(jīng)理
大數(shù)據(jù)分析
原畫設(shè)計(jì)
平面設(shè)計(jì)
新媒體運(yùn)營(yíng) 
