1. 程式人生 > >UI設計教程分享:banner設計

UI設計教程分享:banner設計

 我們都知道在一個網站中,banner圖片對於瀏覽者來說是非常重要的,尤其是電商banner,它的最主要目的是營銷,是要讓消費者有衝動去購買,這對設計的要求也就更高了。而企業網站也一樣,一個合適的banner不僅能吸引眼球,同時也能讓使用者更好的理解產品及功能,反之如果這個banner不合適,那麼就會導致整個網站都顯得很普通。

 

     現在的banner版式設計可以說是非常豐富多彩的,尤其是電商,各種花哨的效果各種吸睛,不過也有的電商banner做的特別清爽有趣,很有新意。接下來就把banner設計版式給大傢俱體分析一下吧!

     e5f49d6e9430490ea36857ae3fcc3621.png​    

 

     左右型版式,顧名思義就是把整個版面分為左右兩個部分。可以文案在左,產品在右;也可以文案在右,產品在左。這都要看自己設計的需求去選擇。一般左右型banner在文案的那一邊都會加些裝飾或者背景有些效果,已達到左右均衡,這樣整個banner就會比較自然和諧。左右型在banner的設計中比較常見,尤其是企業網站的輪播圖基本都是這種版式。

 

     banner 左右排版,人物在左邊、產品在右邊、然後文字放在中間,有主次之分,也不會搶了產品是視線

279eff3269364042a57d15eeef5c8ff4.png

   蒙版型的banner就是以影象在最下面,加之一個有透明度的蒙層,最後在最上層加上文字。這種banner設計也比較常見,無論是企業banner還是電商,用的都比較多,因為這種版式給人的產品代入感比較強。

 

編輯:千鋒UI設計