信息流推廣首頁也就是落地頁，落地頁作為流量的最后載體，它的任務就是促成轉化。想要轉化，前提就是要留住訪客，也就是說從訪客點擊廣告進入落地頁跳轉開始到激起他興趣之前，不能讓他產生關閉頁面的想法。但是現實情況是，很多用戶在進入頁面的第一時間就被不舒適的感官體驗弄到退避三舍，怎么可能等到轉化。

先看個案例，看到下面這個推廣首頁，我的第一感覺是：設計需謹慎，且行且珍惜。能在一個頁面中完美的嵌入每一個頁面設計都忌諱的坑，也是難能可貴。這個頁面，不管整體結構、頁面排版、圖片選擇還是色彩搭配都算不上可取。

設計邏輯vs美女邏輯

落地頁給人的第一感覺，就像我們看到一個女生的第一印象。如果這個女生給你的整體感受是服裝整潔時尚，氣質良好，不管她的長相如何，給你的感覺起碼是良好的。

落地頁的設計也是如此，排版亂、圖片沒有感覺、loading時間長這些問題都會給到用戶很糟糕的第一感覺。所以，一個落地頁想要做到吸引訪客，需要注意以下三個節點：

第一眼喚起情緒

一個落地頁想要給人好的感官，必須符合以下兩個條件：

不能雜亂無章。雜亂無章會增加閱讀壓力，有壓力自然會逃避。

進入訪客眼睛的圖片要能激發起用戶的認同感，訪客才會產生興趣。

以上兩點都實現，也就是既看著不累，又有感覺，用戶才會暫時留下來。

第二眼展開勾搭

看完第一眼，還要想看第二眼。如果說第一眼是要照顧訪客的情緒，先讓他穩定下來，第二眼要做的就是把用戶想要看到的東西清晰的放在他們自然會看的地方，并且順利勾起他們的購買欲。

第三眼搞定錢包

如果前兩個步驟順利，只要及時給他一惡搞方便易懂更好操作的引導方式，促成訪客行動就好了。此處的方便易懂要弄清楚你的目標受眾是誰？例如年輕的和年長的訪客需要考慮的點就不一樣。另外還要考慮你的轉化目的，你是想要引導咨詢還是留言表單。如果這個時候不對訪客進行進一步合適的引導，可能會導致前功盡棄。

設計視角VS用戶視角

古人云，見賢思齊焉，見不賢而不內自省也。我們再來回顧一下文章開頭那個值得全行業人士珍藏的廣告落地頁，以此為鑒，說說它犯了哪些忌諱，應該怎么調整。

品牌logo到底要不要放

這個廣告落地頁是一個廚房改造公司的，用戶進入后第一眼看到的是這樣的，出于人道主義的考慮，我們不顯示品牌名稱的信息。

我們仔細看這個頁面的整體結構，包含頁頭，導航，頭圖，主體及底部轉化浮層，而這個，其實是一個門戶網站的設計結構。事實上，用門戶網站的結構去做營銷型的落地頁是一種很不討巧的方式。營銷型落地頁的設計重點是要在很短的時間內抓住訪客的痛點，狠抓猛打，直刺人心，如果堆砌大量的內容反而更容易讓訪客喪失掉那少得可憐的耐心。

例如導航。因為門戶網是對企業或者產品從整理到細節的詳細描述，信息流很大且架構復雜，需要多次跳轉，所以為了讓用戶找到要跳轉的地方，就需要用導航來指引用戶。而一個營銷型的頁面如果設置這樣的導航顯然高估了訪客的耐心。事實上訪客只有在產生強烈興趣并且對產品有剛需時，才也許會想要多了解，在此之前，這些導航的設置除了讓訪客覺得繁雜凌亂，別無它用。

塞的內容越多效果越糟

排版包含圖片的大小、位置、排列、文字的行距、邊距、間距等。從理論層面看，排版就像是設計師的邏輯，是一個已經很成熟的系統理論，也就是說，怎樣排更適合用戶體驗是有規則可循的，然而，本案中的這個落地頁完美的避開了所有正確排版的規則。

