淘寶Banner廣告文字處理知識(shí)(8)

關(guān)于banner設(shè)計(jì)的話題相信之前已經(jīng)有很多設(shè)計(jì)師發(fā)表過自己的經(jīng)驗(yàn)分享，讓人看完以后也是感慨良多、受益匪淺。但是這并不妨礙我們?cè)僖淮翁崞疬@個(gè)話題，每個(gè)設(shè)計(jì)師的工作方法和設(shè)計(jì)的切入角度都是不同的，今天我想跟大家著重談?wù)刡anner中的文字設(shè)計(jì)，如何設(shè)計(jì)好banner中的文字，讓文字和其他元素相輔相成達(dá)到和諧的統(tǒng)一。就算只是拋磚引玉，能讓大家得到一絲共鳴，產(chǎn)生舉一反三的作用，也是非常欣慰的。

對(duì)于Banner設(shè)計(jì)，很多人理解為是信手拈來，不需要太多的設(shè)計(jì)思路就可以完成，這是有必要訂正一下的。設(shè)計(jì)banner可能并不難，但是設(shè)計(jì)一個(gè)稱職又有視覺沖擊力的banner，還是需要經(jīng)驗(yàn)積累的。設(shè)計(jì)師應(yīng)該力求自己設(shè)計(jì)的每個(gè)banner都經(jīng)得起多方面的考驗(yàn)，在這個(gè)小方塊里真正的做到有板有眼才行。也許很多人會(huì)說光設(shè)計(jì)banner對(duì)設(shè)計(jì)能有多大提高，其實(shí)如果你做到能設(shè)計(jì)好banner，你會(huì)慢慢發(fā)現(xiàn)做專題，甚至很多產(chǎn)品介紹頁面也會(huì)越來越得心應(yīng)手。接下來，我就跟大家談一談自己對(duì)于banner的中文字設(shè)計(jì)的一些經(jīng)驗(yàn)方法，如有紕漏或者不同觀點(diǎn)，謝謝指正。

一.文字的基本排列混搭

設(shè)計(jì)banner時(shí)候，千萬不要不加思索的就把一行文字硬生生的放上去，那會(huì)讓你的banner直接顯得呆板木訥。往往很多新手設(shè)計(jì)師容易犯這樣的錯(cuò)，就算字體顏色樣式處理的很好，也會(huì)看上去很無趣、很僵硬。這時(shí)候我們就需要做一些文字排列混搭的設(shè)計(jì)：

①大小和顏色的混搭

②排列組合的混搭

③不同字體之間的混搭

④中英文字體的混搭

以上都是一些常見的處理方式。當(dāng)然這也是banner文字設(shè)計(jì)的基礎(chǔ)，其他很多的文字處理方式都建立在混搭的基礎(chǔ)中，所以做好混搭的重要性就不言而喻了。

上圖文字沒有進(jìn)行什么混搭，顯得文字有些呆板；下圖中文字進(jìn)行了一些大小和排列的混搭，更能體現(xiàn)所要展現(xiàn)的氣氛。

下面我們可以看一看其實(shí)設(shè)計(jì)師所設(shè)計(jì)的一些簡單的文字混搭的banner作品：

二.文字的傾斜與斜切

有時(shí)候設(shè)計(jì)banner，根據(jù)背景構(gòu)圖不同或者我們想要更有視覺沖擊力表現(xiàn)文字內(nèi)容時(shí)，我們可以嘗試對(duì)文字進(jìn)行傾斜或斜切透視等處理，有時(shí)候這會(huì)更會(huì)令你達(dá)到意想不到的效果。普通的文字排列平平穩(wěn)穩(wěn)，方正有矩，我們可以用傾斜或者斜切打破這種“穩(wěn)定的構(gòu)圖”，讓畫面更有動(dòng)感和層次感。

上面的2個(gè)banner是利用了文字傾斜的效果，下面的3個(gè)banner同時(shí)利用了斜切的效果。文字利用了傾斜和斜切效果后，讓文字和整個(gè)畫面一下活潑起來，更能勾起了用戶的閱讀欲望。

