淺談界面設(shè)計(jì)中banner的文字設(shè)計(jì)技巧

程 誼 （湖南文理學(xué)院 415000）

淺談界面設(shè)計(jì)中banner的文字設(shè)計(jì)技巧

程 誼 （湖南文理學(xué)院 415000）

在互聯(lián)網(wǎng)時(shí)代，Banner是互聯(lián)網(wǎng)廣告中最基本的廣告形式，而文字在Banner中的信息傳遞作用非常之大，Banner設(shè)計(jì)中文字表現(xiàn)直接影響廣告效果。本文簡(jiǎn)要分析和總結(jié)了Banner設(shè)計(jì)中文字設(shè)計(jì)的作用、原則，重點(diǎn)從文字造型變化、排列變化等方面闡述Banner設(shè)計(jì)中的文字表現(xiàn)，以期為Banner設(shè)計(jì)提供有益的參考。

界面設(shè)計(jì)；banner設(shè)計(jì)；原則方法；設(shè)計(jì)技巧

Banner是商家在互聯(lián)網(wǎng)上網(wǎng)頁(yè)上做商業(yè)廣告的圖片，是新時(shí)期互聯(lián)網(wǎng)廣告中最基本的最常見(jiàn)的廣告形式。設(shè)計(jì)banner并不難，但是要設(shè)計(jì)一個(gè)具有視覺(jué)沖擊力的banner，能在最短的時(shí)間內(nèi)抓住用戶的眼球，引發(fā)用戶強(qiáng)烈的點(diǎn)擊欲望，還是需要一定經(jīng)驗(yàn)和技巧的。文字表現(xiàn)是Banner設(shè)計(jì)中的核心要素之一，如何把文字表現(xiàn)作用發(fā)揮到極致，使Banner達(dá)到讓客戶和受眾都滿意的廣告效果還是值得業(yè)界人士認(rèn)真研究的課題。

一、Banner的特點(diǎn)

互聯(lián)網(wǎng)時(shí)代，Banner是網(wǎng)站最主要的宣傳窗口，是網(wǎng)絡(luò)中最常見(jiàn)最有效的宣傳廣告形式方式。和傳統(tǒng)紙媒廣告相比，Banner具有以下特點(diǎn)：

1.Banner大小有限制。為節(jié)約帶寬，受眾點(diǎn)擊后反應(yīng)速度快，所以，一般都限制Banner大小。

2.Banner呈現(xiàn)時(shí)間短。Banner呈現(xiàn)時(shí)間非常短，甚至只有1秒到數(shù)秒鐘時(shí)間，主要用于短期活動(dòng)和產(chǎn)品推廣。

3.Banner尺寸要求準(zhǔn)。頁(yè)面面積有限，所以Banner在頁(yè)面上的預(yù)留位置的尺寸大小非常精確，要求精確到像素。

二、Banner中的文字

1.Banner中的文字作用

文字設(shè)計(jì)是Banner中最直觀、最明了、最迅速的一種信息載體，具有表達(dá)情感意象和傳播信息功能。文字脫離圖片可以傳播信息，但圖片脫離文字也可以傳達(dá)信息，但很難準(zhǔn)確傳達(dá)信息，所以說(shuō)文字是Banner設(shè)計(jì)的核心要素。所以Banner中的文字設(shè)計(jì)要體現(xiàn)應(yīng)用性和藝術(shù)性，既要便于人們視覺(jué)識(shí)別，又要給人們視覺(jué)審美感受，實(shí)現(xiàn)文字傳遞信息的最佳效果。

2.Banner中的文字組成

Banner中的文字由主題文字和輔助文字組成。主題文字，字體要大、顏色要醒目，主題文字處理要飽滿集中，增強(qiáng)主題的視覺(jué)張力效果。副標(biāo)題從內(nèi)容和形式上都起到輔助主標(biāo)題的作用。文字都要有藝術(shù)性，要根據(jù)Banner所要表達(dá)的主題，來(lái)確定設(shè)計(jì)風(fēng)格，選擇不同的字體；當(dāng)然也要根據(jù)Banner所宣傳的受眾群來(lái)進(jìn)行文字設(shè)計(jì)，要投其所好，取得預(yù)期廣告投放效果。主題文字和輔助文字在整個(gè)Banner中要主次明顯，斷詞也要藝術(shù)巧妙，文字集中，文字與輔助圖案要相互呼應(yīng)，有和諧統(tǒng)一之美感。

三、Banner文字設(shè)計(jì)的原則

1.文字信息的準(zhǔn)確性。文字要準(zhǔn)確地傳達(dá)字義、詞義，能準(zhǔn)確地傳播作者的意圖、產(chǎn)品信息、促銷信息，文字的整體設(shè)計(jì)，能給人以清晰確切的視覺(jué)印象，準(zhǔn)確地反映訴求內(nèi)容。

2.文字風(fēng)格的創(chuàng)意性。文字設(shè)計(jì)有獨(dú)創(chuàng)性，字體風(fēng)格要求獨(dú)特新穎，既能體現(xiàn)文字的含義，又能給人以別樣的視覺(jué)感受；字體設(shè)計(jì)既要切合Banner主題，又能給人一種節(jié)奏韻律美感。

