張曉明

關(guān)鍵詞：線上促銷海報(bào);版式設(shè)計(jì);原則;方法

1線上促銷海報(bào)概述

自信息時(shí)代以來(lái)，網(wǎng)絡(luò)互動(dòng)進(jìn)一步便攜化和即時(shí)化，加速了網(wǎng)絡(luò)在人們社會(huì)生活中的普及。而線上促銷海報(bào)即是指以網(wǎng)絡(luò)為主要傳播媒介的非實(shí)體促銷海報(bào)，主要為電子商務(wù)類的產(chǎn)品促銷進(jìn)行服務(wù)。促銷海報(bào)的核心目的是利用版式設(shè)計(jì)、色彩設(shè)計(jì)等方法，強(qiáng)調(diào)產(chǎn)品的亮點(diǎn)，從而提高產(chǎn)品的銷量。而線上促銷海報(bào)雖然要兼顧提高點(diǎn)擊率、引入流量等，但歸根結(jié)底也是為提高產(chǎn)品銷量而服務(wù)。其作為促銷海報(bào)的核心屬性并沒有發(fā)生變化。

2線上促銷海報(bào)中版式設(shè)計(jì)的特征

2.1傳播形式更具多樣性

傳統(tǒng)促銷海報(bào)的主要傳播載體是紙質(zhì)印刷品，相對(duì)來(lái)說(shuō)較為單一，而線上促銷海報(bào)以網(wǎng)絡(luò)為傳播載體，沒有實(shí)體媒介，所以其傳播形式的可變化性非常強(qiáng)，傳播形式非常多樣。如現(xiàn)在較為流行的動(dòng)態(tài)促銷海報(bào)就是特屬于線上促銷海報(bào)的展示形式之一，在傳統(tǒng)促銷海報(bào)的基礎(chǔ)上添加動(dòng)態(tài)元素，視覺上能更加快速地吸引受眾的注意力。另外，還有互動(dòng)型的線上促銷海報(bào)，通過(guò)在促銷海報(bào)設(shè)計(jì)中添加相應(yīng)的互動(dòng)元素，可與受眾之間迅速建立情感連接。

2.2視覺流程節(jié)奏更快

心理學(xué)家格斯泰在研究版面規(guī)律時(shí)指出，在版面設(shè)計(jì)中不同的視域、不同的重心、不同的導(dǎo)向會(huì)產(chǎn)生不同的心理感受。所謂視覺流程，是指版式設(shè)計(jì)中的視覺傳達(dá)方式，設(shè)計(jì)師要充當(dāng)導(dǎo)演的角色，依據(jù)人的生理和心理習(xí)慣的認(rèn)知模式，根據(jù)主題精心安排好構(gòu)成要素的空間定位，引導(dǎo)買家的視線流程。

線下促銷海報(bào)的視覺流程一般為：吸引眼球→停留觀看→產(chǎn)生記憶點(diǎn)→看到產(chǎn)品時(shí)產(chǎn)生購(gòu)買欲望或行為。而線上海報(bào)的視覺流程則往往是：吸引眼球→停留觀看→點(diǎn)擊瀏覽產(chǎn)品→立即購(gòu)買。

現(xiàn)在的快節(jié)奏生活下，我們很難再花費(fèi)大把時(shí)間去研究一幅海報(bào)的內(nèi)容，尤其是線上的促銷海報(bào)，其吸引受眾目光的停留時(shí)間是極短的，如果不能立即看到自己想要得到的信息，受眾極大概率會(huì)選擇忽視此促銷海報(bào)信息并繼續(xù)閱讀其他信息，所以在線上促銷海報(bào)的設(shè)計(jì)中，信息層級(jí)的凸顯非常重要。根據(jù)阿里大數(shù)據(jù)庫(kù)的統(tǒng)計(jì)，線上促銷海報(bào)大部分符合2秒原則，即如果受眾看到這張海報(bào)后，2秒之內(nèi)沒有產(chǎn)生點(diǎn)擊行為，那很大概率上就不會(huì)再有點(diǎn)擊行為了。2秒就決定了一張線上促銷海報(bào)的成功與否，這就是快節(jié)奏時(shí)代的設(shè)計(jì)生存法則。

3線上促銷海報(bào)中版式設(shè)計(jì)的原則

線上促銷海報(bào)中版式設(shè)計(jì)樣式繁多，不同類型海報(bào)的側(cè)重點(diǎn)也各不相同，但幾乎所有的線上促銷海報(bào)都會(huì)包括三個(gè)核心部分：商品層、文案層、背景層。而線上促銷海報(bào)的版式設(shè)計(jì)，其設(shè)計(jì)原則就是把控和調(diào)整商品層、文案層、背景層三部分的關(guān)系，這也是線上促銷海報(bào)需要遵循的基本原則。

