通過(guò)眼睛看世界，是我們每個(gè)人與生俱來(lái)的能力。審美能力雖然有高下之分，但實(shí)際上也是人人皆具的。

然而，是否只要會(huì)看、有審美、有用戶視角，就可以解決宣傳推廣中遇到的視覺(jué)效果問(wèn)題呢？

要知道，一個(gè)頁(yè)面的設(shè)計(jì)水平，一定程度上決定了頁(yè)面的轉(zhuǎn)化率。尤其是 在信息流廣告界，頁(yè)面設(shè)計(jì)的好壞，一定程度上也決定了廣告賣(mài)貨能力的高低。

那么，解決信息流推廣中視覺(jué)效果（創(chuàng)意、落地頁(yè)）的問(wèn)題到底需要什么技能呢？到底給出怎樣的建議，才是真正具備可操作性的呢？

作為一個(gè)有著大量的案例實(shí)操的從業(yè)者，我對(duì)各種各樣的視覺(jué)理解角度有一定的了解，所以今天我們就來(lái)聊一聊，不同的人，看到同樣的創(chuàng)意和落地頁(yè)問(wèn)題時(shí)，都會(huì)給出怎樣的答案吧！

這是關(guān)于來(lái)自一個(gè)信息流研討群的討論截圖。有一位信息流廣告優(yōu)化師往群里發(fā)了他們正在推廣的店鋪首頁(yè)，希望群里的小伙伴們可以給一些建議：

很快，群里的小伙伴就有一搭沒(méi)一搭的回復(fù)起來(lái)，大體的畫(huà)風(fēng)是像下圖這樣的：

PS：因?yàn)橥惢卮鹛嗔?，就不一一放出了?/span>

上述這些回復(fù)，屬于類型一：圍觀群眾

所謂圍觀群眾，大多數(shù)人都有基礎(chǔ)的審美能力，當(dāng)他們站在用戶視角審美時(shí)，總是可以感受到這個(gè)設(shè)計(jì)的“基調(diào)”，但卻說(shuō)不清是哪些元素或構(gòu)架導(dǎo)致他們產(chǎn)生這樣的“感覺(jué)”。

就像上圖中，大家都看出了這個(gè)頁(yè)面 “刺激不了消費(fèi)者的購(gòu)買(mǎi)欲望”、“沒(méi)有逼格”，卻無(wú)法指出更具體的問(wèn)題。

眾多圍觀群眾中，有一位小哥提出了這樣幾個(gè)方向的修改意見(jiàn)：

建議1總結(jié)一下就是：用二類電商的頁(yè)面模板。

但是在我看來(lái)，這個(gè)頁(yè)面本身（下面會(huì)放出原始頁(yè)面）就是用的某一個(gè)模板，只是屬于改模板改毀了的范疇。

小哥繼續(xù)給建議：

所以建議2總結(jié)一下就是：增加品牌故事，調(diào)整排版、配色和設(shè)計(jì)。

可是在我看來(lái)并沒(méi)有明確指出問(wèn)題在哪，怎么改。

小哥很熱心，建議一條追著一條，這次是投放方向：

就我個(gè)人的看法，小哥說(shuō)的這個(gè)方向沒(méi)有問(wèn)題，但是，這是個(gè)店鋪首頁(yè)……并不是廣告落地頁(yè)，落地頁(yè)還是應(yīng)該更有針對(duì)性的設(shè)計(jì)才好……

最后小哥說(shuō)：

如圖，小哥的最終建議方案是：找個(gè)某美院的學(xué)平面的學(xué)生，花幾千塊做一下。

實(shí)際上看一下整段對(duì)話，對(duì)于提問(wèn)者來(lái)說(shuō)，小哥只給了他一個(gè)信息：網(wǎng)頁(yè)不行，找人重做。

