設(shè)計一個最優(yōu)的著陸頁并不是一件非常容易的事。如果你想獲得一個可觀的轉(zhuǎn)化率，那就更不簡單。然而，對于以轉(zhuǎn)化為核心的設(shè)計理念你懂得多少呢？

以轉(zhuǎn)化為核心的設(shè)計（CCD）是一門學(xué)科，專門針對為實現(xiàn)某個單一的業(yè)務(wù)目標(biāo)的設(shè)計經(jīng)驗。它的意圖在于,通過使用有說服力的設(shè)計和心理誘因來引導(dǎo)訪客完成一個具體的行動，來增加轉(zhuǎn)化率。
著陸頁是CCD設(shè)計的核心。著陸頁的設(shè)計元素會同電子郵件的設(shè)計保持一致，它的目的是使來到頁面的訪客能夠有效的轉(zhuǎn)化至目標(biāo)路徑的終點(diǎn)，走完整個轉(zhuǎn)化路徑。而在著陸頁面上，我們可以收集到訪客的瀏覽數(shù)據(jù)或在訪客到達(dá)下一個頁面之前獲取你的產(chǎn)品和服務(wù)的細(xì)節(jié)信息。

那么，該如何通過設(shè)計來說服訪客完成你想要的轉(zhuǎn)化目標(biāo)呢？有很多設(shè)計元素，可以將訪客的注意力牽引至你所期望產(chǎn)生互動的區(qū)域當(dāng)中來，心理的誘導(dǎo)也能激發(fā)參與感。讓我們來深入了解這兩種類型的設(shè)計元素，使你設(shè)計的著陸頁可以實現(xiàn)真正的轉(zhuǎn)化。

1） 聚焦

制造出隧道的視覺效果，這是一種比較典型的用來吸引訪客眼球的方法。你可以考慮在著陸頁中這樣的視點(diǎn)上設(shè)置call-to-action。例如下面左側(cè)這幅圖，圓拱的建筑特征可以防止訪客的視線停留在別的地方，而是被鎖定在中間部位。右側(cè)的圖則是將你的注意力驅(qū)動至隧道的盡頭。

2） 對比色

使用對比色是一種簡單的理念，整個光譜的顏色都是適用的，但是單色是最簡單的的。

使你的call-to-action從周圍的區(qū)域中脫穎而出，就是使它一眼就很容易被發(fā)現(xiàn)。假如你在白色的背景上設(shè)置了一些黑色或灰色的文字，這時使用黑色或白色的call-to-action都不能體現(xiàn)出對比度，因此你需要更豐富多彩的元素來突出call-to-action。但是，如果你除了一個非常簡潔的設(shè)計之外沒有太多的細(xì)節(jié)或文本，那么較大的黑色或白色按鈕就會顯得很突出。
顏色可以用來給訪客制造一種情緒反應(yīng)。例如橙色，可以使人產(chǎn)生一種積極的情緒，使用橙色作為call-to-action是個很不錯的選擇。下面分析了很多顏色給人們帶來的心理暗示：

另一個重要因素是顏色的對比效果。這個方法是借用了空白區(qū)和對比度來顯現(xiàn)不同之處。有人說call-to-action的顏色是無關(guān)緊要的，但其實這是對比色的問題帶來的假象。舉個例子，正常情況下，紅色的call-to-action可能會輸給藍(lán)色的call-to-action，但如果你的頁面背景是藍(lán)色，那紅色的按鈕一定比藍(lán)色更吸引人。
我們來看看下面這兩個圖例，左側(cè)圖片中的顏色對比如此極端，導(dǎo)致你很難不被其吸引，而相比之下，周圍的區(qū)域顯得很低調(diào)。而右圖，在整個著陸頁中使用一個單一顏色的不同色調(diào)，而除了那個呼之欲出的call-to-action。

記住：整個頁面都是以你的轉(zhuǎn)化目標(biāo)為導(dǎo)向！

3） 視覺引導(dǎo)

