BANNER的幾種組成形式

今天我們在聊一聊banner的話題,雖然有點單調,但是這些會對初學者很有幫助。因為最近工作不是很忙,又有一個APP項目需要在首頁做一個banner的輪播,所以趁著這個時間整理了一下,也對banner進行了分類總結,希望對大家有幫助。

Banner的四種組成部分    (文字、主圖、背景、點綴) 

一、字體

普及一個小知識;文字的分類:

字體分為 有襯線字體 和 無襯線字體 兩種,通常有襯線字體會用來表現女性細膩、柔美、精致等;無襯線字體用來變現男性粗獷、剛勁、穩定等。那么從字體的選擇上就會區分出一個banner圖上應該用什么樣的文字來表達文案的宗旨。

image

一般banner的主要文字加輔助文字要占banner總高度的1/2,輔助文字會添加背景襯托,或者用其他元素點綴,否則會沒有辨識度。那么字體在banner中怎么變換呢?大致整合了幾點:

1、字體變形(可以根據文案的內容進行夸大、強調、凸顯重點文字,也可以變換筆劃、更換顏色、拉伸文字等等。)

image

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

2、遮蓋陰影

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

image
image

3、文字底部加背景(突出主題,使主要文字與輔助文字達到統一)

image

4、字體描邊

image
image

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

image
image

6、其他字體(復古字體、手寫體、果凍字體、粉筆肌理的字體等等)

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

二、主圖

主圖要與文字相輔相成,圖片要傳達文字所要表達的內容,一般banner上會是左圖右文/左文右圖(在金融、信息等領域會使用這種表現方式)、中間圖文等方式展現。

那么主圖可以放:人物(相關人物、電商模特等)、產品、插畫(鼠繪、手繪)等。

image
image
image

三、點綴元素

Banner中必不可少的還有點綴元素,可以是點線面的配合、虛實的變化、還有前后進深的變化。點綴元素帶有方向性,通過對點綴元素的調整引導用戶視覺。

image
image

四、背景

banner中面積最大的要數背景了,那么背景也有幾種表現形式,可以是純色背景、位圖背景、漸變背景、底紋背景等。可以根據企業色、產品主色或是文案需求來定制背景顏色。

總結了上面幾點,大致包含了banner的幾種組成部分,希望大家在此基礎上不斷發掘,都做一個大神。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 目的:UI設計的目的是為了更好服務用戶;能讓用戶快速完成自己的目標; UI設計的發展趨勢:全鏈路和復合化的設計人才...
    quantre閱讀 11,110評論 9 83
  • 今天去影院看了湯姆克魯斯的大作,碟中諜的第五部,亨特再度出擊。 碟中諜系列有一下特色:湯姆克魯斯,周游世界,...
    織田信長閱讀 578評論 1 1
  • 我媽經常幫我收快遞,問:這是什么?沉甸甸的 答:書 抱怨:書能當飯吃嗎?天天買這么多書 答:不能當飯吃 問:那買這...
    任同學的媽閱讀 1,254評論 0 4
  • 12點入睡,2點多起來一趟上衛生間,4點多再起來一趟上衛生間,然后就再沒睡著。渾身難受,腰酸背痛,肚子偶爾發緊,一...
    黃小妞兒閱讀 470評論 2 0
  • 來大上海工作已經第七個年頭了。前幾日出門辦點事,路經地鐵2號線廣蘭路站,故地重游,觸景生情,多年前的一幕清晰的浮現...
    亭中客閱讀 471評論 0 1