比如頭圖占比很大，卻沒有表達出什么。夢想中的廚房部分，在那么逼仄的地方排了三張圖。

說真的，不要妄想所有點擊你廣告的用戶都是在拿著iPhone Plus甚至是iPad看廣告，就算是Plus的屏寬，這么三張圖擠在那兒也會嚴重影響視覺舒適度和信息傳播度，就像此案中，完全沒有將“夢想中的廚房”的感受傳達給用戶。

從字體來說，整個頁面多達5種字體（還不包括斜體等變體），大標題、標題、正文、題圖字等的區分也很凌亂——設計師似乎完全沒有計劃，大概是太隨意了吧。這樣無規則的設計只會給訪客傳遞一種混亂的信息，影響訪客看到有意義的內容，導致訪客失去往下拉的興趣。

不僅如此，所有需要留出更多行間距、邊距的地方，設計師一概填滿了元素；填寫信息部分，兩個文字框和申請按鈕之間的間距都不一致。這些都會增加視覺上的擁擠感，增加訪客的閱讀門檻，讓訪客失去耐心，提高跳出率。

比如下面這個：左右兩邊邊距不等

比如“改造后”三個字幾乎占滿了藍綠色底圖：

比如這個表單，三個元素之間的間距不等：

圖片是用來傳達情緒的

圖片在落地頁中起到的作用往往是喚起情緒、加強情緒、促進行動的作用，因此圖片選擇的好壞非常重要。而這個案例中所有的圖片選擇都稱得上讓人很難理解。

比如下面這張。為了指出用戶的痛點，設計師在臟亂差廚房圖集錦后，放了一張家庭主婦大聲呼喊的圖片，圖片上還配了文字：您，是否還在隱忍廚房的凌亂？？

大家一起來感受一下，有沒有覺得哪里不對？主婦一臉崩潰，卻對你說：您是否還在隱忍？這樣的對話，能否表達圖片的情緒呢？

但如果改成下面這樣，是不是感覺好了很多？

再來看下一組。為了說明廚房改造后的“成功案例”，落地頁上放了一組這樣的圖片：

從設計角度看，圖片的內容、形式、構圖、角度都是在傳達情緒。可是這張圖給到用戶的感覺是怎樣的呢？是會覺得真的很贊，還是覺得這還不如我家呢？

再比如這樣的一個廣角俯視圖：

既然是整理收納后的圖片，應當盡可能體現一個“完美”廚房的樣子，傳遞給用戶一種好想體驗的感覺，可圖片中這滿滿的煙火氣，布局到空間都沒有讓人覺得很舒服，你是想讓我說你實誠呢？還是說你不懂營銷呢？

底線是不要擾亂用戶視線

這次我們來說說頭圖的配色問題，我們把頭圖放到最大，發現依然需要定睛仔細看才能看清“不負好時光”那一堆字，直接手機上看的話，這幾個字就是花的，看不清楚。

也許設計師會說：“本來就不需要看清啊，就是個擺設啊！”可是，一個設計元素，連看都看不清，留著它過年么？我們不指望一個元素既好看又能傳達有效信息，但它起碼不要擾亂用戶視線，影響用戶看到真正有效的信息。

還有這個：

同樣的綠色背景上，白色文字清晰可辨，而橘色則糊成一鍋。為什么？因為圖片底色的明度和文字色的明度太過接近，明度接近會導致底色和文字沒有明確邊界，導致我們無法清楚的辨認出文字。

不得不說，在營銷推廣的過程中，推廣首頁的價值是被低估的。其實落地頁的承載和轉化功能是營銷中很重要的一環。它跟營銷一樣有套路可循，就是以訪客體驗為主導，以訪客的視角去看問題，去想一下怎么樣才能讓訪客愿意看下去。

請好好審查一下你的落地頁，你給它打多少分？