動(dòng)態(tài)banner要素

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

01|主體層


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

1.1人物主體

1.2產(chǎn)品主體

1.3文字主體

02|背景層

2.1 照片背景(高斯模糊）

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

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

03|文字層

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

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

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

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

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

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

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

3.2增加字體的形式感

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

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

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

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

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