“不要太復雜,簡單就好。要大氣,要漂亮!”
這是大多設計師面對需求提出者所共同聽道的一個聲音,然而說簡單,設計并不簡單。
面對緊縮的時間與“大氣”的要求,想要花太多的時間去雕琢一個好作品,在工作中并不現實,所以在較短的時間內拿出一個合格的設計品,是十分考驗UIDer的。
那么,如何能快速高效的設計出一個漂亮的Banner呢?
1.選材:仔細選擇一個與主題相關的形象或背景,不要復雜,簡單就好。
2.背景:稍加處理,在背景上留出足夠的文字空間,產品(OR 模特)在1/3到1/4位置,即不會搶到文字視覺焦點,又不會使自己跑出視野。
3.配色:從背景(or 模特,即Banner中的圖案元素)選擇2到3種顏色,以保證Banner整體的色彩和諧。
4.布局:一般來說是不要人物與文字過分纏繞,有文字部分的背景不要太花。另外,不管怎么排,一定記住,要隱隱的有一種對齊(這點下面實例會講)。
5.審視:最后審視全局,然后看圖思考,并做調整:
a.該突出的是否突出
b.該弱化的是否弱化
c.色彩是否和諧
d.是否“對齊”
6.交稿審核
可能空范的理論并不是很好理解,下面以一個簡單的實例來說明上面的幾個要點的實際運用:
(實例是隨便一畫,圖片與文字我都不知道是神馬,So莫追究意義。
這里講的是設計的思路,或者說方法?總之不是PS工具使用教程,所以不會講如何操作。)
好,廢話結束,開始主題:
1. 采集所需素材(其實,這也是一種能力)
2. 處理背景
將背景適當的延展,以留足文字空間。文字才是主體,人物是輔助。把人物放在邊上,但注意,不要太帖近邊緣,那會給人感覺空間不足,看著很累。
3.選擇色彩
這里選取了三種色彩,包的米黃色,海天的藍色,還有人物主色:粉。從圖可以看出,這三種色彩與背景很和諧,相互之間也有足夠的對比。
字體的選擇上,不要選擇一些奇奇怪怪的字體,使用方方正正的字體,宋體,線體等簡單而又易讀的字體即可。盡可能的壓制你使用的字體種類,多則亂。
4.對文字進行排版布局
把需要突出的主題放大并放在第一位。
同一種字體,同一顏色,我們還可以用大小做區分。在保正整體一致的前題下做出不同。
當然,我們還可以用其它選好的顏色做出主次分明,區塊劃分。主題用包的米黃色,中間選用了海天的藍色,而最后用了粉色。注意,到了這里,請再看一遍圖。發現了嗎?“米黃背包”的背景是藍色,這四個字非常突出。而下面兩行,與背景相似的色彩,藍字對海天,粉字對沙灘,很和諧。
最后一點,也是非常重要的,不管怎么排列文字,一定要隱有一種對齊。請看下圖:
文字的垂直方向,是底對齊的。水平方向是左對齊的(人總是喜歡有序的東西...),這樣整個文字的排版就不會亂,但又不像板書那般看上去很死板。
文字與人物之間的對齊很特殊:不要讓文字壓到人物,并且兩者之間要有一定的留白空間。如上圖所示,切記不要讓圖挨字,會讓人物有“面壁思過”的感覺。
當然,如何對齊視具體情況而定,這只是一種可能。
5. 審視并微調細節
現在主體已經出來了。現是還太“簡單”,這不是我們所要的那種“簡單”。所以我們需要審視并調整細節,讓圖更“耐看”。
主題部分夠突出,但有些過于獨立,加些簡單的修飾性內容:
修飾同樣簡單,但卻使文字區域不再是純文字那么單調,圖形的加入,帶來了活力。但不要用過于復雜的修飾,那會破壞我們想要的“簡單”。
嗯,現在看起來好多了,可是文字區域下面似乎有些空洞,我們再補充一點內容:
同樣是簡單的文字與簡單的白色矩形背景,不會破壞“簡單”,但圖形的加入,又一次帶來了活力。值得注意的是,“特價包郵”與“活動時間”仍然存在“對齊”。
嗯,嗯,現在已經可以收工了吧。再看一眼...
夠簡單,簡單的沒有一點起色-_-!!!。最后再給文字加一點小修飾,這里我給主題“米黃背包”和“特價包郵”的背景加了一點漸變色:
也許還可以給背景加點小花樣:
OK,再次審視,可以收工了。
6. 定稿并總結
收工后總結一下,這個Banner,不是很牛掰,但也算的是簡單,漂亮,大氣。不用復雜高超的PS技術,只要肯用心思考,用勤奮的雙手去練習。設計一個簡單的Banner,很簡單。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 教你簡單快速的設計漂亮大氣的Banner