探討電商Banner設(shè)計(jì)的“關(guān)鍵字聯(lián)想法”

寇淇

“關(guān)鍵字聯(lián)想法”是一種應(yīng)用于電商Banner設(shè)計(jì)中的思維方式，為設(shè)計(jì)師面對(duì)不同產(chǎn)品的時(shí)候給予一定的“定位”參考。以淘寶為例，Banner設(shè)計(jì)是店鋪設(shè)計(jì)的一部分，也是促進(jìn)銷售的重要環(huán)節(jié)，是諸多環(huán)節(jié)中較為活躍多變的一部分。

電商設(shè)計(jì)指的是建立在電子商務(wù)基礎(chǔ)上的（平面）視覺設(shè)計(jì)，以展示商品，促進(jìn)銷售為主要目的。電商設(shè)計(jì)離不開互聯(lián)網(wǎng)思維，在我國(guó)比較典型的電商服務(wù)商有淘寶和京東等。本文將電商設(shè)計(jì)中的Banner單列出來進(jìn)行研究，以期給廣大電商設(shè)計(jì)師們提供一些借鑒和幫助。

Banner用中文翻譯為：條幅廣告，旗幟廣告，橫幅廣告等。具體中文叫法并不統(tǒng)一，通常使用它的英文名：Banner。以淘寶為例，Banner設(shè)計(jì)是店鋪設(shè)計(jì)的一部分，也是促進(jìn)銷售的重要環(huán)節(jié)，是諸多環(huán)節(jié)中較為活躍，且多變的一部分。

Banner具有很強(qiáng)功能性目的，可以將Banner理解為：利用適當(dāng)?shù)脑O(shè)計(jì)手法，通過美觀性展示對(duì)客戶進(jìn)行消費(fèi)引導(dǎo)，促進(jìn)商品銷售的網(wǎng)絡(luò)廣告設(shè)計(jì)。筆者通過親身實(shí)踐和對(duì)諸多成功商家的分析，總結(jié)出來一套Banner的設(shè)計(jì)方案：關(guān)鍵字聯(lián)想法。

Banner的視覺元素選用

為了更好地闡述“關(guān)鍵字聯(lián)想法”，首先我們了解一下在Banner中主要的視覺元素有哪些，一般情況下有：主副標(biāo)題、利益點(diǎn)、商品或者模特、圖像背景、點(diǎn)綴元素、標(biāo)志LOGO等。這些元素根據(jù)banner不同的需要而有所側(cè)重，根據(jù)Banner的“主要任務(wù)”對(duì)視覺元素而有所篩選，讓元素服務(wù)于Banner的視覺傾訴。

前期調(diào)查是確定Banner主題關(guān)鍵字的關(guān)鍵

Banner設(shè)計(jì)的前期調(diào)查，是確定Banner主題關(guān)鍵字的重要一環(huán)，并根據(jù)調(diào)查結(jié)果確定關(guān)鍵字。我們必須充分了解它的用途，制作這個(gè)Banner的原因，為什么服務(wù)，該選用什么風(fēng)格等。原因比如：節(jié)假日促銷，雙十二，雙十一等主題。為什么服務(wù)比如：?jiǎn)我簧唐?，系列產(chǎn)品，專項(xiàng)服務(wù)，品牌造勢(shì)等。風(fēng)格比如：親民通俗路線，高端路線，文藝范等風(fēng)格路線。

文案也是確定關(guān)鍵字的重要參考，事實(shí)上絕大多數(shù)的靈感創(chuàng)意都來自文案的啟發(fā)，也是避免方向錯(cuò)誤的重要依據(jù)。

以主題關(guān)鍵字為核心的視覺聯(lián)想及表現(xiàn)手法

所謂視覺聯(lián)想，是指在已經(jīng)確定了“主題關(guān)鍵字”的基礎(chǔ)上，通過圖像，圖形，文字，排版等各種視覺元素，把這個(gè)核心格調(diào)凸現(xiàn)出來。設(shè)計(jì)師的主要是任務(wù)，是把這個(gè)核心格調(diào)通過視覺的方式表現(xiàn)在Banner圖上。

筆者將電商各個(gè)主流行業(yè)的Banner收集整理之后，總結(jié)出來以下主題關(guān)鍵字類型：（1）大牌穩(wěn)重型；（2）品質(zhì)時(shí)尚型；（3）可愛親民型；（4）促銷甩賣型；（5）文藝簡(jiǎn)約型。下面將對(duì)這些風(fēng)格類型從“用戶感受”為重點(diǎn)一一介紹。

1.大牌穩(wěn)重型的設(shè)計(jì)方案

