【 設計理論】詳細解析Banner設計中的中文字體設計

詳細解析Banner設計中的中文字體設計

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

教學大綱:

筒子們好,今天我們一起來探討一下Banner的設計,在這一次的教程中我會介紹一些平時總結下來的可以讓banner迅速達成效果的簡單小竅門,如果你在平時有大量的banner設計工作,並且總覺得時間不夠用,那麼希望本次的教程可以幫助到你。


設計理論教學開始

筒子們好,今天我們一起來探討一下Banner的設計,在這一次的教程中我會介紹一些平時總結下來的可以讓banner迅速達成效果的簡單小竅門,如果你在平時有大量的banner設計工作,並且總覺得時間不夠用,那麼希望本次的教程可以幫助到你。

好了,那麼我們進入正題。

首先讓我們認識一下banner,平時大家在各種網站或者移動端的app里經常可以見到,印象里他們大都長這個樣子:

詳細解析Banner設計中的中文字體設計

當然了,這就是我們常說的banner,但其實banner還有幾個遠房表兄、同父異母什麼的兄弟姐妹們,它們可能長這個樣子:

詳細解析Banner設計中的中文字體設計

恩……其實以上這些在廣義上來說都可以歸納為Banner,就形狀來說現在的banner也已經不再局限於從前大家所理解和看到的那些出現在固定廣告位的長條形廣告了,他可以是長的、方的、必要的時候也可以是其他什麼亂七八糟的形狀,總之,不管是側邊欄廣告、焦點圖、專題頁的頭圖、我們都可以理解為是banner,在設計方法上,其實都是共通的。如果要是分類的話其實可以大概分為兩類:

促使點擊

渲染氣氛

第一種就是大家經常在各種大大小小的網站都能看到的廣告banner或者焦點圖,她們有大有小可長可短,但是他們共同的作用就是通過各種方式引導你去點擊。

詳細解析Banner設計中的中文字體設計

通常你在做這種類型的banner時,一般會是上圖這個場面。

第二種大家通常可以在各種遊戲網站,房地產網站,各種活動專題頁中見到,也就是大家常說的頭圖,這種類型的banner通常並不是引導用戶去觸發點擊,而是服務於內容,為整個頁面做好氣氛的渲染。

詳細解析Banner設計中的中文字體設計

通常你在做這種類型的banner時,一般會是上圖這個場面

說這麼多,其實我是希望通過這種介紹和分類方式,讓大家在拿到設計需求時可以確定一個正確的設計方向,降低設計成本,從而提高工作效率。

下面我們介紹幾個設計小竅門,也許通過這些方法可以讓你在最短的時間內有效的達成效果。

首先我們來說一下字體和字形,大家都知道我們從圖形上解讀信息的能力是要大於單純的閱讀文字,但是在banner的設計中,大多數情況下我們都是通過文字來了解信息,圖片只是起到一個襯托的作用,在我自己平時做banner的時間分配里對字形的處理可能要佔到百分之五十甚至更多的時間,所以今天我們重點來說一下這方面的處理技巧。

一、鋼筆造字

鋼筆造字是在做字形設計上一個比較討巧的方法,但卻又十分有效。對平時沒有太多字形設計經驗的同學來說非常適合的,只要你了解基本的字形設計規律(筆畫的粗細,字體的重心等),那麼此方法可以讓你快速的讓banner高大上起來,具體的設計方法大家可以移步字形設計大師劉兵克老濕的設計教程:http://v.youku.com

詳細解析Banner設計中的中文字體設計

二、筆畫鏈接

當你沒有時間完整的設計banner上字體的字形時,筆畫鏈接未嘗不是一種好的方法,在做筆畫鏈接時只有合理的安排需要鏈接的筆畫,做到不突兀,不影響易讀性,那麼都會出來一個比較好的視覺效果,在做筆畫連接的時候我推薦大家使用一些筆畫粗細比較統一的非襯線字體比方說雅黑、悅黑、幼圓等等。

詳細解析Banner設計中的中文字體設計

三、隨“意”變形

顧名思義就是根據文字的具體含義來設計字形的一種方法,當上面介紹的兩種技巧都讓你感覺頭大的時候不妨試試這種處理技巧,你只需要腦洞大開,了解文字的具體含義並用相應的圖形在文字上加以體現就可以了,就醬簡單!

詳細解析Banner設計中的中文字體設計

四、3D

如果要在banner中想突出文字,把文字做成3D效果可謂是最“粗暴”的一種解決方法,只要處理方法得當也可以達到很好的效果,如何處理3D這種細節問題這裡就不提及了,網上有大堆大堆的教程可供參考。切記,處理3D文字的時配色是關鍵,稍不注意就會顯得山寨和俗氣。

詳細解析Banner設計中的中文字體設計

好了,以上是一些在設計banner時可以用到的字形設計技巧,可能有童鞋要說我平時banner的設計工作很繁重,時間也很緊張,沒有精力去做字形,或者由於版權的問題,在大多數情況下不得不使用那麼幾種字體,像這樣的情況有沒有好的辦法讓banner中的文字出效果呢。答案當然是有啦,下面就給大家介紹幾個方法。看看如何在使用簡單的默認字體的同時打破字體的沉默。

字體如何打破沉默——不破不立

看到沒有,同樣是簡單的字體,只是打破了整段的文字,做單個字體的傾斜,整體看起來就活潑跳動了很多,或者可以做單個字體的疊加,凹凸效果同樣可以讓簡單的默認字體變得跳躍起來。

詳細解析Banner設計中的中文字體設計

如何打破字體的沉默——空間獨立

說起這種方法我們就不得不提到banner中的空間關係,在設計banner時通常我們如果我們想突出文字,那麼就要使文字和背景拉開空間,而為文字做一個簡單的純色底色不可謂不是一個省事的辦法。

詳細解析Banner設計中的中文字體設計

如何打破字體的沉默——斜能壓正

文字必須橫平豎直才是最好看的嘛?當然不是,在一些設計中一個傾斜的文字排版不僅可以打破默認字體的沉默還可以幫助整個畫面的構圖,真是百試不爽。

詳細解析Banner設計中的中文字體設計

如何打破字體的沉默——長短粗細變換自如

通常我們在做一段文字的排版時,經常會根據段落中的關鍵字做相印的加粗或者高亮,這種方法看似簡單,但是在實際操作的過程中稍有不當就會導致整段字體看起來凌亂不堪,其實只要設計的時候把文字看作圖形,注意整個字體排版的走向是否有規律可循就容易很多。

詳細解析Banner設計中的中文字體設計

OK,以上就是今天為大家總結的一些字形與字體的處理方法,希望對大家有所啟發,在banenr的設計中還有很多種有效的技巧可以用到,如果你有什麼特別的技巧也可以告訴我們。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 詳細解析Banner設計中的中文字體設計