Banner設(shè)計(jì)可以說是設(shè)計(jì)師日常工作中最主要的一塊需求，Banner不比大型項(xiàng)目，從設(shè)計(jì)成本上來講不可能給太多的時(shí)間給設(shè)計(jì)師，所以這也引發(fā)了我對(duì)如何更有效率地完成一個(gè)Banner的思考。我覺得構(gòu)成Banner的重點(diǎn)主要有三個(gè)方面，即風(fēng)格，排版以及配色。我個(gè)人習(xí)慣是先定風(fēng)格，再做大致的排版和配色，然后根據(jù)整體再來調(diào)整，最后再優(yōu)化細(xì)節(jié)。

　　下面根據(jù)自己的一些經(jīng)驗(yàn)從這三個(gè)方面展開來講一下：

　　風(fēng)格：

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

　　下面我就按照我們這邊的風(fēng)格風(fēng)向標(biāo)來舉一些例子：

　　1、時(shí)尚風(fēng)

　　可以看到上面這2個(gè)Banner都有共同的特點(diǎn)，大標(biāo)題、模特，報(bào)刊潮流雜志風(fēng)。

　　2、復(fù)古風(fēng)

　　復(fù)古風(fēng)的重點(diǎn)是傳統(tǒng)元素和復(fù)古圖案，像第一個(gè)用了書法字體跟水墨感覺的圖案， 第二個(gè)則是包含了傳統(tǒng)的剪紙?jiān)?。

　　3、清新風(fēng)

　　清新風(fēng)的重點(diǎn)就是清爽、唯美，輕盈色調(diào)跟自然系，比如上面這個(gè)Banner就讓人感覺十分的清麗和透亮。

　　4、炫酷風(fēng)

　　這種風(fēng)格通常比較多的是深色背景，有一些比較質(zhì)感的元素跟光影特效。上面這個(gè)其實(shí)是我當(dāng)時(shí)給一個(gè)活動(dòng)做的版頭，平時(shí)這類風(fēng)格做的會(huì)比較少點(diǎn)，寫分享的時(shí)候也沒有找到合適的Banner，就拿了這個(gè)，我覺得可以歸類到這個(gè)風(fēng)格。

　　5、簡(jiǎn)約風(fēng)

　　簡(jiǎn)約風(fēng)的特點(diǎn)就是極簡(jiǎn)主義、大空間，就像這個(gè)Banner沒有任何過多的裝飾元素，整體感覺就是非常的透氣。

　　排版：

　　然后是排版，所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調(diào)整位置、大小，使版面達(dá)到美觀的視覺效果。之前在網(wǎng)上看到過一篇關(guān)于ppt排版六原則（對(duì)齊，聚攏，重復(fù)，對(duì)比，強(qiáng)調(diào)，留白）的文章，我覺得這個(gè)在Banner的設(shè)計(jì)中也是同樣適用。這里我把這些原則稍微修改了下，更加適用于Banner的設(shè)計(jì)。

　　1、對(duì)齊原則

　　相關(guān)的內(nèi)容要對(duì)齊，方便用戶視線快速移動(dòng)，一眼看到最重要的信息。

　　2、聚攏原則

　　將內(nèi)容分成幾個(gè)區(qū)域，相關(guān)內(nèi)容都聚在一個(gè)區(qū)域中。

　　3、留白原則

　　千萬不要把Banner排得密密麻麻，要留出一定的空間，這樣既減少了Banner的壓迫感，又可以引導(dǎo)讀者視線，突出重點(diǎn)內(nèi)容。

　　4、降噪原則

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

　　5、重復(fù)原則

　　排版時(shí)，要注意整個(gè)設(shè)計(jì)的一致性和連貫性，避免出現(xiàn)不同類型的視覺元素。

　　6、對(duì)比原則

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

　　下面我講下比較常規(guī)的版式，主要是大方向的，時(shí)間緊的時(shí)候可以選擇一種拿來直接套用，這里我根據(jù)以往的經(jīng)驗(yàn)大致分了6類：

　　再講下文字的排版，文字的排版要求重點(diǎn)突出，大小粗細(xì)錯(cuò)落有致，字體保持在2種左右，像下面這種大尺寸的Banner文字就可以適當(dāng)?shù)淖鱿伦冃危尤胍恍└鷥?nèi)容有聯(lián)系的元素或者圖形，可以更好的表達(dá)整個(gè)設(shè)計(jì)的情緒。

　　配色：

　　最后是配色，色彩是由色相、明度和純度構(gòu)成的。色相即顏色的相貌，用于區(qū)分各類顏色，如紅色，黃色，綠色，藍(lán)色等；明度即顏色的明暗和深淺，或者說顏色含量里白色的多少；純度即色彩的飽和鮮艷程度。每種色彩都會(huì)因?yàn)樯啵鞫龋兌鹊牟煌憩F(xiàn)出不同的色彩感，色彩是有情感的，不同的配色會(huì)帶給人完全不同的心里感受。所以當(dāng)你在做Banner的時(shí)候 就要考慮你想要表達(dá)什么樣的情感，想讓用戶看的時(shí)候有什么樣的感受，你所表達(dá)的情感是不是符合主題內(nèi)容，基于這些出發(fā)點(diǎn)再來做Banner的配色就更加的 有目的性了。

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