知名品牌的特有氣質(zhì)，因?yàn)橹缺容^高，因此可以省去很多不必要的“解釋性”元素，在構(gòu)圖上可以大面積的留白。不必?fù)?dān)心用戶搞不懂這是什么產(chǎn)品，怎么用等問題。背景色可以使用較為單一的“黑”“白”“灰”旋律，盡量讓Banner的主體產(chǎn)品凸顯出來。不需要太多的文案內(nèi)容，保證畫面品質(zhì)的前提下，放上LOGO足矣。

這種設(shè)計(jì)方案除了適合高知名度產(chǎn)品以外，特別適合數(shù)碼電子產(chǎn)品，奢侈品等。

2.品質(zhì)時(shí)尚型的設(shè)計(jì)方案

時(shí)尚是一種感受，這種感受的最終會(huì)落實(shí)到“高品質(zhì)”或者“高品味”上面來，因此這一設(shè)計(jì)方案，比較適合年輕化的產(chǎn)品。時(shí)尚所帶來的高品質(zhì)感受，不一定必須“奢侈”和“昂貴”，因此它區(qū)別于大牌的注重金錢，而是更側(cè)重于精神方面。

反應(yīng)在Banner視覺上則表現(xiàn)為注重排版，文字規(guī)整感強(qiáng)，注重文字對(duì)齊，忌諱對(duì)文字做變形處理。對(duì)文字四周的留白顯得格外重要，往往留出來較大的視覺呼吸空間。

除了商品自身屬于不可控顏色之外，設(shè)計(jì)取色一般不多于三種，并且這些顏色往往是從商品上吸取而來，以保證整體和諧感。商品擺放的角度注重角度和形式感，平視，俯視皆可，忌諱使用仰視角度。

3.可愛親民型的設(shè)計(jì)方案

這一種設(shè)計(jì)風(fēng)格年齡化偏小，產(chǎn)品多數(shù)集中于食品，可愛服飾，母嬰用品，嬰幼兒產(chǎn)品等，因此設(shè)計(jì)方案切忌生硬，需要在視覺上表現(xiàn)出足夠的親和力。

在具體設(shè)計(jì)操作中會(huì)采取偏暖配色，色彩多樣化，突出熱情和柔和的配色方案。Banner上構(gòu)圖比較飽滿，注重色塊搭配，大小均衡等?？傊?，畫面上的元素要避免攻擊性，高對(duì)比等特點(diǎn)。

4.促銷甩賣型的設(shè)計(jì)方案

促銷和甩賣，其實(shí)是兩個(gè)層面的問題，但是都最為注重：銷售。因此在設(shè)計(jì)風(fēng)格上尤其強(qiáng)烈的視覺形式感，并不局限于某一類產(chǎn)品，而是適合于所有需要“促銷”“甩賣”的活動(dòng)。

在具體的設(shè)計(jì)中，用色刺激，飽和度高，鮮艷。價(jià)格信息突出，對(duì)利益點(diǎn)的傾訴比較強(qiáng)烈。促銷性的文案內(nèi)容刻意夸張，同時(shí)對(duì)留白沒有太大的要求。

5.文藝簡(jiǎn)約型的設(shè)計(jì)方案

安靜含蓄是這一類設(shè)計(jì)方案的主要特點(diǎn)，所謂的安靜含蓄并不是在“商戰(zhàn)視覺”上故意低調(diào)，而是凸顯這種氣質(zhì)，只有這樣才能把產(chǎn)品的主要特點(diǎn)表現(xiàn)出來。

這一類產(chǎn)品主要有家居，茶藝，布藝，文藝小資用品等。

在設(shè)計(jì)這一類型Banner的時(shí)候，注意以下三點(diǎn)就可以了：1、商品很小，超大面積背景留白。2、顏色單一，并且飽和度較低，以灰色調(diào)為主。3、文字排列走極端，或者很多或者很少，的文案內(nèi)容凸顯情緒化。

總結(jié)

綜上所述，“關(guān)鍵字聯(lián)想法”是一種應(yīng)用于電商Banner設(shè)計(jì)中的思維方式，為設(shè)計(jì)師面對(duì)不同產(chǎn)品的時(shí)候給予一定的“定位”參考。

但是根據(jù)電商這個(gè)行業(yè)的不斷發(fā)展，將會(huì)有更多的產(chǎn)品融入到這個(gè)行業(yè)中，也必然會(huì)導(dǎo)致Banner這種通俗常用的設(shè)計(jì)內(nèi)容，在風(fēng)格上需要不斷變化，才能適應(yīng)具體的設(shè)計(jì)需求。

（作者單位：武昌工學(xué)院）