三.讓文字形成相對(duì)獨(dú)立的區(qū)域

banner設(shè)計(jì)時(shí)，考慮到有些時(shí)候背景顏色比較復(fù)雜，也可能背景有比較多產(chǎn)品等元素，這時(shí)我們需要讓文字放在一個(gè)相對(duì)獨(dú)立的區(qū)域或色塊中，如果沒有相對(duì)獨(dú)立的區(qū)域，我們就要自己設(shè)計(jì)創(chuàng)造出這個(gè)獨(dú)立區(qū)域和色塊，這樣更便于文字閱讀，也能讓文字的視覺焦點(diǎn)加強(qiáng)。例如下圖：

四.文字變形的魅力

設(shè)計(jì)banner和專題頭圖時(shí)，設(shè)計(jì)師經(jīng)常用到文字變形，好的文字變形直接可以影響到文字的趣味性的提升，讓banner和頁面的氣氛被烘托得相得益彰。很多設(shè)計(jì)師感覺設(shè)計(jì)banner只是個(gè)小工作，用不到文字變形那么麻煩，其實(shí)不盡然，選好合適的參照字體進(jìn)行簡單的文字變形并沒有多么復(fù)雜，但是卻能提升banner設(shè)計(jì)的品質(zhì)，所以說益處良多。下面我先給大家舉個(gè)工作中設(shè)計(jì)的小例子：

同理的文字變形設(shè)計(jì)延伸：

下面讓我們?cè)賮砜纯雌渌麅?yōu)秀設(shè)計(jì)師對(duì)于文字變形設(shè)計(jì)的作品:

五.文字的3D應(yīng)用

3D文字效果的應(yīng)用在banner設(shè)計(jì)中也十分常見，利用好AI和PS等工具可以制作出令人滿意的3D文字，如果你肯花多一點(diǎn)的時(shí)間，在材質(zhì)或者光影上還可以做到進(jìn)一步的效果提升。下面讓我們看一些優(yōu)秀設(shè)計(jì)師設(shè)計(jì)的3D字體樣式banner：

六.生活中的字體元素

我們?cè)O(shè)計(jì)歷史文化頻道的banner時(shí)，或者當(dāng)我們?cè)O(shè)計(jì)中國傳統(tǒng)的節(jié)日時(shí)，經(jīng)常要用到一些中國風(fēng)的元素，就例如毛筆字。在生活中字體元素，毛筆字、粉筆字、字帖等我們也可以把它們活用在banner中，配合合適的背景和主題，讓你的設(shè)計(jì)更突顯出banner氣氛。

上面的2個(gè)banner是利用了粉筆字的設(shè)計(jì)效果，突出了年輕，活力；下面的3個(gè)banner使用了毛筆字，字帖等中國風(fēng)的字體效果，體現(xiàn)出文化，品味和底蘊(yùn)的感覺。

七.猶抱琵琶半遮面

banner中，字體的設(shè)計(jì)一定要清晰，這樣可以便于用戶更流暢的閱讀。不過有時(shí)也可以讓文字“半隱半現(xiàn)”，前提當(dāng)然是在保證沒有閱讀壓力的情況下。“半隱半現(xiàn)”的文字可以讓你設(shè)計(jì)的banner更生動(dòng)更有層次感。

文字的下方部分被隱藏住，但是并沒有妨礙閱讀，反而讓文字有了種融入背景環(huán)境的感覺。

文字的左邊緣被上一個(gè)字壓住，有種層疊的感覺，讓文字的排列更顯層次。

寫在最后，banner中字體設(shè)計(jì)相關(guān)的學(xué)問其實(shí)還有很多，我這里只簡單寫了一點(diǎn)自己的經(jīng)驗(yàn)心得。以上圖例中有部門是網(wǎng)上收集來的其他優(yōu)秀設(shè)計(jì)師的作品，文中借用不甚感激，如有侵權(quán)請(qǐng)及時(shí)告知，謝謝。