作為一個(gè)非視覺(jué)專業(yè)的人，我覺(jué)得這位小哥能提到這些，說(shuō)明在這方面應(yīng)該是有一定悟性的，所以他屬于：

類型二：有悟性的

所謂有悟性的，往往能夠憑借感覺(jué)和部分自己行業(yè)的經(jīng)驗(yàn)，指出問(wèn)題“來(lái)自哪里”，但往往沒(méi)有解決方案，或者給出并不具備指導(dǎo)意義的所謂“建議”。

就像上面這位小哥，從幾個(gè)不同的角度都給出了解決方案，但是這些建議對(duì)客戶的實(shí)際操作，沒(méi)有任何指導(dǎo)意義。

這是一個(gè)很尷尬的事情，我們常常需要用戶視角，但是無(wú)論從提問(wèn)方還是回答方，如果沒(méi)有專業(yè)人士把控的話，最后這許多的“用戶視角”其實(shí)并不能幫到客戶什么。

我們來(lái)看看被批的一塌糊涂的這個(gè)頁(yè)面長(zhǎng)什么樣吧：

先上第一屏，匿掉企業(yè)信息

如果這個(gè)提問(wèn)者是我的客戶，當(dāng)他把這個(gè)頁(yè)面展示在我面前時(shí)，我們的解決思路常常是這樣：

1）這個(gè)頁(yè)面是 什么用途？

2）從頁(yè)面邏輯來(lái)看，它 是否符合用戶認(rèn)知？

3）從設(shè)計(jì)層面（排版、配色、字體、字號(hào)、間距）看，它是否能夠服務(wù)于頁(yè)面的“目標(biāo)”，而不是干擾目標(biāo)；

最后，將問(wèn)題整理出來(lái)，給出詳細(xì)的、可執(zhí)行的解決建議方案。

對(duì)應(yīng)的，這是 類型三：專業(yè)人士

所謂專業(yè)人士，同上兩種人一樣，都可以看到這個(gè)頁(yè)面能給予用戶什么樣的感受，同時(shí)，專業(yè)人士會(huì)分析，這種感受是由于頁(yè)面中的 哪一部分造成的，以及預(yù)判這種感受會(huì)令用戶采取怎樣的行動(dòng)。隨后，給出有針對(duì)性的解決方案，及修改建議。

那么我們就按照這個(gè)思路依次來(lái)看一下這個(gè)案例頁(yè)面到底是否符合標(biāo)準(zhǔn)吧：

先來(lái)談?wù)勥@類電商頁(yè)面的出現(xiàn)場(chǎng)景。

該頁(yè)面的網(wǎng)址是：http://wx.balbala……（balabla開(kāi)始就是我編的了）

前面是“wx”，代表這個(gè)店鋪是 依附于微信公眾號(hào)的。

這說(shuō)明：

一方面，它通過(guò)公眾號(hào)內(nèi)容引流，沉淀粉絲，從公眾號(hào)推送或者底部導(dǎo)航入口可以進(jìn)入店鋪，產(chǎn)生購(gòu)買(mǎi)。

另一方面，它通過(guò)微信朋友圈轉(zhuǎn)發(fā)引流，并產(chǎn)生購(gòu)買(mǎi)。

也就是說(shuō)，這個(gè)頁(yè)面，應(yīng)該兼具引流、吸粉、品牌認(rèn)知植入、產(chǎn)品宣傳、銷售這些功能。

當(dāng)然，這些功能中，除了銷售是需要該頁(yè)面主力完成之外，其它幾項(xiàng)都是應(yīng)該由公眾號(hào)和店鋪?lái)?yè)合作完成的。也就是說(shuō)，在其它功能性上，該頁(yè)面應(yīng)該起到輔助作用。

那我剛剛為什么會(huì)說(shuō)，這像是一個(gè)淘寶店移動(dòng)端的模板改的呢？原因如下：

我們能看到這個(gè)排版有一個(gè)明顯的問(wèn)題：