視覺引導(dǎo)是將訪客視覺引導(dǎo)至著陸頁上重點(diǎn)區(qū)域的一種指標(biāo)。這可以幫助你將訪客的目光引導(dǎo)至你期望的區(qū)域內(nèi)，并且在到達(dá)著陸頁后很快就能轉(zhuǎn)化完成你的目標(biāo)。這種視覺引導(dǎo)的類型包括方向箭頭、公路路徑以及視覺的沖擊效果。

方向箭頭

對于視覺引導(dǎo)來說，使用方向箭頭的效果非常明顯，因為它直觀、一針見血。在訪客到達(dá)著陸頁的短暫時間內(nèi)，能夠直觀的將訪客聚焦在預(yù)期的區(qū)域內(nèi)是非常成功的引導(dǎo)方式。這樣的箭頭其實是在告訴訪客：你不用關(guān)心其他的內(nèi)容，只要將注意力轉(zhuǎn)移至我指向的位置區(qū)域就可以了！

上面是一個關(guān)于使用箭頭的非常出彩的設(shè)計案例，被箭頭指向的男人，用他的目光將你的注意力引導(dǎo)回到這個拿著箭頭指示牌的人身上，最終你的目光會停留在箭頭指示牌上，這樣就輕而易舉的吸引你去弄清楚指示牌上寫的什么。

公路
使用公路的設(shè)計思路是以現(xiàn)實世界中尋找道路的方式來觸發(fā)并引導(dǎo)我們的大腦思維進(jìn)入所要陳述的事物。這個例子使用了一個長長的公路，引導(dǎo)你的視線直達(dá)照片上方的山崖。 在我們的潛意識中，道路是一種很明確的，毫無阻力的路徑指引方法，所以我們自然而然的會接收這種引導(dǎo)。

LandingPage著陸頁設(shè)計提示:
設(shè)計有趨向性的線條來將注意力吸引到call-to-action，三角形是最有活力的形狀，它們自然的指引特性使他們成為特殊的設(shè)計工具，同理，箭頭則是更天然的路徑指引設(shè)計。

眼神暗示
作為人類的我們很自然地了解目光的意圖和使用方法，無論它來自人類還是動物眼睛。讓我們一起來看看下面的案例：
第一張圖例中的猴子專心地注視著手中的香蕉，這時好奇心會迫使我們不得不尋著猴子的目光去一探究竟。第二張圖：你會無法控制地像土狼一樣往下看。

伴隨著目光的移動，頭也會一起移動。第二張圖例中，你不但會好奇草里面有什么，而且會本能的朝著狼注視的位置看。因此，如果將你希望轉(zhuǎn)化的目標(biāo)設(shè)置在這個位置，到達(dá)的訪客也同樣會在這里聚焦視點(diǎn)。
第三張圖例中，視覺引導(dǎo)的設(shè)計方法很奇妙，首先是右下角的麋鹿驅(qū)動你的目光，這個位置你可以設(shè)計主題或獨(dú)特的營銷策略，然后跟隨著麋鹿的目光聚焦在從水上飛過的候鳥群上，在這里設(shè)置你的call-to-action。

嬰兒和有吸引力的人物
圖案也是設(shè)計非常重要的一個因素，因為它會在圖片和你之間創(chuàng)建一種連接。當(dāng)考慮到使用一些有刺激效果的圖像時，嬰兒和人們熟知的有影響力的人物是最有效的。而在這兩者當(dāng)中，最有說服力的則是嬰兒的圖案。研究表明，我們都會將call-to-action設(shè)置在嬰兒臉部的位置。

在著陸頁的人類元素設(shè)計中，有吸引力的女人也被證實是非常有說服力的。下面的圖例顯示了強(qiáng)有力的感覺互通產(chǎn)生的效果，你的主角吸引著你的注意力。這種目光接觸是一個非常好的視覺引導(dǎo)方式，是延長訪客在頁面停留時間的好方法，為訪客提供更多深入了解你的內(nèi)容的時間。

在著陸頁的設(shè)計當(dāng)中除了設(shè)計因素外，心理因素的考慮也會為提高轉(zhuǎn)化率帶來意想不到的作用，敬請期待：提高轉(zhuǎn)化率的7種著陸頁設(shè)計技巧【下篇】！