<b>Web設計分析:Banner設計“點橫豎撇捺”</b>

作者: 來源:未知 2012-07-11 00:12:35 閱讀 我要評論 直達商品

  

BlogBanner

 

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

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

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

  

 

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

  

  

 

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

  

  

 

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

  

  

 

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

  

   

 

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

  

 

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

  2.空間上的平衡,簡單的說就是在進行字體設計時需調整空間留白,漢字的字型有繁有簡,合理的分配筆畫內的留白空間,才可以使文字看上去更為協(xié)調,不會因為有些漢字過于繁瑣,空間留白不夠導致很擠很壓抑的極端情況。

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

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


  推薦閱讀

  <b>網(wǎng)站運營:體驗設計師該學習的一點前端技術</b>

我一直篤信不知道HTML和CSS的體驗設計師是連磚頭和鋼筋都沒有摸過的建筑師,因此在以往的十幾個項目里雖然總是進行策略層的設計,但也不忘記鍛煉自己HTML和CSS能力,只有手夠臟才能成為一位好的設計師。 最近的討論里>>>詳細閱讀


本文標題:<b>Web設計分析:Banner設計“點橫豎撇捺”</b>

地址:http://www.sdlzkt.com/a/22/20120711/74719.html

頂一下

樂購科技部分新聞及文章轉載自互聯(lián)網(wǎng),供讀者交流和學習,若有涉及作者版權等問題請及時與我們聯(lián)系,以便更正、刪除或按規(guī)定辦理。感謝所有提供資訊的網(wǎng)站,歡迎各類媒體與樂購科技進行文章共享合作。

網(wǎng)友點評
我的評論: 人參與評論
驗證碼: 匿名回答
網(wǎng)友評論(點擊查看更多條評論)
友情提示: 登錄后發(fā)表評論,可以直接從評論中的用戶名進入您的個人空間,讓更多網(wǎng)友認識您。
自媒體專欄

評論

熱度

主站蜘蛛池模板: 成人亚洲欧美日韩在线| 无码国产成人av在线播放| 4444亚洲国产成人精品| 成人网站免费看黄a站视频| 国产成人精品视频一区二区不卡 | 亚洲av无码专区在线观看成人| 亚洲精品国产成人片| 久久久久久亚洲av成人无码国产| 国产亚洲欧美成人久久片| www.成人在线| 国产成人一区二区精品非洲| 欧洲成人在线视频| 久久精品成人国产午夜| 四虎精品成人免费观看| 国产成人麻豆精品午夜福利在线| 欧美成人午夜免费完成| 精品欧美成人高清在线观看| 四虎影视成人永久在线观看| 国产成人无码区免费内射一片色欲| 成人羞羞视频网站| 91成人免费观看| 久久99国产精品成人欧美| 国产成人久久精品二区三区| 国产成人精品电影| 国产成人精品高清在线观看99 | 亚洲AV一二三区成人影片| 国产成人精品免费视频大全五级| 成人国产经典视频在线观看| 成人片黄网站色大片免费| 成人片在线观看地址KK4444| 成人欧美一区二区三区的电影| 成人永久福利免费观看| 成人嘿嘿视频网站在线| 在线观看成人免费| 国产成人无码AV一区二区| 欧美激情一区二区三区成人| 色偷偷成人网免费视频男人的天堂 | 国产成人亚洲精品91专区手机 | 国产成人AV综合色| 亚洲国产成人久久笫一页| 亚洲国产成人精品女人久久久|