Banner設計中的視覺表現形式

袁希晨

摘 要：目的：研究Banner設計中的視覺表現形式。方法：從風格表現、排版、色彩及趣味性設計四個方面，分析視覺表現在Banner中的應用。結論：視覺表現對Banner中信息的傳播起確定性作用，設計師應該更注重Banner的視覺表現，設計能抓住用戶的優秀設計。

關鍵詞：Banner；視覺表現；趣味性

Banner最先起源于紙質媒體的大標題廣告，也可作為游行活動中的旗幟。隨著互聯網時代的迅速發展，Banner由于其表現方式直接、簡單被廣泛應用于移動手機端和網頁端界面設計中。

面對日益龐大的網站數量和逐漸興起的移動互聯網應用，人們對于Banner的審美需求也在不斷提高。Banner作為廣告信息傳播的關鍵環節，使命不再只是單純地表達信息，而是需要在快節奏的網絡環境中迅速抓住用戶眼球，提高用戶點擊率，達到雙方共贏的效果。由此，要讓Banner在短時間內表現出效果，其視覺表現形式就顯得尤為重要。

1 Banner的介紹和分類

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

2 Banner設計中的視覺表現形式

2.1 風格表現

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

2.1.1 時尚雜志風

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

2.1.2 復古風

復古風的重點是運用傳統元素和復古圖案使整個畫面呈現出復古的氛圍。在Banner設計中，傳統元素的應用主要是中國漢字的應用和傳統圖案的應用。設計師在設計濃厚中國風色彩的Banner時，往往采用此類風格。例如，端午節粽子Banner的設計。端午節是中國傳統節日，這就要求設計師在設計整張圖的時候考慮到中國傳統習俗。設計師把文案字體采用中國古代漢字，再加上葉子元素的應用，整個Banner有一種水墨畫的感覺。

2.1.3 清新簡約風

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

2.1.4 炫酷風

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

2.2 圖形及文字排版設計

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

2.2.1 整體布局排版

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

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

2.2.2 文字設計

（1）文字排版。Banner中的文字信息傳達應與口語表述相似，需要抑揚頓挫、重點突出地進行。在文字排版上，要求重點突出，大小粗細錯落有致。字與字之間的結構、布局、留白、組織、呼應等要疏密有序。字體保持在兩種左右，加入一些跟內容有關聯的元素或者形狀，可以很好地表達整個設計的情緒。

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

2.3 色彩表現

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

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

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

3 趣味性設計

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

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

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

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

4 結語

信息傳播與視覺表現之間存在千絲萬縷的關系。目前，網絡傳播正在改變著人們的生活方式和生產方式。因此，通過良好的視覺表現讓信息展現在用戶面前，是目前重要的環節和課題。

在信息時代，Banner已經成為互聯網信息傳播的一個主要媒介。設計師在設計Banner的時候，應該考慮字體、色彩、排版等多種因素，分析用戶的心理和使用環境，并結合科學的分析，將信息合理并完美地呈現在用戶的眼前，讓用戶留下深刻的印象。

參考文獻：

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

[2] 郭宇承，劉淼.海報設計中圖形表現形式的創新[J].包裝工程，2014（12）：76-79.

[3] 周睿.信息界面中的Banner設計實例研究[J].工業設計研究，2013（1）：104-105.