河南云和數據信息技術有限公司西安分公司:高端面授西安IT培訓機構

課程
    • Oracle甲骨文
      OAEP中心
    • Microsoft Azure微軟云
      合作伙伴
    • Unity公司
      戰略合作伙伴
    • 百度營銷大學
      豫陜深授權運營中心
    • 普華基礎軟件
      戰略合作伙伴
    • 新開普(股票代碼300248)
      旗下丹誠開普投資
    • 中國互聯網百強企業銳之旗
      旗下銳旗資本投資
    • 華為授權
      培訓中心

    10種banner設計思路分析與總結

    • 發布時間: 2018-06-08 16:04
    • 編輯: 云和教育
    • 分享:



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


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



    主要分為以下幾種模式:

     


    01上下型

     

    上下型版式,顧名思義就是把整個版面分為上下兩個部分??梢晕陌冈谏?,產品在下;也可以文案在下,產品在上。這都要看自己設計的需求去選擇。因為banner的尺寸通常沒有那么高,所以這種版式一般用的比較少。


    a02-1.png



    02重心型

     

    重心型版式也稱為居中型,重心型的banner容易讓瀏覽者產生視覺焦點,讓消費者一眼就能看到想要表達的,適合重點突出的文案或單個產品。

    a01.png

     

    03左右型

     

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

     

    a02.png

     

     

    04傾斜型

     

    傾斜型banner給人一種偏個性的感覺,大多數傾斜的對象都是版面的裝飾圖形和文字等。一些律動感或時尚感比較強的產品會采用這種版式,同時這種設計也是比較別致和吸引眼球的。

    a03.png 

     

     

    05蒙版型

     

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

    a05.png 

     

    06曲線型

     

    曲線型的banner一般以曲線為基礎去編排圖片和文字。這種版式一般在運動或者需要展現節奏和律動的產品中出現的比較多。如健身運動網站、汽車網站等。

    a06.jpg

    07四角型

     

    四角型banner一般以四邊形為基礎去編排圖片和文字,給人以嚴謹,規范的感覺,下圖是四角型的一種,同時也用到了左右型、滿版型設計。 

     

    a10.png

    08滿版型

     

    滿版型的banner一般以場景圖像填充整個版面,加之以文字,文字一般在左右或者居中。這種版式的背景通常視覺傳達比較直觀,給人以大氣舒展的感覺,同時視覺沖擊力也比較強烈。

    a04png.png 

    09對稱型

     

    對稱型banner一般給人比較穩重大氣的感覺。對稱也分為絕對對稱和相對對稱,絕對對稱一般用的比較少,因為絕對對稱給人一種過于嚴謹和死板的感覺。而相對對稱則比較靈活,同時也不失整齊穩重,所以用的比較多。

    a07.jpg 

     

    10三角型

     

    三角型的排版也比較常見,尤其是以三角形作為裝飾性元素在版面中出現,給人以前后空間感比較強。正三角形是最具安全穩定因素的形態(如金字塔),而圓形和倒三角形則給人以動感和不穩定感。

     

    a09.png 

     

    上面的每種版式設計可能并非以一種表現形態出現,可能同時存在好幾種版式形式。所以大家在分析banner的時候不要以單一的一種視角去分析,畢竟設計的靈活性是非常強的,所以大家也不要不局限于我上面所說的幾種版式,可以發揮更多的創造力和想象力哦。希望今天的這篇文章對大家有幫助!

     

    河北快三走势图 友乐广西麻将下载安装 刮刮乐买一包能中奖吗 泰达币会暴涨吗 越南河内5分彩靠谱吗 重庆快乐10分官方 腾讯分分彩走势图 腾讯棋牌游戏app 七星彩本期规律 北京赛车pk10预测冠军 陕西11选5不开奖结果 手机打麻将软件开好友房 靠谱的网赚项目 c罗2013总进球数 超级大乐透开奖时间 个人如何理财投资 3d和值振幅规律