袁希晨

摘 要：目的：研究Banner設(shè)計(jì)中的視覺表現(xiàn)形式。方法：從風(fēng)格表現(xiàn)、排版、色彩及趣味性設(shè)計(jì)四個(gè)方面，分析視覺表現(xiàn)在Banner中的應(yīng)用。結(jié)論：視覺表現(xiàn)對(duì)Banner中信息的傳播起確定性作用，設(shè)計(jì)師應(yīng)該更注重Banner的視覺表現(xiàn)，設(shè)計(jì)能抓住用戶的優(yōu)秀設(shè)計(jì)。

關(guān)鍵詞：Banner；視覺表現(xiàn)；趣味性

Banner最先起源于紙質(zhì)媒體的大標(biāo)題廣告，也可作為游行活動(dòng)中的旗幟。隨著互聯(lián)網(wǎng)時(shí)代的迅速發(fā)展，Banner由于其表現(xiàn)方式直接、簡單被廣泛應(yīng)用于移動(dòng)手機(jī)端和網(wǎng)頁端界面設(shè)計(jì)中。

面對(duì)日益龐大的網(wǎng)站數(shù)量和逐漸興起的移動(dòng)互聯(lián)網(wǎng)應(yīng)用，人們對(duì)于Banner的審美需求也在不斷提高。Banner作為廣告信息傳播的關(guān)鍵環(huán)節(jié)，使命不再只是單純地表達(dá)信息，而是需要在快節(jié)奏的網(wǎng)絡(luò)環(huán)境中迅速抓住用戶眼球，提高用戶點(diǎn)擊率，達(dá)到雙方共贏的效果。由此，要讓Banner在短時(shí)間內(nèi)表現(xiàn)出效果，其視覺表現(xiàn)形式就顯得尤為重要。

1 Banner的介紹和分類

Banner是網(wǎng)絡(luò)中最常見、最有效、最出效果的一種推廣宣傳方式。目前，國內(nèi)軟件主頁都采用Banner來傳達(dá)信息。Banner主要分為購物、宣傳以及展示信息等幾種類別，在B2C和C2C類型的網(wǎng)站中處在顯眼的位置，占有較大尺寸。Banner與傳統(tǒng)的廣告招貼相比有以下幾個(gè)特點(diǎn)：第一，像素受限。Banner應(yīng)用于軟件首頁，需要滿足不同手機(jī)不同尺寸的要求，所以設(shè)計(jì)師在設(shè)計(jì)Banner的時(shí)候往往受到尺寸像素的限制。第二，短暫性。Banner一般多用于促銷廣告，現(xiàn)今，Banner往往只在特定一天或者兩天出現(xiàn)。第三，內(nèi)容受限。每張Banner所要傳達(dá)的內(nèi)容不一樣，這就要求設(shè)計(jì)師在設(shè)計(jì)的時(shí)候充分考慮到需求方要傳達(dá)的信息，不能任由自己意愿發(fā)揮。

2 Banner設(shè)計(jì)中的視覺表現(xiàn)形式

2.1 風(fēng)格表現(xiàn)

風(fēng)格是指某一類事物之間的共性特征。通常情況下，Banner的風(fēng)格多種多樣。設(shè)計(jì)師在設(shè)計(jì)Banner的時(shí)候，受需求方的影響，往往不同訴求的廣告需要不同類型的Banner來烘托不同的氛圍。

2.1.1 時(shí)尚雜志風(fēng)

此類型的Banner采用雜志常用的版面，力求通過雜志的風(fēng)格，營造出高端大氣的感覺。這類型的Banner都有共同的特點(diǎn)，大標(biāo)題、模特。例如，Banner右邊放模特，左邊放文字。文字大小之間形成鮮明的對(duì)比，突出文案的中心內(nèi)容，文字排版和雜志排版基本相同，整體畫面呈現(xiàn)出高貴的感覺。通過氛圍的烘托，使Banner整體感覺符合文案所要表達(dá)的內(nèi)容。

2.1.2 復(fù)古風(fēng)