3.文字設(shè)計(jì)的視覺(jué)性。文字是整個(gè)Banner畫面中的主要元素，文字在字體、顏色、大小等方面都要表現(xiàn)出一種視覺(jué)美感，給人一種賞心悅目的感受。

4.文字設(shè)計(jì)的適用性。Banner的呈現(xiàn)載體有PC端和移動(dòng)端，所以在設(shè)計(jì)Banner圖時(shí)，要適應(yīng)多種界面的傳播，達(dá)到清晰準(zhǔn)確、不失真的程度。

四、Banner文字設(shè)計(jì)的表現(xiàn)方法

1.字體的傾斜切割

在文字和圖形布局是橫平豎直的界面中，如果普通文字排列平平穩(wěn)穩(wěn)，方正有矩，整個(gè)Banner就會(huì)顯得呆板木訥、毫無(wú)生氣。如果對(duì)文字進(jìn)行傾斜或斜切透視等處理，打破“構(gòu)圖穩(wěn)定”的局面，讓畫面產(chǎn)生動(dòng)感和層次感，讓文字和整個(gè)畫面一下活潑起來(lái)，展現(xiàn)出一種活力、視覺(jué)沖擊力，勾起了用戶的閱讀欲望，能有效提升banner設(shè)計(jì)的品質(zhì)和品位。

2.文字的字體變形

設(shè)計(jì)banner和專題頭圖時(shí)，可以選好合適的參照字體進(jìn)行簡(jiǎn)單的文字變形。文字變形要隨意變形，就是根據(jù)文字的具體含義來(lái)設(shè)計(jì)字形，如在文字排版時(shí)，要打破字體的沉默，長(zhǎng)短粗細(xì)變換自如，對(duì)關(guān)鍵字加粗或加色，在實(shí)際操作過(guò)程中把文字看作圖形，注意整個(gè)字體排版的走向。

3.字體的立體效果

3D字體，字體和背景的虛實(shí)對(duì)比形成強(qiáng)烈的反差，增強(qiáng)字體的立體效果，給人一種體量感和視覺(jué)震撼力。在banner設(shè)計(jì)中，應(yīng)用3D文字是非常普遍的，使3D文字成為畫面的視覺(jué)焦點(diǎn)。

4.字體的肌理變化。Banner中的文字字體可以增加一些肌理效果，但字體肌理要切合主題，可闡明主題，烘托出Banner的主題設(shè)計(jì)氛圍。如慶祝教師節(jié)的字體如果選用粉筆肌理就就比較合適，慶祝圣誕節(jié)的字體就要制作雪的肌理。

5.字體的排列變化

Banner中的文字在排列時(shí)，要注意大小對(duì)比、字間疏密對(duì)比、字體顏色對(duì)比和字體結(jié)構(gòu)對(duì)比，也要注意文字排列次序和文字筆畫粗細(xì)，體現(xiàn)設(shè)計(jì)師的思想情感和文字的節(jié)奏和韻律。如主標(biāo)題要大而醒目，顏色純度和飽和度都要高；副標(biāo)題起到輔助主標(biāo)題的作用，字體大小和顏色濃淡一般都相對(duì)較為弱化。整體形成虛實(shí)、強(qiáng)弱的節(jié)奏感，營(yíng)造舒適的視覺(jué)空間。如果主標(biāo)太長(zhǎng)，需求方又不允許縮減文字，這時(shí)就要對(duì)主標(biāo)中的重要關(guān)鍵字進(jìn)行權(quán)重，突出主要的信息，弱化信息量不大的詞。如果文字太短、畫面太空，設(shè)計(jì)師可以在畫面的適當(dāng)位置加入英文、域名等輔助信息，以此來(lái)豐富畫面。

6.文字的“半隱半現(xiàn)”

banner中，字體設(shè)計(jì)一定要清晰，便于流暢閱讀。字體設(shè)計(jì)一定要配合背景和主題，讓banner氣氛突顯，如在影響閱讀的前提下，讓文字猶抱琵琶半遮面，“半隱半現(xiàn)”，文字可以使banner更生動(dòng)、更有層次感。如圖一中的文字：“暴雨洪澇災(zāi)害”六個(gè)字的下部被洪水隱藏，既不妨礙閱讀又讓文字融入背景環(huán)境，給人一種身臨其境的感覺(jué)。

圖一

互聯(lián)網(wǎng)時(shí)代，Banner設(shè)計(jì)會(huì)越來(lái)越普遍。設(shè)計(jì)師掌握好Banner文字設(shè)計(jì)的主要原則，靈活運(yùn)用各種Banner文字設(shè)計(jì)的表現(xiàn)方法，使Banner文字以新穎獨(dú)特的具有視覺(jué)沖擊力的視覺(jué)效果來(lái)傳遞信息，Banner一定會(huì)受到客戶的歡迎和受眾的喜愛(ài)。

[1]楊光英.網(wǎng)絡(luò)廣告設(shè)計(jì)[M].機(jī)械工業(yè)出版社，2005.

[2]王愉，隋涌.論網(wǎng)頁(yè)視覺(jué)要素設(shè)計(jì)[J].北京印刷學(xué)院學(xué)報(bào)，2005（4）.

[3]高悅.淺析網(wǎng)頁(yè)界面設(shè)計(jì)中的美[J].神州，2012（28）