轉(zhuǎn)載藍藍設(shè)計(  www.bouu.cn )是一家專注而深入的設(shè)計機構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、  cs界面設(shè)計 、  ipad界面設(shè)計  、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、  網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源：http://www.aliued.cn/2012/06/27/banner 設(shè)計點橫豎撇捺.html

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，          請點這里

文字，這種與人類歷史幾乎同步的信息表達形式，同樣也是視覺傳達設(shè)計中最重要、最基礎(chǔ)的元素之一。她的歷史沿革應(yīng)該已經(jīng)有非常多的同學(xué)做過分享介紹，這里就不再贅述。我想講述的是字體在網(wǎng)頁設(shè)計中的運用，她最為常見的一種承載形式：banner字體設(shè)計，這幾乎是每個Web設(shè)計師都會遇到的設(shè)計內(nèi)容，不論是通欄、半通欄，還是各種大大小小尺寸以及活動營銷推廣的頁面頭部，都可以看到字體設(shè)計的身影。

阿里巴巴中國站首頁改版后對于頁面內(nèi)的banner推薦位有了更高的要求，這也引發(fā)了我對如何做好一條banner的思考，我覺得在banner設(shè)計中相對圖形及背景元素的運用，文字本身的設(shè)計與排版要重要很多，即使在沒有任何背景元素的情況下，文字依然可以良好的傳達信息，因此如果我們對banner上的文字進行巧妙設(shè)計不僅能鮮明的表達設(shè)計主題還能夠增強用戶關(guān)注度從而獲得高的點擊率，更可以提升網(wǎng)站頁面審美價值，也只有理清的這樣的思路才能更好的制訂設(shè)計規(guī)范，保證頁面廣告投放質(zhì)量的一致性。

下面根據(jù)我的理解大概的羅列了幾種平時最常見banner字體設(shè)計表現(xiàn)形式(視覺大牛們請輕拍)：

  根據(jù)文字本身的具體內(nèi)容及其含義，使得文字的筆畫結(jié)構(gòu)與文字內(nèi)容含義一致，符合用戶的心理預(yù)期，下圖中“斷”字就故意在最后一筆切斷。

  思考banner的觀眾是誰或者說這個產(chǎn)品是誰用的，針對兒童類產(chǎn)品，在字體的表現(xiàn)上可以幼稚活潑一些，在設(shè)計上增加一些童趣的意味，假如是針對機械類產(chǎn)品，可以在字體筆畫結(jié)構(gòu)上做的硬一些，棱角分明，假如是針對女性的，文字的構(gòu)建上可以纖細柔美、也可以時尚秀麗，假如… …

  根據(jù)不同的主題氛圍進行設(shè)計，如端午節(jié)，中秋節(jié)等傳統(tǒng)節(jié)日進行的推廣設(shè)計，可以增加人文的設(shè)計元素，如使用書法字體，用字體去烘托這個氛圍，同樣比較常見的還有一些使用禮品帶、花枝藤蔓等裝飾性元素結(jié)合文字出現(xiàn)以增加設(shè)計的美感。

  用輔助圖形與字體結(jié)合，這樣的組合方式非常常見，設(shè)計原理就是根據(jù)字意詞意，使用與之相關(guān)的圖形元素與字體筆畫形體相結(jié)合，圖形元素的使用可以是具象的也可以抽象的，但對于這個的形式也很容易陷入設(shè)計泥潭，過分的強化圖形或者說圖形過于復(fù)雜，反而對字體有效傳達造成影響，在設(shè)計時盡可能避免過度設(shè)計。

  作為五筆畫的最后一筆，除以上講述的內(nèi)容外，對于banner中的字體設(shè)計還是應(yīng)該追本溯源，形式上的美感自然是設(shè)計表現(xiàn)的一方面，但再好看的商業(yè)設(shè)計也不能脫離一個設(shè)計關(guān)鍵要素：易識性，怎樣才可以讓字體既美觀又具有良好傳達力的呢？

1.咱們在做字體設(shè)計的時候，筆畫粗細及風格要做到統(tǒng)一，這里說的統(tǒng)一并不是讓你將文字的所有筆畫粗細都調(diào)整的一摸一樣，而是對于在一個詞語內(nèi)，同樣的點與點或者橫與橫等需要盡量保持一種大小粗細，這樣的好處是不會出現(xiàn)同樣的筆畫卻大小不一，視覺上很凌亂的感覺。在完成了這樣的粗細調(diào)整以后，為了使文字更富有變化，對于常見的勾、折等也應(yīng)該進行風格上的統(tǒng)一，盡可能讓文字結(jié)合起來看的時候擁有相對一致的視覺感受。

2.空間上的平衡，簡單的說就是在進行字體設(shè)計時需調(diào)整空間留白，漢字的字型有繁有簡，合理的分配筆畫內(nèi)的留白空間，才可以使文字看上去更為協(xié)調(diào)，不會因為有些漢字過于繁瑣，空間留白不夠?qū)е潞軘D很壓抑的極端情況。

3.為了解決可能出現(xiàn)的某幾個字的筆畫相差太大，在視覺上容易出現(xiàn)輕重不一的情況，對于設(shè)計完成的字體組合還有一次針對整體的微調(diào)過程，盡可能達到視覺的平衡感與一致性。

寫在最后，這篇文章僅作為自己一段時間的設(shè)計知識積累，用于展示的案例圖片都是取自平時的網(wǎng)絡(luò)收集，之所以用點橫豎撇捺作為標題是因為這是漢字書寫最為基礎(chǔ)的筆畫，同樣文字也作為視覺設(shè)計的最為基礎(chǔ)的元素存在，兩者之間存在一定的相通性,大師說設(shè)計不是一種技能，而是捕捉事物本質(zhì)的感覺能力與洞察能力，很贊同。希望這篇囈語之文能多多少少給大家?guī)韱l(fā)，也希望能拋磚引玉獲得更多的相關(guān)分享，不勝感激。