“不要太復雜，簡單就好。要大氣，要漂亮！”

這是大多設計師面對需求提出者所共同聽道的一個聲音，然而說簡單，設計并不簡單。

面對緊縮的時間與“大氣”的要求，想要花太多的時間去雕琢一個好作品，在工作中并不現(xiàn)實，所以在較短的時間內(nèi)拿出一個合格的設計品，是十分考驗UIDer的。

那么，如何能快速高效的設計出一個漂亮的Banner呢？

1.選材：仔細選擇一個與主題相關的形象或背景，不要復雜，簡單就好。

2.背景：稍加處理，在背景上留出足夠的文字空間，產(chǎn)品（OR 模特）在1/3到1/4位置，即不會搶到文字視覺焦點，又不會使自己跑出視野。

3.配色：從背景(or 模特，即Banner中的圖案元素)選擇2到3種顏色，以保證Banner整體的色彩和諧。

4.布局：一般來說是不要人物與文字過分纏繞，有文字部分的背景不要太花。另外，不管怎么排，一定記住，要隱隱的有一種對齊（這點下面實例會講）。

5.審視：最后審視全局，然后看圖思考，并做調(diào)整：

a.該突出的是否突出

b.該弱化的是否弱化

c.色彩是否和諧

d.是否“對齊”

6.交稿審核

可能空范的理論并不是很好理解，下面以一個簡單的實例來說明上面的幾個要點的實際運用：

（實例是隨便一畫，圖片與文字我都不知道是神馬，So莫追究意義。

這里講的是設計的思路，或者說方法？總之不是PS工具使用教程，所以不會講如何操作。）

好，廢話結束，開始主題：

1. 采集所需素材（其實，這也是一種能力）

2. 處理背景

將背景適當?shù)难诱梗粤糇阄淖挚臻g。文字才是主體，人物是輔助。把人物放在邊上，但注意，不要太帖近邊緣，那會給人感覺空間不足，看著很累。

3.選擇色彩

這里選取了三種色彩，包的米黃色，海天的藍色，還有人物主色：粉。從圖可以看出，這三種色彩與背景很和諧，相互之間也有足夠的對比。

字體的選擇上，不要選擇一些奇奇怪怪的字體，使用方方正正的字體，宋體，線體等簡單而又易讀的字體即可。盡可能的壓制你使用的字體種類，多則亂。

4.對文字進行排版布局

把需要突出的主題放大并放在第一位。

同一種字體，同一顏色，我們還可以用大小做區(qū)分。在保正整體一致的前題下做出不同。

當然，我們還可以用其它選好的顏色做出主次分明，區(qū)塊劃分。主題用包的米黃色，中間選用了海天的藍色，而最后用了粉色。注意，到了這里，請再看一遍圖。發(fā)現(xiàn)了嗎？“米黃背包”的背景是藍色，這四個字非常突出。而下面兩行，與背景相似的色彩，藍字對海天，粉字對沙灘，很和諧。

最后一點，也是非常重要的，不管怎么排列文字，一定要隱有一種對齊。請看下圖：

文字的垂直方向，是底對齊的。水平方向是左對齊的（人總是喜歡有序的東西...），這樣整個文字的排版就不會亂，但又不像板書那般看上去很死板。

文字與人物之間的對齊很特殊:不要讓文字壓到人物，并且兩者之間要有一定的留白空間。如上圖所示，切記不要讓圖挨字，會讓人物有“面壁思過”的感覺。

當然，如何對齊視具體情況而定，這只是一種可能。

5. 審視并微調(diào)細節(jié)

現(xiàn)在主體已經(jīng)出來了。現(xiàn)是還太“簡單”，這不是我們所要的那種“簡單”。所以我們需要審視并調(diào)整細節(jié)，讓圖更“耐看”。

主題部分夠突出，但有些過于獨立，加些簡單的修飾性內(nèi)容：

修飾同樣簡單，但卻使文字區(qū)域不再是純文字那么單調(diào)，圖形的加入，帶來了活力。但不要用過于復雜的修飾，那會破壞我們想要的“簡單”。

嗯，現(xiàn)在看起來好多了，可是文字區(qū)域下面似乎有些空洞，我們再補充一點內(nèi)容：

同樣是簡單的文字與簡單的白色矩形背景，不會破壞“簡單”，但圖形的加入，又一次帶來了活力。值得注意的是，“特價包郵”與“活動時間”仍然存在“對齊”。

嗯，嗯，現(xiàn)在已經(jīng)可以收工了吧。再看一眼...

夠簡單，簡單的沒有一點起色-_-!!!。最后再給文字加一點小修飾，這里我給主題“米黃背包”和“特價包郵”的背景加了一點漸變色：

也許還可以給背景加點小花樣：

OK，再次審視，可以收工了。

6. 定稿并總結

收工后總結一下，這個Banner，不是很牛掰，但也算的是簡單，漂亮，大氣。不用復雜高超的PS技術，只要肯用心思考，用勤奮的雙手去練習。設計一個簡單的Banner，很簡單。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 教你簡單快速的設計漂亮大氣的Banner