網(wǎng)站設(shè)計:讓文字講好banner的故事

2019-05-07 1601 0

  關(guān)于banner設(shè)計的話題相信之前已經(jīng)有很多設(shè)計師發(fā)表過自己的經(jīng)驗分享,讓人看完以后也是感慨良多、受益匪淺。但是這并不妨礙我們再一次提起這個話題,每個設(shè)計師的工作方法和設(shè)計的切入角度都是不同的,今天我想跟大家著重談?wù)刡anner中的文字設(shè)計,如何設(shè)計好banner中的文字,讓文字和其他元素相輔相成達到和諧的統(tǒng)一。就算只是拋磚引玉,能讓大家得到一絲共鳴,產(chǎn)生舉一反三的作用,也是非常欣慰的。

  對于Banner設(shè)計,很多人理解為是信手拈來,不需要太多的設(shè)計思路就可以完成,這是有必要訂正一下的。設(shè)計banner可能并不難,但是設(shè)計一個稱職又有視覺沖擊力的banner,還是需要經(jīng)驗積累的。設(shè)計師應(yīng)該力求自己設(shè)計的每個banner都經(jīng)得起多方面的考驗,在這個小方塊里真正的做到有板有眼才行。也許很多人會說光設(shè)計banner對設(shè)計能有多大提高,其實如果你做到能設(shè)計好banner,你會慢慢發(fā)現(xiàn)做專題,甚至很多產(chǎn)品介紹頁面也會越來越得心應(yīng)手。接下來,我就跟大家談一談自己對于banner的中文字設(shè)計的一些經(jīng)驗方法,如有紕漏或者不同觀點,謝謝指正。

一. 文字的基本排列混搭

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

大小和顏色的混搭
排列組合的混搭
不同字體之間的混搭
中英文字體的混搭

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


 


  上圖文字沒有進行什么混搭,顯得文字有些呆板;下圖中文字進行了一些大小和排列的混搭,更能體現(xiàn)所要展現(xiàn)的氣氛。

  下面我們可以看一看其實設(shè)計師所設(shè)計的一些簡單的文字混搭的banner作品:

二.文字的傾斜與斜切

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

 


 


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

三.讓文字形成相對獨立的區(qū)域


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

四.文字變形的魅力

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

 



  同理的文字變形設(shè)計延伸:


 


  下面讓我們再來看看其他優(yōu)秀設(shè)計師對于文字變形設(shè)計的作品:

 


 


0
評論區(qū)(0)
正在加載評論...