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