UI設計課程教程分享：Banner的設計和技巧

Banner是一個網站的中心主題，可以從banner看出網站的內容。所以一個好的banner對網站的影響很大。

提高banner的製作從幾點深入瞭解：文字排版、選擇適合的圖片及背景、顏色的用法。

 

一、文字排版

文字中間大，上下小，大部分的排版都在遵循著這個規律，因為人們視線是散發性的，而且這樣的做法可以讓畫面更具有張力。

Banner上的字沒有要求，但一定是易識別的。人們買東西不是猜謎語和欣賞，就是要簡單。

聚攏原則，不要讓使用者到處找文字資訊，這樣也可以讓畫面看的更加規整，不會使畫面看著很亂。

 

二、選擇合適的圖片和背景

如果本身就有現成的不錯的實景拍攝照片拿來用，那就最好了，不過需要注意的一點就是，我們把照片拿來直接用的時候，一定要保證文字資訊的可閱讀性。

選擇使用場景作為背景，當然也是需要處理圖片的色彩。

​

我們要記住，背景就是一個陪襯，不能搶了主角的風頭，同時背景又在整個設計中起到了烘托主題渲染氣氛的作用，所以背景應該未然設計主題來展開製作，選擇圖片要清晰，產品圖不宜過多，遵循近大遠小的原則，最好和文字之間有互動聯絡。

 

編輯：千鋒UI設計