十年专注于品牌日本ww高清视频在线 十年專注于品牌日本ww高清视频在线,低調、有情懷的網絡應用服務商!
南昌百恒網絡微信公众号 扫一扫关注
小程序
tel-icon日本ww高清视频在线:400-680-9298,0791-88117053
扫一扫关注百恒網絡微信公众号
扫一扫打开百恒網絡微信小程序

百恒網絡

南昌百恒網絡

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

網頁Banner設計的三個重點風格排版及配色 百恒網絡 2018-07-13 2836
  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
扫一扫关注百恒網絡微信公众号
扫一扫打开百恒網絡小程序

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

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售後服務 售後服務
 
售後服務 售後服務
 
備案專線 備案專線
 
×