在淘寶banner圖片上把一行文字硬生生的放上去,看上去會很無趣、很僵硬,想要設(shè)計一個有吸引力的淘寶banner圖片,文字排版是很有講究的,下面跟隨開淘小編一起去學(xué)習(xí)一下文字排版的技巧吧!
一.淘寶banner文字的基本排列混搭
設(shè)計banner時候,千萬不要不加思索的就把一行文字硬生生的放上去,那會讓你的banner直接顯得呆板木訥。往往很多新手設(shè)計師容易犯這樣的錯,就算字體顏色樣式處理的很好,也會看上去很無趣、很僵硬。這時候我們就需要做一些文字排列混搭的設(shè)計:
①大小和顏色的混搭
②排列組合的混搭
③不同字體之間的混搭
④中英文字體的混搭
以上都是一些常見的處理方式。當(dāng)然這也是banner文字設(shè)計的基礎(chǔ),其他很多的文字處理方式都建立在混搭的基礎(chǔ)中,所以做好混搭的重要性就不言而喻了。
上圖文字沒有進(jìn)行什么混搭,顯得文字有些呆板;下圖中文字進(jìn)行了一些大小和排列的混搭,更能體現(xiàn)所要展現(xiàn)的氣氛。
下面我們可以看一看其實設(shè)計師所設(shè)計的一些簡單的文字混搭的banner作品:
二.文字的傾斜與斜切
有時候設(shè)計banner,根據(jù)背景構(gòu)圖不同或者我們想要更有視覺沖擊力表現(xiàn)文字內(nèi)容時,我們可以嘗試對文字進(jìn)行傾斜或斜切透視等處理,有時候這會更會令你達(dá)到意想不到的效果。普通的文字排列平平穩(wěn)穩(wěn),方正有矩,我們可以用傾斜或者斜切打破這種“穩(wěn)定的構(gòu)圖”,讓畫面更有動感和層次感。
上面的2個banner是利用了文字傾斜的效果,下面的3個banner同時利用了斜切的效果。文字利用了傾斜和斜切效果后,讓文字和整個畫面一下活潑起來,更能勾起了用戶的閱讀欲望。
三.文字變形的魅力
設(shè)計banner和專題頭圖時,設(shè)計師經(jīng)常用到文字變形,好的文字變形直接可以影響到文字的趣味性的提升,讓banner和頁面的氣氛被烘托得相得益彰。很多設(shè)計師感覺設(shè)計banner只是個小工作,用不到文字變形那么麻煩,其實不盡然,選好合適的參照字體進(jìn)行簡單的文字變形并沒有多么復(fù)雜,但是卻能提升banner設(shè)計的品質(zhì),所以說益處良多。下面我先給大家舉個工作中設(shè)計的小例子:
四.文字的3D應(yīng)用
3D文字效果的應(yīng)用在banner設(shè)計中也十分常見,利用好AI和PS等工具可以制作出令人滿意的3D文字,如果你肯花多一點(diǎn)的時間,在材質(zhì)或者光影上還可以做到進(jìn)一步的效果提升。下面讓我們看一些優(yōu)秀設(shè)計師設(shè)計的3D字體樣式banner:
五.避免常見的「排版病」
設(shè)計程序當(dāng)著我們完成很多了不起的事,但若不夠小心,有時候也讓人容易犯下一些顯而易見的錯誤〈Thinking with Type〉 的作者 Ellen Lupton 在書的官方網(wǎng)站上,舉了幾個壞習(xí)慣作為例子: 不要為了填滿版面任意拉長文字,若你只拉長一個方向,會讓文字及間距嚴(yán)重變形,如果要重設(shè)大小,請固定長寬比例。
別用錯誤的引號。在英文字句中有的人會用直線引號代替逗號型引號,或者在中文使用英文引號,大部分的程序可以設(shè)定自動取代功能,或是打字的時候善用快捷鍵。
不要使用假斜體。如果字型本身沒有提供斜體,在設(shè)計程序里還是可以簡單地把它傾斜,做成斜體,但這種技術(shù)會讓字體變形,而且通常看起來很糟糕。真的斜體是另外設(shè)計來補(bǔ)充原本字型的不足,而且通常是比較好的選擇。
舉了這么多的例子,對大家進(jìn)行淘寶banner文字排版應(yīng)該有所啟發(fā),希望大家都可以設(shè)計出有吸引力淘寶banner圖片!想要了解更多更詳細(xì)消息,請關(guān)注開淘網(wǎng)。
相關(guān)推薦:
手機(jī)淘寶首頁banner改版!手機(jī)淘寶banner尺寸介紹
查看更多相似文章