3.1信息層級(jí)要分明

整個(gè)版式設(shè)計(jì)首先要區(qū)分信息層級(jí)，先區(qū)分清楚商品層、文案層、背景層到底哪個(gè)部分是畫面的重心，哪個(gè)需要著重表現(xiàn)。如果整個(gè)海報(bào)的版式布局比較分散、元素分布過(guò)于平均，會(huì)使用戶不能迅速掌握瀏覽的重心。所以在線上促銷海報(bào)的版式設(shè)計(jì)中，要注意信息區(qū)塊的分層，信息傳達(dá)的越多，主題越不明確，就越不容易達(dá)到明確的效果。F形視覺理論在線上促銷海報(bào)的版式設(shè)計(jì)中有著廣泛的運(yùn)用，在閱讀的時(shí)候，人的視線通常位于網(wǎng)站的上方，其閱讀順序?yàn)橛勺笙蛴?，然后逐漸轉(zhuǎn)移到下一行，再重復(fù)上一個(gè)閱讀順序，然后根據(jù)垂直方向進(jìn)行瀏覽?；谠撘曈X理論，在進(jìn)行版式設(shè)計(jì)時(shí)，應(yīng)當(dāng)根據(jù)內(nèi)容的重要性來(lái)進(jìn)行組合，由上至下、由左至右分別放置重要到次要的內(nèi)容。

3.2要具有節(jié)奏和韻律

節(jié)奏是設(shè)計(jì)元素按規(guī)律的重復(fù)，韻律是每一次重復(fù)的元素都有地相應(yīng)地變化，即版式設(shè)計(jì)中各個(gè)元素的要在親密度上有所區(qū)別。所謂親密度，是指不同元素之間的關(guān)系，有些相關(guān)元素適合緊密排列，而有些元素則需要與其他元素保持距離感。例如，很多線上促銷海報(bào)在版式設(shè)計(jì)時(shí)，都會(huì)把文案層與商品層緊密連接在一起，就是因?yàn)檫@兩個(gè)信息層是相輔相成的，互相烘托，親密度較高，而背景層和其他信息層則要拉開距離感，不能過(guò)于親密。

3.3色彩搭配要合理

一個(gè)好的設(shè)計(jì)應(yīng)該將色彩、圖像、文案等信息合理地綜合到一個(gè)頁(yè)面當(dāng)中，并表達(dá)出主題，這樣整個(gè)設(shè)計(jì)才會(huì)表里如一、主題鮮明。版式設(shè)計(jì)中的色彩并不是用得越多效果就越好，而應(yīng)盡可能地選用和諧的色彩去獲得完美的視覺效果。要使對(duì)比強(qiáng)烈而又和諧統(tǒng)一的色彩畫面更具視覺沖擊力，可以強(qiáng)調(diào)色彩的刺激力度，直接引起人們的注意與情感上的反應(yīng)，使人留下深刻的印象和記憶，并在傳遞信息的同時(shí)給人以美的享受。

4線上促銷海報(bào)中版式設(shè)計(jì)的方法

4.1商品層需要重點(diǎn)突出

線上促銷海報(bào)的目的是吸引點(diǎn)擊、增加銷量，所以商品層是線上促銷海報(bào)中最重要的展示部分，是整個(gè)版式設(shè)計(jì)中需要突出的重點(diǎn)，不管是文案還是背景，都是在為烘托商品而服務(wù)，所以在設(shè)計(jì)上一定要突出產(chǎn)品的主題，讓用戶能夠清楚直接地理解海報(bào)想要表達(dá)的意義，因此在設(shè)計(jì)時(shí)要減少不必要的輔助元素。

4.2文案層要做到視覺清晰

文案層是線上促銷海報(bào)中屬于承前啟后的部分，既要烘托商品，又要展現(xiàn)促銷信息，在版式設(shè)計(jì)的布局中，一定要處在整張海報(bào)中最焦點(diǎn)的位置，并保證其視覺清晰和邏輯清晰。視覺清晰是指，文案層在版式分級(jí)中，要和背景層拉開距離，這就要求文案層要區(qū)別于背景層，版式設(shè)計(jì)中，想要區(qū)分兩個(gè)不同的信息區(qū)塊，利用明度和色相就是最好的區(qū)別方法，否則很難起到吸引目光的作用。文案層的清晰除了要求視覺清晰外，還要求邏輯清晰，首先，字?jǐn)?shù)上不要過(guò)長(zhǎng);其次，要注意邏輯的通順性和吸引力，符合人們內(nèi)心原始欲望的文案，往往更容易驅(qū)動(dòng)人們的購(gòu)買行為。

4.3背景層要降低存在感

