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

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

01|主體層

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

1.1人物主體

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

1.2產品主體

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

1.3文字主體

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

02|背景層

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

2.1 照片背景(高斯模糊)

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

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

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

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

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

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

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

03|文字層

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

一張banner中最多不要超多三種字體。