淺析線上促銷海報中的版式設(shè)計

張曉明

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

1線上促銷海報概述

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

2線上促銷海報中版式設(shè)計的特征

2.1傳播形式更具多樣性

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

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

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

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

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

3線上促銷海報中版式設(shè)計的原則

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

3.1信息層級要分明

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

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

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

3.3色彩搭配要合理

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

4線上促銷海報中版式設(shè)計的方法

4.1商品層需要重點突出

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

4.2文案層要做到視覺清晰

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

4.3背景層要降低存在感

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

4.4充分利用新媒體特征

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

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

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

6結(jié)論

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