banner設計其實很簡單,只要你學會這些技巧

今天分享的這篇文章來自UI中國優秀會員-張增順，根據實例詳細講解banner設計使用了這些技巧其實是如此的簡單，希望根據實例的分解步驟可以提供大家一些設計技巧和思路。

banner、專題頭圖、主KV經常接觸的，往往有一部分設計師做設計時沒有清晰的思路， 今天根據實例詳細講解banner設計使用了這些技巧其實是如此的簡單，本文章適合於設計初學者、設計愛好者，初級設計師，視覺設計師，希望根據實例的分解步驟可以提供大家一些思路、技巧和學習方式。

在有設計需求的時候先不要著急馬上就要開工，首先要了解一下活動項目的背景、這是個什麼樣的活動，根據活動去做相應的活動基調、色調、和風格。以這次實例主視覺為例，主視覺應用在PC專題、移動端上、此次了解設計需求是活潑、年輕、吃喝玩樂、DJ、生日、派對、色彩明亮等關鍵詞需求、目的是配合四周年活動，品牌宣傳。經過溝通了解沒有特別要求顏色所以根據經驗以及行業屬性去做色彩搭配。

在整個風格中色彩設定出主色調、輔色調。主色調不難理解在整個畫面中色彩佔用最多的顏色可以確定為主色調，作為輔色調也是在整個畫面所點綴對比的一個顏色，就好比一個電影劇中一定是有主角和配角。主角的戲份就多一些。配角只是作為整個劇中的點綴輔助而已。在設計色彩設定中也要根據行業屬性配比相關顏色比如:

黃：食品比較有食慾的顏色、兒童活潑。

黑色：高端、科技、汽車、紅色：新年、婚慶、傳統喜慶色彩

白：簡約 飾品 化妝品等。在做整個主視覺畫面的時候第一時間與顏色關聯。

以下為在實例中選擇的顏色。

定位整體風格，風格定位是整體的視覺方向，扁平化、簡約、3D元素、手繪風格、復古風格，漸變風格、中國風等等就不一 一介紹了，具體的設計的時候還是根據前期的需求了解之後在去定位整體設計風格。風格涉及到色彩、布局、字體、排版等，針對受眾人群和年齡的不同，找出相應的主題氣質風格。此案例在整體的定位和把控中做到一種活潑、扁平、色彩亮麗。

設計思路使最終的視覺效果符合活動的主題，採取提取關鍵詞頭腦風暴的方式。從關鍵字提取到具象化的關鍵字提取過程。頁面應該放什么元素、應該是個什麼樣的場景、如何布局排版、都需要在這個階段去考慮，可以在紙上畫草圖演示布局、在做設計的時候會比較清晰、此次設計運用扁平化設計、LOGO整體體現，與背景一個視覺融合。

根據具象化元素提取就要收集素材，建立素材庫文件夾，要有邏輯分類的把素材放在分類下。人物相關、場景相關、字體相關、裝飾相關素材等等，在整體布局排版的時候就會更加的有效率去調取素材進行創作。要有一個好的習慣、平時時間充裕的時候可以多多收集素材可以在創作的時候去參考借鑑這樣更省時間。更有效率，如果素材沒有相應的素材時候那麼就需要自己去手繪或者AI去繪製。

然後最後這一階段就是開始創作布局和排版，這塊不講解過多的如何布局和如何排版，只是講解一下在做設計的時候的方式方法一些思路，具體如何排版如何布局將會在下一個文章裡詳細講解，個人覺得找到一個設計技巧之後在去做設計的話效率會提升的更快。我總結了這樣的經驗一個設計從無到有，從一個白色畫板添加了顏色、 標題、背景、裝飾、主體構建了整個畫面。其實很多人在做設計的時候苦惱如何下手，如何去按照一個順暢的邏輯去做設計、其實設計中也需要增添一些樂趣，你可以這樣去考慮那麼做設計的時候是不是就會順暢的多，設計者是一個導演，白色的畫布為一個舞臺，主體為主角、裝飾為配角、主角、配角都逐個的在畫面中布局達到最終效果是導演去把控和布局。這樣的比喻腦海裡也有一定的概念做設計的話會更又順序的布局。

延展更多設計知識點

以上根據實例講解在banner、主視覺設計中的一些思路和方式方法。希望能幫助到需要的人。接下來還根據實例延展一些設計知識點。

這整個畫面設計中可以清晰的看出來構建整個畫面都需要哪些

除此之外整個畫面中也要看一下整個畫面的層次感，如果一個畫面沒有層次感，背景和主題都在一個平面上 粘合一起的感覺、畫面體現不出生動、如果層次感上都去做相應的對比那麼畫面感會更強畫面層次感最為比較好理解的就是分為：前景區、中景區、遠景區

前、中、遠層次關係、畫面表現會更強

頁面展示

書單推薦

作者：張增順

UI中國主頁：http://i.ui.cn/ucenter/359372.html

更多設計經驗分享，可以戳「閱讀原文」哦！

--關於我們---

UI中國 專業用戶體驗設計平臺

主站：www.ui.cn

新浪微博：@UI中國

合作請加微信：18931333875