今天我們?cè)诹囊涣腷anner的話題敦姻,雖然有點(diǎn)單調(diào)瘾境,但是這些會(huì)對(duì)初學(xué)者很有幫助。因?yàn)樽罱ぷ鞑皇呛苊α耄钟幸粋€(gè)APP項(xiàng)目需要在首頁做一個(gè)banner的輪播迷守,所以趁著這個(gè)時(shí)間整理了一下,也對(duì)banner進(jìn)行了分類總結(jié)旺入,希望對(duì)大家有幫助兑凿。
Banner的四種組成部分 (文字、主圖茵瘾、背景礼华、點(diǎn)綴)
一、字體
普及一個(gè)小知識(shí)拗秘;文字的分類:
字體分為 有襯線字體 和 無襯線字體 兩種圣絮,通常有襯線字體會(huì)用來表現(xiàn)女性細(xì)膩、柔美雕旨、精致等扮匠;無襯線字體用來變現(xiàn)男性粗獷、剛勁凡涩、穩(wěn)定等棒搜。那么從字體的選擇上就會(huì)區(qū)分出一個(gè)banner圖上應(yīng)該用什么樣的文字來表達(dá)文案的宗旨。
一般banner的主要文字加輔助文字要占banner總高度的1/2突照,輔助文字會(huì)添加背景襯托帮非,或者用其他元素點(diǎn)綴,否則會(huì)沒有辨識(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ù)古字體恼琼、手寫體、果凍字體屏富、粉筆肌理的字體等等)
字體的變換有很多種形式晴竞,小編只是把常見的舉例出來,更好的字體樣式還需要大家不斷發(fā)覺狠半!
二噩死、主圖
主圖要與文字相輔相成,圖片要傳達(dá)文字所要表達(dá)的內(nèi)容神年,一般banner上會(huì)是左圖右文/左文右圖(在金融甜滨、信息等領(lǐng)域會(huì)使用這種表現(xiàn)方式)、中間圖文等方式展現(xiàn)瘤袖。
那么主圖可以放:人物(相關(guān)人物、電商模特等)昂验、產(chǎn)品捂敌、插畫(鼠繪、手繪)等既琴。
三占婉、點(diǎn)綴元素
Banner中必不可少的還有點(diǎn)綴元素,可以是點(diǎn)線面的配合甫恩、虛實(shí)的變化逆济、還有前后進(jìn)深的變化。點(diǎn)綴元素帶有方向性磺箕,通過對(duì)點(diǎn)綴元素的調(diào)整引導(dǎo)用戶視覺奖慌。
四、背景
banner中面積最大的要數(shù)背景了松靡,那么背景也有幾種表現(xiàn)形式简僧,可以是純色背景、位圖背景雕欺、漸變背景岛马、底紋背景等⊥懒校可以根據(jù)企業(yè)色啦逆、產(chǎn)品主色或是文案需求來定制背景顏色。
總結(jié)了上面幾點(diǎn)笛洛,大致包含了banner的幾種組成部分夏志,希望大家在此基礎(chǔ)上不斷發(fā)掘,都做一個(gè)大神撞蜂。