復(fù)古風(fēng)的重點(diǎn)是運(yùn)用傳統(tǒng)元素和復(fù)古圖案使整個(gè)畫面呈現(xiàn)出復(fù)古的氛圍。在Banner設(shè)計(jì)中，傳統(tǒng)元素的應(yīng)用主要是中國漢字的應(yīng)用和傳統(tǒng)圖案的應(yīng)用。設(shè)計(jì)師在設(shè)計(jì)濃厚中國風(fēng)色彩的Banner時(shí)，往往采用此類風(fēng)格。例如，端午節(jié)粽子Banner的設(shè)計(jì)。端午節(jié)是中國傳統(tǒng)節(jié)日，這就要求設(shè)計(jì)師在設(shè)計(jì)整張圖的時(shí)候考慮到中國傳統(tǒng)習(xí)俗。設(shè)計(jì)師把文案字體采用中國古代漢字，再加上葉子元素的應(yīng)用，整個(gè)Banner有一種水墨畫的感覺。

2.1.3 清新簡約風(fēng)

清新簡約風(fēng)的風(fēng)格就是自然、清新，畫面清爽和唯美。此風(fēng)格在家裝和家居中常見，色調(diào)上多采用綠色、白色等自然色調(diào)，給人清麗、透亮的感覺。

2.1.4 炫酷風(fēng)

這種風(fēng)格多用深色背景，再帶有一些質(zhì)感的元素和光影效果處理。在客戶端大型促銷類Banner，這種風(fēng)格應(yīng)用較多。由于需要在第一時(shí)間抓住用戶眼球，這種風(fēng)格能夠很好地跳出并展現(xiàn)在用戶面前。

2.2 圖形及文字排版設(shè)計(jì)

所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調(diào)整位置、大小，使版面達(dá)到美觀的視覺效果。一個(gè)Banner主要是由文字和圖片構(gòu)成，所以在整體結(jié)構(gòu)上，排版就顯得尤為重要。好的排版能夠讓人眼前一亮，抓住其要表達(dá)的中心思想；而不好的排版則讓用戶找不到重點(diǎn)，不能清晰地表達(dá)信息。

2.2.1 整體布局排版

在嚴(yán)酷的商業(yè)競爭下，用戶并不會(huì)花太多時(shí)間在Banner的信息思考和抉擇上。好的Banner設(shè)計(jì)必須要讓用戶在短時(shí)間內(nèi)產(chǎn)生共鳴和興趣，讓用戶在第一時(shí)間能迅速抓住中心思想。所以Banner的整體布局排版必須遵循一定的規(guī)律，符合主題要求，以免混淆用戶的第一視覺。一張Banner就像一篇文章，有主次之分。設(shè)計(jì)師首先要了解所有信息的關(guān)系，找到核心內(nèi)容，將一張Banner逐層分解，確定信息優(yōu)先級(jí)，并完整地展現(xiàn)在用戶面前。

整體布局排版可遵循以下六個(gè)原則：第一，對(duì)齊原則。Banner中相關(guān)內(nèi)容要對(duì)齊，這樣方便用戶實(shí)現(xiàn)快速移動(dòng)，讓用戶在瀏覽網(wǎng)頁時(shí)，一眼看到重要的信息。第二，聚攏原則。研究表明，用戶在觀看畫面時(shí)更容易被聚集的東西所吸引。設(shè)計(jì)師在設(shè)計(jì)的時(shí)候可以將內(nèi)容劃分為幾個(gè)區(qū)域，將相關(guān)信息都集中在一個(gè)區(qū)域里。合理的布局排列和停頓節(jié)奏有利于用戶抓住信息的重點(diǎn)。第三，留白原則。留白又稱“余玉”，原是中國畫中一個(gè)重要的藝術(shù)表現(xiàn)手法。正如宗白華所言：“留白處并非真空，乃靈氣往來生命流動(dòng)之處。”畫面上適當(dāng)?shù)牧舭?，使畫面不阻塞、不凝滯，仿佛天地間之靈氣自由往來其中，給人無限遐想。在Banner設(shè)計(jì)中亦是如此，畫面留出一定空間，既可減少Banner的壓迫感，又可引導(dǎo)讀者視線，突出重點(diǎn)內(nèi)容。第四，降噪原則。Banner的本身就是一個(gè)小型的廣告海報(bào)設(shè)計(jì)，受大小像素限制，不能任由設(shè)計(jì)師發(fā)揮，設(shè)計(jì)不同的尺寸。因此，在Banner設(shè)計(jì)中，不宜顏色過多、字體過多、圖形過多。這些都分散了用戶的注意力，給用戶帶來了閱讀障礙。第五，重復(fù)原則。設(shè)計(jì)師在排版時(shí)，需要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類型的視覺元素。第六，對(duì)比原則。在設(shè)計(jì)中，強(qiáng)烈的對(duì)比會(huì)讓人視覺甚至心靈上產(chǎn)生沖擊，從而形成用戶記憶，有利于設(shè)計(jì)的傳播與轉(zhuǎn)化。Banner設(shè)計(jì)中，加大不同元素的視覺差異，既增加了Banner的活潑，又突出了視覺重點(diǎn)，方便用戶一眼瀏覽到重要的信息。

