banner的功能是傳達(dá)信息!現(xiàn)在隨著移動互聯(lián)網(wǎng)的到來!我們跟習(xí)慣于在手機,電腦上了解、發(fā)現(xiàn)這個世界。我們?nèi)绾尾拍芤砸环N即具可讀性和合理性,又更具有吸引力的方式來組織信息呢?從背景層、主體層、文字層、這三個方面來分析如何設(shè)計一個具有吸引力的banner!以下就是贏在威客網(wǎng)為您推薦的動態(tài)banner要素。
01|主體層
通過對項目的分析,確定畫面的主體(主體可以是人物、產(chǎn)品圖或者文字)。先對一種元素進(jìn)行視覺強化吸引觀眾的注意力。在確定畫面主體的同時,我們就可以把畫面的構(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)點,在筆畫的形狀上把橫畫加粗且把宋體字的聳肩角削平為等線狀,形成橫豎筆畫粗細(xì)一致,變宋體字的尖頭細(xì)尾和頭尾粗細(xì)不一的筆畫為方形筆畫,因而獨具一格,給人一種粗實有力、嚴(yán)肅莊嚴(yán)、樸素大方的感覺。
細(xì)黑:可以表達(dá)大方、高端、精致的氣質(zhì)!具有現(xiàn)代感
超粗黑(綜藝體):具有力量感,筆畫簡潔粗壯,厚實有力 ,醒目,具有渾厚凝重的氣度。多用于活動大促標(biāo)題。
宋體:宋體字的字形方正,筆畫橫平豎直,橫細(xì)豎粗,棱角分明,結(jié)構(gòu)嚴(yán)謹(jǐn),整齊均勻,有極強的筆畫規(guī)律性。
圓體:筆畫轉(zhuǎn)角圓潤,結(jié)構(gòu)方正飽滿,筆形柔和。可以表現(xiàn)出童真、活潑、歡快的特質(zhì)!一般用于兒童產(chǎn)品或是輕松的畫面中!
書法字體:霸氣、古典、文化、具有濃烈的中國風(fēng)韻味。更具張力!電商大促也喜歡用書法字體!
3.2增加字體的形式感
左字右主體、左主體右字:這種banner方式最為常見的版式之一。主體在一邊,文字在另外一邊。可根據(jù)畫面選擇不同的對齊方式!注意文字之間的主副層級、行距。
給文字添加個背景,畫面中給文字添加個背景,具有反復(fù)強調(diào)的作用!根據(jù)具體需求反白、鏤空、或是用顏色的對比來強調(diào)!
讓文字也有前后關(guān)系。主標(biāo)題放在主體的前面,而副標(biāo)或者提取的文字放在主體的后面,在增強畫面的空間感和裝飾性!
給字體加點特效吧!根據(jù)畫面的風(fēng)格,給文字加上適當(dāng)?shù)奶匦ВC理)來突出文字部分!然后傾斜字體或者透視字體,可以增加力量、活潑的感覺!
關(guān)于字體的編排樣式是多樣化的,在編排中易讀、符合畫面的風(fēng)格就可以了。