1）第一屏沒(méi)有清晰的表達(dá)“我是誰(shuí)”，“我是干嘛的”，“我能給你什么”。這個(gè)帶來(lái)的首要問(wèn)題，就是無(wú)法很好的完成銷售功能。其次對(duì)于品牌認(rèn)知植入、產(chǎn)品宣傳、引流、吸粉也有影響；

2）頭圖部分金發(fā)美男彈鋼琴，再加上旁邊的黑膠唱片元素，會(huì)給人一種賣(mài)樂(lè)器或唱片的感覺(jué)。這個(gè)帶來(lái)的首要問(wèn)題是 品牌認(rèn)知植入上，增加了用戶的門(mén)檻；

4）莫名的出現(xiàn)一個(gè)搜索，用戶連你賣(mài)什么都不知道，基本上這個(gè)搜索是用不到的。任何多余的元素，如果沒(méi)有存在意義，就不應(yīng)該出現(xiàn)。

5）什么都沒(méi)有說(shuō)，很粗暴的上了三張看不清楚內(nèi)容的優(yōu)惠券。賣(mài)家主觀的認(rèn)為優(yōu)惠券可以帶來(lái)銷量，然而這里出現(xiàn)優(yōu)惠券不僅不能起到增加銷量的作用，反而會(huì)分散用戶注意力，讓用戶有限的耐心無(wú)法集中在產(chǎn)品上。

而上面這些，都像是淘寶店的做法。

淘寶店可以這么做（雖然我們也不推薦不合品類的胡來(lái)設(shè)計(jì)），因?yàn)樵陔娚藤?gòu)物平臺(tái)這個(gè)環(huán)境中，我們大概率并不是由首頁(yè)進(jìn)入店鋪，而是有目的的搜索寶貝，并且從寶貝頁(yè)面中的店鋪鏈接進(jìn)入首頁(yè)，我們很清楚我們?cè)谡沂裁础?/span>

如上述，以這個(gè)設(shè)計(jì)師的情況，從挑模板就開(kāi)始出錯(cuò)了，即使換個(gè)模板，改完也可以很糟糕。所以圍觀群眾們給出的“直接用模板”的建議，并不適合這個(gè)店鋪，因?yàn)樵O(shè)計(jì)師的問(wèn)題在于，沒(méi)有意識(shí)到不同環(huán)境下的店鋪?lái)?yè)面應(yīng)該做針對(duì)性的設(shè)計(jì)。

對(duì)這個(gè)頁(yè)面來(lái)說(shuō)，最先應(yīng)該調(diào)整的，是頁(yè)面設(shè)計(jì)的整體思路，即：我賣(mài)什么，我能給你什么，我的東西多好……這類信息應(yīng)當(dāng)放在首屏。

從排版邏輯上講，應(yīng)當(dāng)遵循這個(gè)店鋪的環(huán)境：微信店鋪

建議如下：

1）“頁(yè)頭”，包含logo和能體現(xiàn)店鋪風(fēng)格的美圖。不需要品牌故事，但是需要強(qiáng)調(diào)logo，以增加品牌識(shí)別度，盡可能讓用戶對(duì)品牌形成概念。進(jìn)而沉淀粉絲。

2）“橫欄展示”，主打產(chǎn)品、新品在場(chǎng)景中的展示圖，或者面積較大的優(yōu)惠信息等。

優(yōu)惠券這種東西在一個(gè)百分百寬橫幅優(yōu)惠信息中體現(xiàn)就好。例如：秋季開(kāi)學(xué)折扣橫幅海報(bào)。更多對(duì)新品、主打品的大圖展示、以及橫幅海報(bào)式的折扣信息，都能有效提升用戶的購(gòu)買(mǎi)沖動(dòng)。