2.2.2 文字設(shè)計(jì)

（1）文字排版。Banner中的文字信息傳達(dá)應(yīng)與口語表述相似，需要抑揚(yáng)頓挫、重點(diǎn)突出地進(jìn)行。在文字排版上，要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致。字與字之間的結(jié)構(gòu)、布局、留白、組織、呼應(yīng)等要疏密有序。字體保持在兩種左右，加入一些跟內(nèi)容有關(guān)聯(lián)的元素或者形狀，可以很好地表達(dá)整個(gè)設(shè)計(jì)的情緒。

（2）文字設(shè)計(jì)。Banner的文字信息是其表達(dá)中心思想的靈魂，如果在設(shè)計(jì)文字的時(shí)候全部使用自帶字體，會(huì)使Banner顯得太過生硬，不富有情感。因此，設(shè)計(jì)師在設(shè)計(jì)Banner的時(shí)候應(yīng)該更多地采用字體變形，重新組合。通過不同的筆觸粗細(xì)和寬高比例，展現(xiàn)Banner的視覺沖擊力和活力。優(yōu)秀的文字信息設(shè)計(jì)不僅可以吸引用戶，還可以激發(fā)用戶的情感。但是在設(shè)計(jì)的過程中，還需要注意文字的可讀性和易讀性?？勺x性可激發(fā)用戶的興趣和關(guān)注。易讀性在很大程度上決定了信息傳達(dá)的成敗。因此，在設(shè)計(jì)Banner的時(shí)候，標(biāo)題類文字可著重于其可讀性，而內(nèi)容類信息傳達(dá)則應(yīng)該更注重其易讀性。

2.3 色彩表現(xiàn)

作為信息的載體，色彩不僅僅是一個(gè)獨(dú)立的主體，也承載著信息的傳遞。每種色彩都會(huì)因?yàn)樯唷⒚鞫?、純度的不同，表現(xiàn)出不同的色彩感，不同的色彩有不同的情感和象征性，所以它們傳遞給用戶的感知信息也會(huì)有所差異。例如，紅色是引人注目的色彩，具有強(qiáng)烈的感染力，它是火（下轉(zhuǎn)第頁）（上接第頁）的色、血的色，象征著熱情、喜慶和幸福；藍(lán)色則是天空的顏色，象征著和平、安靜、純潔和理智，另一方面又有消極、冷淡、保守等意味。用戶對(duì)色彩信息的感知受時(shí)代、地域、民族、歷史、宗教、文化、風(fēng)俗等影響。因此設(shè)計(jì)師有必要了解受眾的需求、習(xí)俗、態(tài)度以及Banner最終的使用場景。

在嚴(yán)酷的商業(yè)競爭下，用戶瀏覽網(wǎng)頁的時(shí)間一般只有短短幾秒鐘的時(shí)間。色彩是人類對(duì)畫面最直觀的感受，這就要求設(shè)計(jì)師必須在較短的時(shí)間內(nèi)讓用戶產(chǎn)生共鳴，并讓用戶快速理解信息中的意思。

在Banner的色彩選擇上，電器類Banner主色調(diào)主要應(yīng)用藍(lán)色和黑色，藍(lán)色給人科技感，而黑色又給人以神秘的感覺；護(hù)膚品類Banner常采用綠色和白色，綠色像大自然的顏色，被視為生命的顏色，給用戶帶來清新自然的感覺；商品類Banner則經(jīng)常選用暖色調(diào)色系，暖色系給人溫暖，誘人的感覺，讓用戶有點(diǎn)擊的欲望；而在一些奢侈品Banner中，設(shè)計(jì)師會(huì)運(yùn)用金色和銀色，這兩種顏色象征著富貴和財(cái)富，潛移默化中體現(xiàn)產(chǎn)品的檔次；食品類Banner會(huì)使用橙色，橙色是豐收的感覺，勾起用戶的味蕾。

