首頁 > 網頁教程 > 設計分享 > 網頁Banner設計的風格、排版以及配色經驗分享

美月昂热利亚av:網頁Banner設計的風格、排版以及配色經驗分享

時間:2012-08-25    來源:阿里UED

法国昂热国立音乐学院 www.sxrkbx.com.cn Banner設計可以說是我日常工作中最主要的一塊需求,banner不比大型項目,從設計成本上來講不可能給太多的時間給設計師,所以這也引發了我對如何更有效率地完成一個banner的思考。我覺得構成banner的重點主要有三個方面,即風格,排版以及配色。我個人的習慣是先定風格,再做大致的排版和配色,然后根據整體再來調整,最后再優化細節。

小編推薦:網頁配色設計教程專題 【網頁配色理論、配色工具一網打??!】

下面我就根據自己的一些經驗從從這3個方面展開來講一下(視覺大牛們請輕拍):

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

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

1.時尚風:   

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

2.復古風: 

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

3.清新風:

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

4.炫酷風: 

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

5.簡約風:

簡約風的特點就是極簡主義、大空間,就像這個banner沒有任何過多的裝飾元素 ,整體感覺就是非常的透氣然后是排版,所謂排版,即將文字、圖片、圖形等可視化信息元素在版面布局上調整位置、大小,使版面達到美觀的視覺效果。

相關推薦
淘寶店鋪banner設計簡易排版參照模板圖文教程簡析超級實用
打造優秀網頁banner廣告設計的8個要點
新手教程:Flash廣告設計要素分享
快速設計節日促銷專題的經驗分享
淘寶店鋪廣告文案排版快速設計經驗分享
淘寶店鋪banner廣告設計技巧分享(一)
從優秀案例分析網頁Banner視覺構成與創意設計
網站Banner廣告設計經驗談
14個有效提高網站Banner點擊率的設計技巧分享
廣告圖片素材設計:如何從優秀到卓越?(上篇)
廣告圖片素材設計:如何從優秀到卓越?(中篇)
網站Banner橫幅廣告設計怎樣才能提高點擊率?
網絡廣告設計必備:Banner設計從入門到精通教程
如何快速設計好Banner?6個步驟幫你速成!
網站Banner廣告條怎樣設計才能提高點擊率?
電商設計:5個快速進階的電商Banner設計技巧
從人性的角度,揭露電商Banner設計背后的14個秘密
電商設計:韓國電商BANNER的構圖/配色/元素/應用分析
網頁BANNER首圖設計抓住用戶注意力的8個要點
視覺設計師做banner的設計方法分享
電商設計:點綴元素在Banner設計里的運用
快速設計廣告BANNER的20個技巧
數字元素在BANNER及專題頁設計中的運用
廣告Banner設計:玩轉9種最常見的設計風格
Banner設計:最全面的流程分析總結
網站的旗幟(Banner)廣告條字體設計簡析
網易UED分享banner廣告條設計的定位與思考
網頁UI之Banner廣告條設計案例賞析
BANNER設計的幾個實用性策略
騰訊CDC分享QQ登錄界面的banner設計過程點滴
網站設計中BANNER(廣告條)中的字體結構分析
創建優秀的網絡表單廣告設計經驗分享

精彩推薦

熱門教程