3）“主要類目導(dǎo)航”，從這個(gè)頁(yè)面設(shè)計(jì)上可以看出，該店鋪并沒(méi)有很復(fù)雜的分類類目，不建議把“類目”作為一個(gè)單獨(dú)的導(dǎo)航按鈕。

不妨按照常用場(chǎng)景分類為（我編的）“宴會(huì)”“上班”“休閑”“定制”……這一類的，方便用戶根據(jù)場(chǎng)景進(jìn)入挑選，降低選擇障礙，提高銷售量。

4）“產(chǎn)品展示”，根據(jù)銷量、加購(gòu)數(shù)量、新品推廣計(jì)劃等進(jìn)行產(chǎn)品排放，主打好賣(mài)的產(chǎn)品以大圖形式展示……讓用戶最先看到經(jīng)過(guò)市場(chǎng)篩選的最受歡迎的產(chǎn)品，進(jìn)一步增加加購(gòu)和下單。

等等等等。限于篇幅這里就不一一列出了。

具體到設(shè)計(jì)，需要調(diào)整的地方也很多。先一起看下截圖：

1）配色過(guò)于雜亂

深淺藍(lán)、灰紫、紅、橙、黃……（真的，這個(gè)設(shè)計(jì)太勇敢了）；

導(dǎo)致結(jié)果：增加用戶閱讀難度，提高跳出率；

建議：主色調(diào)不要超過(guò)三個(gè)，并且符合整體調(diào)性。同色系輔助色調(diào)可適當(dāng)增加。明度接近的灰底紅字這種增加閱讀困難的配色一定要摒棄。

2）字體過(guò)于雜亂

一眼望去就有6種以上的字體，完全沒(méi)有規(guī)則；

導(dǎo)致結(jié)果：增加用戶閱讀難度，提高了跳出率；

建議：海報(bào)字體統(tǒng)一、大標(biāo)題統(tǒng)一、內(nèi)容字體統(tǒng)一，不要換一個(gè)地方就換一個(gè)字體。

3）字體識(shí)別性太差

導(dǎo)致結(jié)果：增加用戶閱讀難度，降低用戶對(duì)推廣信息的關(guān)注，提高跳出率，降低購(gòu)買(mǎi)數(shù)量。

建議：類似方正剪紙?bào)w這類字體，且不說(shuō)方正的版權(quán)問(wèn)題，但從視覺(jué)角度講，識(shí)別性太低（還是在下單立減的重要位置）并且風(fēng)格調(diào)性與整體不符（男士襯衫就不用這么Q彈可愛(ài)了）

4）排版沒(méi)有邏輯

很明顯這個(gè)設(shè)計(jì)師不能做到掌控基礎(chǔ)的對(duì)齊、間距等設(shè)計(jì)因素。那么他操作設(shè)計(jì)時(shí)，想要用圖片流的形式參差排版時(shí)，就會(huì)十分混亂，毫無(wú)邏輯（設(shè)計(jì)師對(duì)頁(yè)面把控能力太弱，沒(méi)有整體概念，這種情況下，只能是給出十分明確的指導(dǎo)需求，才有改善的可能性。）

導(dǎo)致結(jié)果：用戶閱讀體驗(yàn)差，找不到想要的產(chǎn)品，喪失耐心，提高跳出率，降低加購(gòu)及購(gòu)買(mǎi)行為概率

建議：先根據(jù)頁(yè)面邏輯整理框架，注意設(shè)置頁(yè)面規(guī)則，包括邊距、間距、參差規(guī)則、圖文搭配規(guī)則等等。

總結(jié)：找對(duì)頁(yè)面的茬、并解決視覺(jué)效果問(wèn)題，并不像你想象的，會(huì)看、有審美、學(xué)過(guò)平面就可以了。

文章來(lái)源：艾奇在線

【轉(zhuǎn)載說(shuō)明】   若上述素材出現(xiàn)侵權(quán)，請(qǐng)及時(shí)聯(lián)系我們刪除及進(jìn)行處理：[email protected]