BANNER的幾種組成形式

今天我們?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á)文案的宗旨。

image

一般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

[圖片上傳失敗...(image-15df60-1532503564673)]

2蛮粮、遮蓋陰影

有筆劃遮蓋益缎、整字遮蓋(比較流行的變換形勢(shì))

image
image

3、文字底部加背景(突出主題然想,使主要文字與輔助文字達(dá)到統(tǒng)一)

image

4莺奔、字體描邊

image
image

5、投影变泄、立體字體(利用軟件或是ps圖層樣式制作3D效果)

image
image

6令哟、其他字體(復(fù)古字體恼琼、手寫體、果凍字體屏富、粉筆肌理的字體等等)

字體的變換有很多種形式晴竞,小編只是把常見的舉例出來,更好的字體樣式還需要大家不斷發(fā)覺狠半!

二噩死、主圖

主圖要與文字相輔相成,圖片要傳達(dá)文字所要表達(dá)的內(nèi)容神年,一般banner上會(huì)是左圖右文/左文右圖(在金融甜滨、信息等領(lǐng)域會(huì)使用這種表現(xiàn)方式)、中間圖文等方式展現(xiàn)瘤袖。

那么主圖可以放:人物(相關(guān)人物、電商模特等)昂验、產(chǎn)品捂敌、插畫(鼠繪、手繪)等既琴。

image
image
image

三占婉、點(diǎn)綴元素

Banner中必不可少的還有點(diǎn)綴元素,可以是點(diǎn)線面的配合甫恩、虛實(shí)的變化逆济、還有前后進(jìn)深的變化。點(diǎn)綴元素帶有方向性磺箕,通過對(duì)點(diǎn)綴元素的調(diào)整引導(dǎo)用戶視覺奖慌。

image
image

四、背景

banner中面積最大的要數(shù)背景了松靡,那么背景也有幾種表現(xiàn)形式简僧,可以是純色背景、位圖背景雕欺、漸變背景岛马、底紋背景等⊥懒校可以根據(jù)企業(yè)色啦逆、產(chǎn)品主色或是文案需求來定制背景顏色。

總結(jié)了上面幾點(diǎn)笛洛,大致包含了banner的幾種組成部分夏志,希望大家在此基礎(chǔ)上不斷發(fā)掘,都做一個(gè)大神撞蜂。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末盲镶,一起剝皮案震驚了整個(gè)濱河市侥袜,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌溉贿,老刑警劉巖枫吧,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異宇色,居然都是意外死亡九杂,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門宣蠕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來例隆,“玉大人,你說我怎么就攤上這事抢蚀《撇悖” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵皿曲,是天一觀的道長(zhǎng)唱逢。 經(jīng)常有香客問我,道長(zhǎng)屋休,這世上最難降的妖魔是什么坞古? 我笑而不...
    開封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮劫樟,結(jié)果婚禮上痪枫,老公的妹妹穿的比我還像新娘。我一直安慰自己叠艳,他們只是感情好奶陈,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著虑绵,像睡著了一般尿瞭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上翅睛,一...
    開封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天声搁,我揣著相機(jī)與錄音,去河邊找鬼捕发。 笑死疏旨,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的扎酷。 我是一名探鬼主播檐涝,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼绳锅,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼走芋!你這毒婦竟也來了吱涉?” 一聲冷哼從身側(cè)響起狼犯,我...
    開封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎窃植,沒想到半個(gè)月后帝蒿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡巷怜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年葛超,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片延塑。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绣张,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出关带,到底是詐尸還是另有隱情侥涵,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布宋雏,位于F島的核電站独令,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏好芭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一冲呢、第九天 我趴在偏房一處隱蔽的房頂上張望舍败。 院中可真熱鬧,春花似錦敬拓、人聲如沸邻薯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽厕诡。三九已至,卻和暖如春营勤,著一層夾襖步出監(jiān)牢的瞬間灵嫌,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來泰國打工葛作, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留寿羞,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓赂蠢,卻偏偏與公主長(zhǎng)得像绪穆,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 目的:UI設(shè)計(jì)的目的是為了更好服務(wù)用戶玖院;能讓用戶快速完成自己的目標(biāo)菠红; UI設(shè)計(jì)的發(fā)展趨勢(shì):全鏈路和復(fù)合化的設(shè)計(jì)人才...
    quantre閱讀 11,031評(píng)論 9 83
  • 今天去影院看了湯姆克魯斯的大作,碟中諜的第五部难菌,亨特再度出擊试溯。 碟中諜系列有一下特色:湯姆克魯斯,周游世界扔傅,...
    織田信長(zhǎng)閱讀 557評(píng)論 1 1
  • 我媽經(jīng)常幫我收快遞猎塞,問:這是什么试读?沉甸甸的 答:書 抱怨:書能當(dāng)飯吃嗎?天天買這么多書 答:不能當(dāng)飯吃 問:那買這...
    任同學(xué)的媽閱讀 1,236評(píng)論 0 4
  • 12點(diǎn)入睡,2點(diǎn)多起來一趟上衛(wèi)生間铝量,4點(diǎn)多再起來一趟上衛(wèi)生間倘屹,然后就再?zèng)]睡著。渾身難受慢叨,腰酸背痛纽匙,肚子偶爾發(fā)緊,一...
    黃小妞兒閱讀 463評(píng)論 2 0
  • 來大上海工作已經(jīng)第七個(gè)年頭了。前幾日出門辦點(diǎn)事轩拨,路經(jīng)地鐵2號(hào)線廣蘭路站践瓷,故地重游,觸景生情亡蓉,多年前的一幕清晰的浮現(xiàn)...
    亭中客閱讀 453評(píng)論 0 1