手机网球比分网站
在線咨詢
QQ咨詢
服務熱線

服務熱線:020-85201717

服務熱線: 020-85201720

業務微信

微信開發

TOP

怎樣才能設計出一張好的banner

發布時間:2019-09-19 瀏覽:
banner設計作為互聯網從業者必備的技能,一張好的banner,絕非三五分鐘就可以搞定的!它同時也能看得出一個設計師對項目的理解、色彩感、版式、整體的把握。


banner的功能是傳達信息!現在隨著移動互聯網的到來!我們跟習慣于在手機,電腦上了解、發現這個世界。我們如何才能以一種即具可讀性和合理性,又更具有吸引力的方式來組織信息呢?


從背景層、主體層、文字層、這三個方面來分析如何設計一個具有吸引力的banner!


01|主體層


通過對項目的分析,確定畫面的主體(主體可以是人物、產品圖或者文字)。先對一種元素進行視覺強化吸引觀眾的注意力。在確定畫面主體的同時,我們就可以把畫面的構圖,也就確定下來!目的都是為了傳達信息,讓畫面更具有吸引力!


1.1人物主體


這張banner的主體是人物,作者為了更加突出主體在上面加了手寫感的英文和一些小元素來點綴!這種做法能很好的解決主體物不夠突出。在我們工作中,遇到主題物不夠突出的時候,也可以增加相關聯的文字或者線條來突出主體。(在給主體增加元素的時候,切記元素起搶了主題的位置)


1.2產品主體


這張banner的主體是物體 ,在主體的周圍添加了花和葉子豐富主體。在畫面四周也添加了些相同元素,這樣畫面更加統一、和諧。文字部分采用黑體居中對齊排列。畫面整體給你感覺典雅、舒適。


1.3文字主體


文字做為主體,其實是把文字當作圖形來設計。整張BANNER的信息傳達更為準確。在純文字的編排中,要注意主體文字的閱讀順序,可通過對比的手法,來加強主標題和副標題之前的層級關系!

02|背景層


背景層是為了突出主體。它可以確定畫面整體的色調。我們根據畫面要表達的感覺和主體的風格來選擇不同背景層的表現方法。


2.1 照片背景(高斯模糊)


照片通過高斯模糊,讓他與主體產生空間感,如果畫面色彩感覺不統一,可以用漸變映射來調試。

感覺背景和主體不夠分離的時候,我們可以用圖案疊加,在背景上加幾何形底紋在增加空間感。



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

小米網站banner基于設計規范和自營產品的電商設計網站。減去了設計中過于熱鬧、喜慶、大促的風格。產品展示圖中都是用帶有明暗漸變的背景來突出產品。這種背景的處理方法更容易出圖產品,整體畫面整潔,無過多的視覺干擾。也具有較強的品質感!

多色拼接背景,讓畫面具有活力。幾何形或是不規則圖形的構型,更具吸引力,讓人聚焦。


2.3 商業攝影圖片、創意合成背景


這種背景圖,屬于前期策劃好模特、配色、創意。還有后期的表現技法的熟練度(無論是修片還是合成)


03|文字層


文字最能準確的表達banner中的信息!他要突出于背景,又不能搶了主體,在字形的選擇上又要符合整個畫面的氣質。而且要具有易讀性。所以在文字的編排上要下一定的功夫。如主標題與副標題的層級關系。都要我們仔細深入的推敲。
一張banner中最多不要超多三種字體!

03|文字層


文字最能準確的表達banner中的信息!他要突出于背景,又不能搶了主體,在字形的選擇上又要符合整個畫面的氣質。而且要具有易讀性。所以在文字的編排上要下一定的功夫。如主標題與副標題的層級關系。都要我們仔細深入的推敲。
一張banner中最多不要超多三種字體!

黑體(無襯線字體):黑體字在字架上吸收了宋體字結構嚴謹的優點,在筆畫的形狀上把橫畫加粗且把宋體字的聳肩角削平為等線狀,形成橫豎筆畫粗細一致,變宋體字的尖頭細尾和頭尾粗細不一的筆畫為方形筆畫,因而獨具一格,給人一種粗實有力、嚴肅莊嚴、樸素大方的感覺。
蘋果官網的banner,用相對現代感的黑體,更具科技感!而改變了字體,就無法表達出產品的氣質!
因黑體具有易讀性,也可作為提示性或者敘述性文字使用。

細黑:可以表達大方、高端、精致的氣質!具有現代感

超粗黑(綜藝體):具有力量感,筆畫簡潔粗壯,厚實有力 ,醒目,具有渾厚凝重的氣度。多用于活動大促標題。

宋體:宋體字的字形方正,筆畫橫平豎直,橫細豎粗,棱角分明,結構嚴謹,整齊均勻,有極強的筆畫規律性。
此類氣質,可以在女性、高端、時尚、文化類banner中使用!

圓體:筆畫轉角圓潤,結構方正飽滿,筆形柔和。可以表現出童真、活潑、歡快的特質!一般用于兒童產品或是輕松的畫面中!

通過變形的圓體字形,也可以表帶出少女感!可愛有趣的畫面!

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

而小米活動banner,選擇了重新設計字體。字形,較為歡快輕松,非常符合主題。關于字體設計,一定不能為了表達字體的形式感,而破壞了字體的可識別性!



3.2增加字體的形式感

左字右主體、左主體右字:這種banner方式最為常見的版式之一。主體在一邊,文字在另外一邊。可根據畫面選擇不同的對齊方式!注意文字之間的主副層級、行距。

給文字添加個背景,畫面中給文字添加個背景,具有反復強調的作用!根據具體需求反白、鏤空、或是用顏色的對比來強調!

讓文字也有前后關系。主標題放在主體的前面,而副標或者提取的文字放在主體的后面,在增強畫面的空間感和裝飾性!

給字體加點特效吧!根據畫面的風格,給文字加上適當的特效(機理)來突出文字部分!然后傾斜字體或者透視字體,可以增加力量、活潑的感覺!
關于字體的編排樣式是多樣化的,在編排中易讀、符合畫面的風格就可以了。


手机网球比分网站