要極度顯示產品的特征的時候我們最好選擇不添加元素干擾產品,
第二:對于簡約產品,我們最好也不要添加元素做裝飾,大量的留白更加適合簡約產品的風格,
02:活動類banner
產品+文案+元素+背景
例如:
(來源于花瓣)
對于活動類的banner設計我們大多數都會選擇顏色鮮艷多彩的,并且畫面飽和具有沖擊力的,營造出一種熱鬧的氛圍,對于元素的添加也是必不可少的一點,因為對于活動類的banner設計,畫面越熱鬧活動力度就會顯得越大,才會更加吸引用戶,對于活動的標題也要盡量的凸顯!
二:banner的風格選擇
對于banner的風格也是多種多樣的,但是對于不同性質的banner選擇的風格肯定也是不一樣的,不同的banner搭配不同的風格給人的視覺效果是完全不一樣的,合適的搭配才能使banner更好的表現其特征和目的
例如:
01:簡約產品家居banner的宣傳banner,就比較適合簡約大氣干凈的風格
(來源于花瓣)
02:高端科技產品banner,就選擇具有科技感氣質的風格
(通過科技感的圖形和顏色等來體現)
(來源于花瓣)
03:時尚服飾類的banner,就適合選擇時尚畫面的風格
(通過獨特的造型和風格圖形以及色彩等來體現)
(來源于花瓣)
04:高端奢侈品牌類banner,就適合高端大氣的風格搭配
(通過高檔色彩黑紅配,黑金配等來體現)
(來源于花瓣)
05:少女\兒童可愛風banner,就適合可愛風元素搭配的選擇
(通過可愛元素:插畫、線條、氣球、愛心、圓潤的字體、活力的色彩等來體現)
(來源于花瓣)
06:國風/文化/節日類banner,就比較適合選擇帶有文化氣質的元素搭配
(通過中國風毛筆字、中國古有的元素:印章,中國山水畫,墨跡,扇面,剪紙,園林窗格,古紋樣,祥云,京劇,卷軸等等)
(來源于花瓣)
二:banner的設計步驟
01:了解和確定banner的設計需求
02:明確banner設計的目的
03:根據得到的banner設計需求確定banner的設計風格
04:選擇合適的banner設計版式結構
05:選擇匹配的元素裝飾banner的整體效果(根據實際需求添加)
06:色彩搭配選擇
01:了解和確定banner的設計需求
對于這了解設計需求一點來說,不管是做什么設計的前提都是必不可少的一步,也是最關鍵的一步,如果你連設計的需求都不明確那么做出來的設計結果肯定就不會符合實際的需求
那么對于banner的設計需求我們具體需要明確那一些呢?
第一點:確定banner設計文案
文案對于設計師來說也是一個很重要的點,設計師可以根據文案信息從中找到設計靈感,并且也可以知道大致的設計風格的走向
第一點:確定banner設計尺寸和投放平臺
文案確定后我們還需要知道banner的投放平臺和位置,尺寸大小,以及是否需要適配各個平臺的展示,
02:明確banner設計的目的
對于設計一張banner,肯定是想要達到某一種目的才會設計這一張banner,所以在設計banner之前一定要了解清楚這一張banner設計的目的是什么,例如:是想要宣傳產品還是想要促銷產品,兩者的性質是完全不一樣的,
03:根據得到的banner設計需求確定banner的設計風格
banner的設計風格我們可以從banner文案需求中找到關鍵詞進行定位,比如:全語音智能操作的車載支架A5
從這一句主題文案中我們能夠提出的關鍵詞就有:全語言、智能
對于這樣的關鍵詞的理解我們肯定第一就會想到科技感智能化時代的畫面,所以這里的風格我們也就有所選擇啦!
04:選擇合適的banner設計版式結構
banner的設計版式結構我們可以大致分為:
居中結構、左對齊結構、右對齊結構
不同需求banner的結構就需要根據實際情況選擇啦!
05:選擇匹配的元素裝飾banner的整體效果(根據實際需求添加)
對于banner的裝飾元素我們也是需要根據實際情況和產品banner的特征采取合適的選擇,比如簡約產品的banner就不需要裝飾元素更好,而活動類banner或少女兒童等可愛類的banner設計就需要選擇裝飾元素更加適合,并且不同形狀banner的裝飾元素選擇也是不同的(前面做了簡單的介紹,這里就不再重復啦)
06:色彩搭配選擇
色彩的選擇也是很關鍵的,不同性質的banner選擇的顏色搭配也是不一樣的,適當的顏色搭配會使產品更加凸顯或者使畫面更加顯眼突出,并且給人的感覺也是不同的,
例如:
*黑金配和黑紅配就會給人一種高級感
*藍,黑色,紫等冷色搭配,畫面給人硬朗,空間感,速度和力量的感覺更加適合科技感
*紅、橙、黃、紫搭配,就會營造出一種熱烈的氛圍,更加適合時尚和活動類
*黑、白、灰的搭配就會給人一種高冷不宜接近的感覺,更加適合大牌的風格選擇
*白、灰的搭配會給人一種寧靜、文藝、氣質、素雅的感覺,更加適合簡約產品的選擇
實操案例:
文案需求:
全語音智能操作的車載支架A5
揮手聽話的語音支架
使用訊飛AIUI人機交互解決方案,智能駕乘張口即來
設計尺寸:1920x650px
設計的目的:根據需求我們得到的banner設計的目的是宣傳新產品車載支架A5
第一步:我們將文案信息以及提供的產品放入畫布中
第二步:明確我們的主標題“全語音智能操作的車載支架A5”
所以我們將主標題放大處理,凸顯主標題
第三步:選擇banner的風格,因為這里我們需要體現的是產品的智能化,所以我們的風格就可以定義為科技感的
第四步:選擇版式結構,我們這里就選擇簡單的左右結構吧!
第五步:選擇裝飾元素,裝飾元素也要根據科技感的效果選擇,以及可以從文案中提取,例如這里我們可以提取:科技感線條和圖形、語音圖形等
第六步:整體位置調整和色彩搭配,對于文字大標題我們也處理成不一樣的具有層次結構的,使其更加凸顯,小標題文案也根據整體風格畫面做微小的處理,使文案和畫面更加和諧統一,包括產品周圍由于受到光的影響,也需要做處理
最終我們就得到上面的banner效果啦!????一個簡單的科技感banner就設計完成啦!
好啦!今天的知識有點多,也有點全面!希望你們喜歡吧!????
往期好文推薦
—
版式設計——簡單7種圖片排版方式
10張創意線條圖形海報設計
2招教你配色技巧,擺脫配色困難癥!
【創新】海報設計思路