動態(tài)banner要素

banner的功能是傳達(dá)信息！現(xiàn)在隨著移動互聯(lián)網(wǎng)的到來！我們跟習(xí)慣于在手機(jī)，電腦上了解、發(fā)現(xiàn)這個世界。我們?nèi)绾尾拍芤砸环N即具可讀性和合理性，又更具有吸引力的方式來組織信息呢？從背景層、主體層、文字層、這三個方面來分析如何設(shè)計(jì)一個具有吸引力的banner!以下就是贏在威客網(wǎng)為您推薦的動態(tài)banner要素。

01|主體層


通過對項(xiàng)目的分析，確定畫面的主體（主體可以是人物、產(chǎn)品圖或者文字）。先對一種元素進(jìn)行視覺強(qiáng)化吸引觀眾的注意力。在確定畫面主體的同時，我們就可以把畫面的構(gòu)圖，也就確定下來！目的都是為了傳達(dá)信息，讓畫面更具有吸引力！

1.1人物主體

1.2產(chǎn)品主體

1.3文字主體

02|背景層

2.1 照片背景(高斯模糊）

2.2 純色背景、漸變背景、多色拼接背景

2.3 商業(yè)攝影圖片、創(chuàng)意合成背景

03|文字層

文字最能準(zhǔn)確的表達(dá)banner中的信息！他要突出于背景，又不能搶了主體，在字形的選擇上又要符合整個畫面的氣質(zhì)。而且要具有易讀性。所以在文字的編排上要下一定的功夫。如主標(biāo)題與副標(biāo)題的層級關(guān)系。都要我們仔細(xì)深入的推敲。

黑體（無襯線字體）：黑體字在字架上吸收了宋體字結(jié)構(gòu)嚴(yán)謹(jǐn)?shù)膬?yōu)點(diǎn)，在筆畫的形狀上把橫畫加粗且把宋體字的聳肩角削平為等線狀，形成橫豎筆畫粗細(xì)一致，變宋體字的尖頭細(xì)尾和頭尾粗細(xì)不一的筆畫為方形筆畫，因而獨(dú)具一格，給人一種粗實(shí)有力、嚴(yán)肅莊嚴(yán)、樸素大方的感覺。

細(xì)黑：可以表達(dá)大方、高端、精致的氣質(zhì)！具有現(xiàn)代感

超粗黑（綜藝體）：具有力量感，筆畫簡潔粗壯，厚實(shí)有力 ，醒目，具有渾厚凝重的氣度。多用于活動大促標(biāo)題。

宋體:宋體字的字形方正，筆畫橫平豎直，橫細(xì)豎粗，棱角分明，結(jié)構(gòu)嚴(yán)謹(jǐn)，整齊均勻，有極強(qiáng)的筆畫規(guī)律性。

圓體:筆畫轉(zhuǎn)角圓潤，結(jié)構(gòu)方正飽滿，筆形柔和。可以表現(xiàn)出童真、活潑、歡快的特質(zhì)！一般用于兒童產(chǎn)品或是輕松的畫面中！

書法字體：霸氣、古典、文化、具有濃烈的中國風(fēng)韻味。更具張力!電商大促也喜歡用書法字體！

3.2增加字體的形式感

左字右主體、左主體右字：這種banner方式最為常見的版式之一。主體在一邊，文字在另外一邊?？筛鶕?jù)畫面選擇不同的對齊方式！注意文字之間的主副層級、行距。

給文字添加個背景，畫面中給文字添加個背景，具有反復(fù)強(qiáng)調(diào)的作用！根據(jù)具體需求反白、鏤空、或是用顏色的對比來強(qiáng)調(diào)！

讓文字也有前后關(guān)系。主標(biāo)題放在主體的前面，而副標(biāo)或者提取的文字放在主體的后面，在增強(qiáng)畫面的空間感和裝飾性！

給字體加點(diǎn)特效吧!根據(jù)畫面的風(fēng)格，給文字加上適當(dāng)?shù)奶匦ВC(jī)理）來突出文字部分！然后傾斜字體或者透視字體，可以增加力量、活潑的感覺！

關(guān)于字體的編排樣式是多樣化的，在編排中易讀、符合畫面的風(fēng)格就可以了。