背景層的作用主要是烘托氛圍，增加美感，既要和商品層、文案層的風(fēng)格保持統(tǒng)一，又要起到突出主體的作用，背景層一般分為后背景、中背景、前背景。后背景基本是版式設(shè)計(jì)中必不可少的組成部分;中背景更多的是承載著提高信息清晰度的功能，不一定每張促銷海報(bào)都需要，要看海報(bào)整體的設(shè)計(jì)理念和布局;而前背景則是指海報(bào)中前置的裝飾元素，也要看海報(bào)的整體設(shè)計(jì)再確定需不需要放置。

4.4充分利用新媒體特征

隨著科技的發(fā)展，線上促銷海報(bào)區(qū)別于傳統(tǒng)海報(bào)的最重要的一點(diǎn)就是互動(dòng)概念的加入，互動(dòng)性和動(dòng)態(tài)性也成為線上促銷海報(bào)的一個(gè)重要優(yōu)勢(shì)。從前版式設(shè)計(jì)師設(shè)計(jì)紙質(zhì)出版物的版式時(shí)，只需要考慮文字、圖形、圖片等純靜態(tài)的視覺語(yǔ)言元素，數(shù)字媒體的出現(xiàn)對(duì)紙媒的發(fā)展軌跡產(chǎn)生了巨大的沖擊和影響，自此，版式設(shè)計(jì)師們?cè)谶M(jìn)行版式設(shè)計(jì)的時(shí)候，不僅要考慮靜態(tài)的視覺語(yǔ)言元素，還要考慮動(dòng)態(tài)化的視覺語(yǔ)言方式、空間形態(tài)以及與其他信息的鏈接方式。而互動(dòng)性和動(dòng)態(tài)性的加入及應(yīng)用，在很大程度上可以增加用戶的關(guān)注度和點(diǎn)擊意愿，尤其是在版式布局中加入動(dòng)態(tài)元素在會(huì)使整個(gè)線上促銷海報(bào)變得鮮活起來(lái)，吸引更多的用戶。

5線上促銷海報(bào)中版式設(shè)計(jì)案例分析

在互聯(lián)網(wǎng)時(shí)代中，電商行業(yè)的競(jìng)爭(zhēng)極其激烈，線上促銷海報(bào)應(yīng)互聯(lián)網(wǎng)而生，已經(jīng)成為企業(yè)推廣商品的主要傳播途徑，對(duì)線上促銷海報(bào)的巨大需求量造成的直接后果是作品質(zhì)量的良莠不齊，要保持線上促銷海報(bào)的作品質(zhì)量，唯有遵循基本的設(shè)計(jì)原則和設(shè)計(jì)方法。如圖1（a）（b）的海報(bào)效果所示，圖1（a）中的女裝促銷海報(bào)中的版式設(shè)計(jì)，背景層色彩過(guò)于豐富，其視覺集中度甚至超過(guò)了文案層與商品層，導(dǎo)致整張海報(bào)視覺關(guān)系混亂。而圖1（b）的海報(bào)中的版式設(shè)計(jì)，商品層、文案層、背景層層級(jí)分明，視覺關(guān)系清晰明了，用戶能更高效地接收到海報(bào)所傳達(dá)的信息。在遵循了基本設(shè)計(jì)原則和方法的基礎(chǔ)上，再添加互動(dòng)元素或創(chuàng)意圖像元素，則能更加容易吸引用戶的注意，增加點(diǎn)擊率。如圖2海報(bào)中尋寶的情境設(shè)置，配合下方海浪的動(dòng)態(tài)設(shè)計(jì)，能為整張海報(bào)中版式增添不少趣味性。圖3海報(bào)中創(chuàng)意圖像元素的設(shè)計(jì)，也為本來(lái)循規(guī)蹈矩的版式設(shè)計(jì)增色不少。

6結(jié)論

線上促銷海報(bào)中的版式設(shè)計(jì)是將有限的視覺元素在一定的空間中進(jìn)行有機(jī)地排列組合，將理性思維個(gè)性化地表現(xiàn)出來(lái)，其核心功能體現(xiàn)在既可以對(duì)信息行進(jìn)有效整理又可以提高信息傳播效率，其在傳達(dá)信息的同時(shí)，也需產(chǎn)生感官上的美感。現(xiàn)代生活中，我們每天都要面對(duì)眾多信息，這些信息構(gòu)成了生活，同時(shí)也影響著生活，人類對(duì)信息進(jìn)行接收已經(jīng)成為了一種本能，在這一前提下，合理的版式設(shè)計(jì)能夠?qū)π畔?nèi)容進(jìn)行更生動(dòng)化地表達(dá)，不僅可以降低人們對(duì)信息進(jìn)行理解的難度，同時(shí)還能夠提升人們對(duì)信息進(jìn)行接收的興趣。