筒子們好，今天創(chuàng)新互聯(lián)一起來探討一下Banner的設(shè)計(jì)，在這一次的教程中我會(huì)介紹一些平時(shí)總結(jié)下來的可以讓banner迅速達(dá)成效果的簡單小竅門，如果你在平時(shí)有大量的banner設(shè)計(jì)工作，并且總覺得時(shí)間不夠用，那么希望本次的教程可以幫助到你。

好了，那么我們進(jìn)入正題。

首先讓我們認(rèn)識(shí)一下banner，平時(shí)大家在各種網(wǎng)站或者移動(dòng)端的app里經(jīng)常可以見到，印象里他們大都長這個(gè)樣子：

當(dāng)然了，這就是我們常說的banner，但其實(shí)banner還有幾個(gè)遠(yuǎn)房表兄、同父異母什么的兄弟姐妹們，它們可能長這個(gè)樣子：

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

1.“促使點(diǎn)擊”

2.“渲染氣氛”

第一種就是大家經(jīng)常在各種大大小小的網(wǎng)站都能看到的廣告banner或者焦點(diǎn)圖，她們有大有小可長可短，但是他們共同的作用就是通過各種方式引導(dǎo)你去點(diǎn)擊。

通常你在做這種類型的banner時(shí)，一般會(huì)是上圖這個(gè)場面。

第二種大家通?？梢栽诟鞣N游戲網(wǎng)站，房地產(chǎn)網(wǎng)站，各種活動(dòng)專題頁中見到，也就是大家常說的頭圖，這種類型的banner通常并不是引導(dǎo)用戶去觸發(fā)點(diǎn)擊，而是服務(wù)于內(nèi)容，為整個(gè)頁面做好氣氛的渲染。

通常你在做這種類型的banner時(shí)，一般會(huì)是上圖這個(gè)場面

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

下面我們介紹幾個(gè)設(shè)計(jì)小竅門，也許通過這些方法可以讓你在最短的時(shí)間內(nèi)有效的達(dá)成效果。

首先我們來說一下字體和字形，大家都知道我們從圖形上解讀信息的能力是要大于單純的閱讀文字，但是在banner的設(shè)計(jì)中，大多數(shù)情況下我們都是通過文字來了解信息，圖片只是起到一個(gè)襯托的作用，在我自己平時(shí)做banner的時(shí)間分配里對(duì)字形的處理可能要占到百分之五十甚至更多的時(shí)間，所以今天創(chuàng)新互聯(lián)重點(diǎn)來說一下這方面的處理技巧。

1.鋼筆造字

鋼筆造字是在做字形設(shè)計(jì)上一個(gè)比較討巧的方法，但卻又十分有效。對(duì)平時(shí)沒有太多字形設(shè)計(jì)經(jīng)驗(yàn)的同學(xué)來說非常適合的，只要你了解基本的字形設(shè)計(jì)規(guī)律（筆畫的粗細(xì)，字體的重心等），那么此方法可以讓你快速的讓banner高大上起來，具體的設(shè)計(jì)方法大家可以移步字形設(shè)計(jì)大師@劉兵克老濕的設(shè)計(jì)教程：http://v.youku.com/v_#sql_#sql_show##/id_XNDI4MDMwMTg4.html

2.筆畫鏈接

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

3. 隨“意”變形

顧名思義就是根據(jù)文字的具體含義來設(shè)計(jì)字形的一種方法，當(dāng)上面介紹的兩種技巧都讓你感覺頭大的時(shí)候不妨試試這種處理技巧，你只需要腦洞大開，了解文字的具體含義并用相應(yīng)的圖形在文字上加以體現(xiàn)就可以了，就醬簡單！

4. 3D

如果要在banner中想突出文字，把文字做成3D效果可謂是最“粗暴”的一種解決方法，只要處理方法得當(dāng)也可以達(dá)到很好的效果，如何處理3D這種細(xì)節(jié)問題這里就不提及了，網(wǎng)上有大堆大堆的教程可供參考。切記，處理3D文字的時(shí)配色是關(guān)鍵，稍不注意就會(huì)顯得山寨和俗氣。

好了，以上是一些在設(shè)計(jì)banner時(shí)可以用到的字形設(shè)計(jì)技巧，可能有童鞋要說我平時(shí)banner的設(shè)計(jì)工作很繁重，時(shí)間也很緊張，沒有精力去做字形，或者由于版權(quán)的問題，在大多數(shù)情況下不得不使用那么幾種字體，像這樣的情況有沒有好的辦法讓banner中的文字出效果呢。答案當(dāng)然是有啦，下面就給大家介紹幾個(gè)方法?？纯慈绾卧谑褂煤唵蔚哪J(rèn)字體的同時(shí)打破字體的沉默。

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

看到?jīng)]有，同樣是簡單的字體，只是打破了整段的文字，做單個(gè)字體的傾斜，整體看起來就活潑跳動(dòng)了很多，或者可以做單個(gè)字體的疊加，凹凸效果同樣可以讓簡單的默認(rèn)字體變得跳躍起來。

如何打破字體的沉默——空間獨(dú)立

說起這種方法我們就不得不提到banner中的空間關(guān)系，在設(shè)計(jì)banner時(shí)通常我們?nèi)绻覀兿胪怀鑫淖?，那么就要使文字和背景拉開空間，而為文字做一個(gè)簡單的純色底色不可謂不是一個(gè)省事的辦法。

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

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

通常我們?cè)谧鲆欢挝淖值呐虐鏁r(shí)，經(jīng)常會(huì)根據(jù)段落中的關(guān)鍵字做相印的加粗或者高亮，這種方法看似簡單，但是在實(shí)際操作的過程中稍有不當(dāng)就會(huì)導(dǎo)致整段字體看起來凌亂不堪，其實(shí)只要設(shè)計(jì)的時(shí)候把文字看作圖形，注意整個(gè)字體排版的走向是否有規(guī)律可循就容易很多。

OK，以上就是今天為大家總結(jié)的一些字形與字體的處理方法，希望對(duì)大家有所啟發(fā)，在banenr的設(shè)計(jì)中還有很多種有效的技巧可以用到，如果你有什么特別的技巧也可以告訴我們。

分享題目：淺談BANNER設(shè)計(jì)的字體字形
本文URL：http://www.rwnh.cn/news/18838.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、Google、小程序開發(fā)、全網(wǎng)營銷推廣、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)