今天我們在聊一聊banner的話題,雖然有點單調,但是這些會對初學者很有幫助。因為最近工作不是很忙,又有一個APP項目需要在首頁做一個banner的輪播,所以趁著這個時間整理了一下,也對banner進行了分類總結,希望對大家有幫助。
Banner的四種組成部分 (文字、主圖、背景、點綴)
一、字體
普及一個小知識;文字的分類:
字體分為 有襯線字體 和 無襯線字體 兩種,通常有襯線字體會用來表現女性細膩、柔美、精致等;無襯線字體用來變現男性粗獷、剛勁、穩定等。那么從字體的選擇上就會區分出一個banner圖上應該用什么樣的文字來表達文案的宗旨。
一般banner的主要文字加輔助文字要占banner總高度的1/2,輔助文字會添加背景襯托,或者用其他元素點綴,否則會沒有辨識度。那么字體在banner中怎么變換呢?大致整合了幾點:
1、字體變形(可以根據文案的內容進行夸大、強調、凸顯重點文字,也可以變換筆劃、更換顏色、拉伸文字等等。)
[圖片上傳失敗...(image-15df60-1532503564673)]
2、遮蓋陰影
有筆劃遮蓋、整字遮蓋(比較流行的變換形勢)
3、文字底部加背景(突出主題,使主要文字與輔助文字達到統一)
4、字體描邊
5、投影、立體字體(利用軟件或是ps圖層樣式制作3D效果)
6、其他字體(復古字體、手寫體、果凍字體、粉筆肌理的字體等等)
字體的變換有很多種形式,小編只是把常見的舉例出來,更好的字體樣式還需要大家不斷發覺!
二、主圖
主圖要與文字相輔相成,圖片要傳達文字所要表達的內容,一般banner上會是左圖右文/左文右圖(在金融、信息等領域會使用這種表現方式)、中間圖文等方式展現。
那么主圖可以放:人物(相關人物、電商模特等)、產品、插畫(鼠繪、手繪)等。
三、點綴元素
Banner中必不可少的還有點綴元素,可以是點線面的配合、虛實的變化、還有前后進深的變化。點綴元素帶有方向性,通過對點綴元素的調整引導用戶視覺。
四、背景
banner中面積最大的要數背景了,那么背景也有幾種表現形式,可以是純色背景、位圖背景、漸變背景、底紋背景等。可以根據企業色、產品主色或是文案需求來定制背景顏色。
總結了上面幾點,大致包含了banner的幾種組成部分,希望大家在此基礎上不斷發掘,都做一個大神。