十年專注于品牌網站建設 十余年專注于網站建設_小程序開發_APP開發,低調、敢創新、有情懷!
      南昌百恒網絡微信公眾號 掃一掃關注
      小程序
      tel-icon全國服務熱線:400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡微信小程序

      百恒網絡

      南昌百恒網絡

      網頁Banner設計的三個重點:風格、排版及配色

      網頁Banner設計的三個重點風格排版及配色 百恒網絡 2018-07-13 8767
        Banner設計可以說是設計師日常工作中最主要的一塊需求,Banner不比大型項目,從設計成本上來講不可能給太多的時間給設計師,所以這也引發了我對如何更有效率地完成一個Banner的思考。我覺得構成Banner的重點主要有三個方面,即風格,排版以及配色。我個人習慣是先定風格,再做大致的排版和配色,然后根據整體再來調整,最后再優化細節。

        下面根據自己的一些經驗從這三個方面展開來講一下:

        風格:


        首先是風格,一般情況下風格在跟需求方溝通的時候就已經定好了大概的方向,同時我們可以問他要一些參考,進一步確認風格,還有種情況是需求方沒有任何的要求,就說讓你自己把握就好,那這個我覺得也是分兩種情況,一種是需求方真的信任你,放手讓做,還有種就是其實他自己也不知道要什么樣的,只是想等你做出來以后看了再說,如果是這種情況不講清楚的話很有可能就會面臨重做的悲劇。第一種類型基本就不需要太操心,自己根據內容什么的來把握就好。第二種類型的話就需要引起注意了,我們可以自己找一些認為比較合適的參考讓需求方來選擇,然后根據他的選擇和需求方確認風格,防止他后面說什么不要這種風格的,重做一版看看之類的。 那么怎么來分別是哪種類型的呢?我覺得吧一些經常合作的,是完全可以根據以往的經驗的來判斷他是屬于哪種類型的,如果是第一次合作的我就會先直接判定為第二種類型,也就是他自己也不知道要什么樣的,以后再根據他的表現重新分類好了。

        下面我就按照我們這邊的風格風向標來舉一些例子:


        1、時尚風


      網頁Banner設計的三個重點:風格、排版及配色一


        可以看到上面這2個Banner都有共同的特點,大標題、模特,報刊潮流雜志風。

        2、復古風


      網頁Banner設計的三個重點:風格、排版及配色二


        復古風的重點是傳統元素和復古圖案,像第一個用了書法字體跟水墨感覺的圖案, 第二個則是包含了傳統的剪紙元素 。

        3、清新風


      網頁Banner設計的三個重點:風格、排版及配色三


        清新風的重點就是清爽、唯美,輕盈色調跟自然系,比如上面這個Banner就讓人感覺十分的清麗和透亮。

        4、炫酷風


      網頁Banner設計的三個重點:風格、排版及配色四


        這種風格通常比較多的是深色背景,有一些比較質感的元素跟光影特效。上面這個其實是我當時給一個活動做的版頭,平時這類風格做的會比較少點,寫分享的時候也沒有找到合適的Banner,就拿了這個,我覺得可以歸類到這個風格。

        5、簡約風


      網頁Banner設計的三個重點:風格、排版及配色五


        簡約風的特點就是極簡主義、大空間,就像這個Banner沒有任何過多的裝飾元素,整體感覺就是非常的透氣。

        排版:


        然后是排版,所謂排版,即將文字、圖片、圖形等可視化信息元素在版面布局上調整位置、大小,使版面達到美觀的視覺效果。之前在網上看到過一篇關于ppt排版六原則(對齊,聚攏,重復,對比,強調,留白)的文章,我覺得這個在Banner的設計中也是同樣適用。這里我把這些原則稍微修改了下,更加適用于Banner的設計。

        1、對齊原則

        相關的內容要對齊,方便用戶視線快速移動,一眼看到最重要的信息。

        2、聚攏原則

        將內容分成幾個區域,相關內容都聚在一個區域中。

        3、留白原則

        千萬不要把Banner排得密密麻麻,要留出一定的空間,這樣既減少了Banner的壓迫感,又可以引導讀者視線,突出重點內容。

        4、降噪原則

        顏色過多、字體過多、圖形過繁,都是分散讀者注意力的”噪音”。

        5、重復原則

        排版時,要注意整個設計的一致性和連貫性,避免出現不同類型的視覺元素。

        6、對比原則

        加大不同元素的視覺差異,這樣既增加了Banner的活潑,又突出了視覺重點,方便用戶一眼瀏覽到重要的信息。

        下面我講下比較常規的版式,主要是大方向的,時間緊的時候可以選擇一種拿來直接套用,這里我根據以往的經驗大致分了6類:


      網頁Banner設計的三個重點:風格、排版及配色六


        再講下文字的排版,文字的排版要求重點突出,大小粗細錯落有致,字體保持在2種左右,像下面這種大尺寸的Banner文字就可以適當的做下變形,加入一些跟內容有聯系的元素或者圖形,可以更好的表達整個設計的情緒。


      網頁Banner設計的三個重點:風格、排版及配色七


        配色:


        最后是配色,色彩是由色相、明度和純度構成的。色相即顏色的相貌,用于區分各類顏色,如紅色,黃色,綠色,藍色等;明度即顏色的明暗和深淺,或者說顏色含量里白色的多少;純度即色彩的飽和鮮艷程度。每種色彩都會因為色相,明度,純度的不同,表現出不同的色彩感,色彩是有情感的,不同的配色會帶給人完全不同的心里感受。所以當你在做Banner的時候 就要考慮你想要表達什么樣的情感,想讓用戶看的時候有什么樣的感受,你所表達的情感是不是符合主題內容,基于這些出發點再來做Banner的配色就更加的 有目的性了。

        下面來看幾組Banner,我提取了的一些顏色做了色組,并且配有一些文字的說明:


      網頁Banner設計的三個重點:風格、排版及配色八

      400-680-9298,0791-88117053
      掃一掃關注百恒網絡微信公眾號
      掃一掃打開百恒網絡小程序

      歡迎您的光顧,我們將竭誠為您服務×

      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售前咨詢 售前咨詢
       
      售后服務 售后服務
       
      售后服務 售后服務
       
      備案專線 備案專線
       
      ×
      无码国内精品久久人妻蜜桃| 岛国精品在线观看| 91亚洲精品第一综合不卡播放| 国产女精品视频在ktv| 精品综合久久久久久97超人| 精品国产一二三区在线影院| 亚洲第一页日韩专区| 国产精品毛片VA一区二区三区| 九九九精品成人免费视频| 国产精品 一区 在线| 久久精品国产2020| 国产精品一区二区三区99| 国产精品麻花传媒二三区别| 波霸在线精品视频免费观看| 国产精品久久女同磨豆腐| 亚洲国产精品国自产电影| 久久久久久久99精品免费观看| 三上悠亚精品一区二区久久 | 78成人精品电影在线播放| 国产亚洲美女精品久久久久狼| 国产成品精品午夜视频| 国产欧美另类久久久精品图片| 亚洲精品无码永久在线观看男男| 9久9久热精品视频在线观看| 日韩尤物影院一二区| 91精品一区二区三区在线观看| 亚洲AV无码成人网站久久精品大| 亚洲高清专区日韩精品| 2017国产精品自拍| 亚洲国产精品特色大片观看完整版| 中文精品久久久久人妻| 制服丝袜日韩中文字幕在线| 99久久99久久精品免费观看| 国产福利精品视频自拍 | 中日欧洲精品视频在线| 精品久久久久久无码免费| 精品人妻少妇一区二区三区不卡| 亚洲精品成a人在线观看☆| 久久精品99久久香蕉国产| 日本加勒比久久精品| 精品久久久久久亚洲精品|