Banner 廣告設計技巧及經驗

 　　經常聽到banner這個詞，但是banner是什麼意思呢?引用百度知道的解釋：banner可以作為網站頁面的橫幅廣告，也可以作為游行活動時用的旗幟，還可以是報紙雜志上的大標題。Banner主要體現中心意旨，形象鮮明表達最主要的情感思想或宣傳中心。說通俗一點，banner就是廣告條呗!......

　　經常聽到banner這個詞，但是banner是什麼意思呢?引用百度知道的解釋：banner可以作為網站頁面的橫幅廣告，也可以作為游行活動時用的旗幟，還可以是報紙雜志上的大標題。Banner主要體現中心意旨，形象鮮明表達最主要的情感思想或宣傳中心。說通俗一點，banner就是廣告條呗!

　　隨著網絡的發展，如今，大家最常見的應該就是網頁banner廣告了。對於Banner設計，很多人認為不需要太多的設計思路就可以完成。其實設計banner可能並不難，但是設計一個專業又有視覺沖擊力的banner，還是需要經驗積累的。設計師應該力求自己設計的每個banner都經得起多方面的考驗，在這個小方塊裡真正的做到有板有眼才行。也許很多人會說光設計banner對設計能有多大提高，其實如果你做到能設計好banner，你會慢慢發現做專題，甚至很多產品介紹頁面也會越來越得心應手。今天就給大家分享一篇關於banner文字設計的一些經驗方法的文章，若能認真閱讀，會有所收益的!

　　一.文字的基本排列混搭

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

　　①大小和顏色的混搭

　　②排列組合的混搭

　　③不同字體之間的混搭

　　④中英文字體的混搭

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

　　下面我們可以看一看其他設計師所設計的一些簡單的文字混搭的banner作品：

　　二.文字的傾斜與斜切

　　有時候設計banner，根據背景構圖不同或者我們想要更有視覺沖擊力表現文字內容時，我們可以嘗試對文字進行傾斜或斜切透視等處理，有時候這會更會令你達到意想不到的效果。普通的文字排列平平穩穩，方正有矩，我們可以用傾斜或者斜切打破這種“穩定的構圖”，讓畫面更有動感和層次感。

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

　　三.讓文字形成相對獨立的區域

　　banner設計時，考慮到有些時候背景顏色比較復雜，也可能背景有比較多產品等元素，這時我們需要讓文字放在一個相對獨立的區域或色塊中，如果沒有相對獨立的區域，我們就要自己設計創造出這個獨立區域和色塊，這樣更便於文字閱讀，也能讓文字的視覺焦點加強。例如下圖：

　　四.文字變形的魅力

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

　　同理的文字變形設計延伸：

　　蒙納超剛黑字體下載

　　蒙納超剛黑簡體及蒙納超剛黑繁體下載

　　下面讓我們再來看看其他優秀設計師對於文字變形設計的作品:

　　五.文字的3D應用3D文字效果的應用在banner設計中也十分常見，利用好AI和PS等工具可以制作出令人滿意的3D文字，如果你肯花多一點的時間，在材質或者光影上還可以做到進一步的效果提升。

　　六.生活中的字體元素

　　我們設計歷史文化頻道的banner時，或者當我們設計中國傳統的節日時，經常要用到一些中國風的元素(書法字體、水墨筆觸)，就例如毛筆字。在生活中字體元素，毛筆字、粉筆字、字帖等我們也可以把它們活用在banner中，配合合適的背景和主題，讓你的設計更突顯出banner氣氛。

　　七.猶抱琵琶半遮面

　　banner中，字體的設計一定要清晰，這樣可以便於用戶更流暢的閱讀。不過有時也可以讓文字“半隱半現”，前提當然是在保證沒有閱讀壓力的情況下。“半隱半現”的文字可以讓你設計的banner更生動更有層次感。

　　寫在最後，banner中字體設計相關的學問其實還有很多，這裡只簡單寫了一點自己的經驗心得。以上圖例中有部門是網上收集來的其他優秀設計師的作品，文中借用不甚感激，如有侵權請及時告知，謝謝。