甩手網(wǎng) > 網(wǎng)店學(xué)院 > 網(wǎng)店裝修 > 裝修技巧

店鋪裝修：兩秒之內(nèi)抓住用戶的頁面如何設(shè)計(jì)

2016-04-26 13:37:51 文/電商設(shè)計(jì)師人氣：4560

沒有營(yíng)銷意識(shí)的設(shè)計(jì)師，不是好設(shè)計(jì)師。藝術(shù)家才是在表達(dá)自我，而設(shè)計(jì)師都是在賣！賣產(chǎn)品，賣形象，賣自己。所以，作為一名電商設(shè)計(jì)師，時(shí)刻需要考慮的事如何把東西賣出去，而是不會(huì)怎么設(shè)計(jì)的更high一些。

我們?cè)谧鲆粋€(gè)頁面設(shè)計(jì)的時(shí)候，要清楚我們?cè)O(shè)計(jì)的目的不是為了美感，不是為了炫技，不是參加比賽，目的只有一個(gè)：把產(chǎn)品推銷出去，傳達(dá)信息。因此，下面就利用淘寶店鋪裝修教程給大家講講頁面如何在兩秒之內(nèi)抓住用戶......

在2秒內(nèi)把想說的事情說完

案例一

一個(gè)很平淡的設(shè)計(jì)，沒有炫酷的背景，沒有超級(jí)好看的元素，普通且平淡的海報(bào)圖，只有一張模特圖，一個(gè)紅色的背景而已，簡(jiǎn)單的文字信息，所要表達(dá)的相關(guān)產(chǎn)品，化妝品。（小訣竅）當(dāng)我把文字部分拿掉，我還知道是賣的是化妝品類目。

案例二

做的非常酷炫，各種背景、星光、漸變疊加。字體也花了很多功夫，還有一只鴿子飛過來，可能比圖一要多花時(shí)間，技巧運(yùn)用也比一好。但是，當(dāng)我拿掉文字后，我看不出來賣的是什么，可以想象是賣化妝品，也可以是一張電影海報(bào)或節(jié)目海報(bào)，甚至是“我是歌手”海報(bào)都行。

2秒原則

互聯(lián)網(wǎng)上的廣告圖，只有2秒的生存時(shí)間，要么被忽視，要么被關(guān)閉，要么被點(diǎn)擊。所以，請(qǐng)?jiān)趦擅雰?nèi)把想說的事情說完，不要裝逼耍內(nèi)涵！

有的商家想設(shè)計(jì)一款有內(nèi)涵有深度的廣告圖投放在淘寶天貓等平臺(tái)？作為消費(fèi)者我想說：對(duì)不起我沒有空欣賞和猜想你的大作，我只是來買東西而已！

線上廣告制作流程

電商平臺(tái)上的表達(dá)講究快、準(zhǔn)、狠，把信息第一時(shí)間傳達(dá)到消費(fèi)者腦海中并促進(jìn)用戶下一步行動(dòng)。

那我們應(yīng)該怎么做？在搞清楚怎么設(shè)計(jì)之前，我們要先分析它分別是由什么組成的。

A：商品層-清晰度

很明顯第二張的人物臉部已經(jīng)模糊，對(duì)廣告整體的品質(zhì)感有所打折。

A：商品層-展示角度

我們的一些設(shè)計(jì)，總喜歡“創(chuàng)新”，不走尋常路，但是不是什么產(chǎn)品都適合這樣的。

例如電水壺在廣告圖里出現(xiàn)的角度，永遠(yuǎn)都是這個(gè)正側(cè)面，是因?yàn)榻?jīng)歷長(zhǎng)時(shí)間的驗(yàn)證，這個(gè)角度是最容易辨認(rèn)產(chǎn)品的本身和最佳的視覺效果，不要為了創(chuàng)新而創(chuàng)新而選擇一個(gè)別人沒有使用的角度來設(shè)計(jì)廣告圖。

A：商品層 – 摳圖問題

B：文案層

文案清晰度：1. 視覺清晰度（一眼看清楚） 2. 邏輯晰度度（一讀就明白）

主標(biāo)題文案不宜超過8個(gè)字，超過這個(gè)基數(shù)，文字越多點(diǎn)擊越低。

很明顯，這2張圖的點(diǎn)擊，在其他相同條件之下，肯定右圖的點(diǎn)擊量更高。文案數(shù)量基本上和設(shè)計(jì)原則一樣，越精華越好。

1. 文案清晰度

這些都是明顯的問題，文字的顏色都融入到背景里了。

2. 邏輯清晰度

符合人類內(nèi)心原欲的文案，往往更容易驅(qū)動(dòng)人類行為。

從眾：“已賣出10000件”

好奇：“神奇面膜”

利益：“錯(cuò)過等一年” / “全場(chǎng)3折僅一天”