3 趣味性設(shè)計(jì)

由于當(dāng)代社會(huì)的多重因素互相作用，趣味性設(shè)計(jì)已經(jīng)成為不可避免的發(fā)展趨勢(shì)，可以引發(fā)人們的興趣，讓人獲得極大的精神滿足與愉悅感。一個(gè)優(yōu)秀的設(shè)計(jì)作品，是需要達(dá)到一定的戲劇效果的。通過創(chuàng)新的趣味性設(shè)計(jì)，滿足社會(huì)大部分人的需求，使大眾更愿意使用，并且樂在其中，感受到強(qiáng)烈的心理需求，這樣的設(shè)計(jì)作品才是最具有吸引力的作品。

馬斯洛認(rèn)為：人在自我實(shí)現(xiàn)的創(chuàng)造性過程中，產(chǎn)生出一種所謂的高峰體驗(yàn)的情感，這個(gè)時(shí)候是最激蕩人心的時(shí)刻，是人存在的最高、最完美、最和諧的狀態(tài)，這時(shí)的人欣喜若狂、如癡如醉，正是這種設(shè)計(jì)的參與性增添了趣味性，從而使設(shè)計(jì)更有生命力和活力，成為人們自我實(shí)現(xiàn)的一種創(chuàng)造性過程，并成為不斷吸引人的一種有效手段。

尼采說：藝術(shù)是生命的興奮劑。生命將蘊(yùn)含并體現(xiàn)于人類對(duì)物的設(shè)計(jì)和使用過程中。設(shè)計(jì)師的工作即是使人們通過對(duì)趣味性作品的體驗(yàn)，從高度緊張的工作狀態(tài)中解放出來，使人的心理更加愉悅和健康，更加豐富人類的情感。

在Banner的設(shè)計(jì)中，同樣也需要趣味性設(shè)計(jì)。優(yōu)秀的Banner設(shè)計(jì)就是在傳達(dá)文案的同時(shí)，讓人看后會(huì)心一笑，帶給人額外的愉悅感，給人超出預(yù)期的感受。例如，一組鞋子的Banner設(shè)計(jì)，鞋子加上手，看起來就好像是一個(gè)人，把鞋子擬人化，用戶看后會(huì)覺得有樂趣；雨靴的Banner設(shè)計(jì)，雨靴可以為你抵擋住風(fēng)雨的侵襲，把雨靴比作一個(gè)撐傘的人，更加直觀明了地表達(dá)了雨靴的作用，同時(shí)又給用戶以趣味性。

4 結(jié)語

信息傳播與視覺表現(xiàn)之間存在千絲萬縷的關(guān)系。目前，網(wǎng)絡(luò)傳播正在改變著人們的生活方式和生產(chǎn)方式。因此，通過良好的視覺表現(xiàn)讓信息展現(xiàn)在用戶面前，是目前重要的環(huán)節(jié)和課題。

在信息時(shí)代，Banner已經(jīng)成為互聯(lián)網(wǎng)信息傳播的一個(gè)主要媒介。設(shè)計(jì)師在設(shè)計(jì)Banner的時(shí)候，應(yīng)該考慮字體、色彩、排版等多種因素，分析用戶的心理和使用環(huán)境，并結(jié)合科學(xué)的分析，將信息合理并完美地呈現(xiàn)在用戶的眼前，讓用戶留下深刻的印象。

參考文獻(xiàn)：

[1] 李婧婧，韓靜華.基于Banner的視覺傳達(dá)設(shè)計(jì)[J].包裝工程，2016（4）：55-58.

[2] 郭宇承，劉淼.海報(bào)設(shè)計(jì)中圖形表現(xiàn)形式的創(chuàng)新[J].包裝工程，2014（12）：76-79.

[3] 周睿.信息界面中的Banner設(shè)計(jì)實(shí)例研究[J].工業(yè)設(shè)計(jì)研究，2013（1）：104-105.