如何設計一款不落俗套的背景板?

原創:蔥爺

閱前叨逼叨:找背景板設計的參考時, 搜索具體品牌的會議,要比直接搜「背景板」這個關鍵詞有效。感謝蔥爺

背景板是指線下會議的背景畫面,也常做會議宣傳主視覺使用,如產品發布會、周年慶、招商會、年會、頒獎典禮等等都需要設計背景板,會議具有一定的儀式感、且受眾會比較多,所以作為形象傳播的重要元素,在設計上不能太唐突處理。前段時間舉辦的第31屆電影金雞獎頒獎典禮,就因為背景板的設計太土太丑,遭到了全國網友的吐槽。

當然,除了這次金雞獎,其實我們平日里看到的大部分背景板也是很土很醜的。

為什麼那麼多會議的背景板都設計得這麼丑呢?難道非得這麼接地氣才行嗎?老實說想設計一款不落俗套的背景板確實不容易,首先,設計師會受到客戶以及自己傳統思維的限制,其次,背景板的設計既要考慮整體的美觀新穎,又要保證文字信息不被遮擋、畫面不能太複雜太搶眼(畢竟只是個背景、人才是主角)等等。但是好看的背景板設計依然有不少,我上網搜了一些大牌以及互聯網品牌發布會的背景板,就發現其中有很多優秀的設計。

不好意思搞錯了,是下面這些。

所以說,沒有做不好的設計,只有做不出好設計的設計師。那麼他們是如何做到的呢?蔥爺給大家整理了幾條思路,一切從解決基本問題開始。

巧婦難為無米之炊,動手設計第一步要解決的就是用什麼元素來設計的問題,很多巧婦(設計濕)都會被這一步難住,所以我把背景板設計中元素的提取方法也總結出來了。

a.根據會議關鍵詞設計視覺元素。

會議的關鍵詞通常會出現在會議主題里,大部分的會議都會有主題,不過主題與會議名稱不同,例如在下圖的背景板設計中,「共享設計」是主題,「全球創新設計大會」是會議名稱。

所以該主題的的關鍵詞就是共享和設計,那麼哪些元素可以代表這兩個詞呢?兩個交叉的圓可以代表共享,點線面可以代表設計,這個並不難想到,然後我們再用這兩個元素進行各種組合的嘗試,組合出來的圖形盡量不要太單薄、太常規,最終得出兩個由線組成的交叉球體圖形。

有時候會議關鍵詞也會在會議名稱中體現,例如在圖的全球網路技術大會背景板中,關鍵詞是標題中的全球和網路技術,所以設計師用數據與地球結合設計了該主視覺。

地球是一個很經典很好用的元素,會被經常被用在規模比較大(也可能只是吹得比較大)的會議背景板設計中,也正式由於被用得太多,很多設計師會覺得地球是一個很老土、很舊的元素,其實通過結合新的元素、變換新的設計風格,排版考究一點,同樣可以設計出時尚新潮的效果。

b.以數字作為主視覺元素

如果設計對象是周年慶,或者是會議名稱中寫明了是哪一年、第幾屆這樣的會議,那麼直接用這些具體的數字作為畫面的主要元素也是一種常見的做法。當然,這個數字最好要進行加工再設計,使其視覺更豐富、更貼合對應品牌或這次會議的調性。

在第50屆台灣金馬獎的海報設計中,就是用數字「50」與電影放映機的光進行創意組合,形成一個很簡潔、很有設計感的主視覺。

上圖是採用幾何色塊與直線結合,設計了一個比較抽象的立體數字「6」,使該數字同時具備了文字功能和圖片功能。

c.以具體的產品作為主視覺元素

對於一些新品發布會的背景板,也可以把主打產品作為主要設計元素,但是為了製造懸念,產品一般會用比較抽象的風格來表現,而且抽象化的產品形象可塑性更強,更有設計感。

在賓士轎車上市慶典的背景板設計中,設計師用星光和點,拼接出車的輪廓,以乾淨、深沉的科技藍為背景,科技感和尊貴感呼之欲出。

在上圖的華為新品發布會中,也是以產品形象來作為背景板的主視覺,利用光線勾勒出的手機輪廓配以鮮艷的大色塊,重點在於表達科技感與時尚感。

d.以LOGO或者輔助圖形作為主要元素。

對於品牌LOGO或者輔助圖形認知度比較高、比較漂亮的品牌,直接以LOGO或輔助圖形作為設計的主要元素也是很正確的做法。比較經典的有蘋果的新品發布會,幾乎每次都是用蘋果的LOGO來做文章。

同樣也很少直接展示LOGO,而是用一些與主題相關的元素與LOGO進行組合,從而打造一個更具驚艷、更有象徵意義的符號。例如在上圖iPhone7上市的海報設計中,設計師利用一堆彩色光暈拼成蘋果LOGO的形狀,寓意新的iPhone拍照效果將更好、屏幕解析度會更高等信息。

e.以會議舉辦地點的地標作為主視覺。

如果會議舉辦地點比較出名,更重要的是那裡有比較出名的地標,那麼就可以用地標來作為主視覺,這個方法被用得最為普遍,但是大部分的用法都很LOW,主要是因為構圖和排版過於傳統(多為豎式構圖,建築物在標題下方一排過)、角度常規(多為平視)、風格保守(多為實物或線稿)。

但是如果我們調整一下構圖、排版、角度、風格等,也可以做出比較新穎的背景板設計。例如下圖的建築風格雖然也是線稿,但是在構圖上使用了左右構圖,排版則採用了豎排且加入了直線錯位穿插,建築的角度則使用了仰視,所以整體還是給人一種耳目一新的感覺。

f.直接以主題或會議名稱作為主要視覺。

這算最不費腦的一種做法了,但是對字體的選擇、字體的設計、排版會要求比較高。

作為國產手機品牌的代表之一,華為榮耀的發布會背景板設計,直接以書法字體書寫的會議主題作為主視覺,白底黑字對比鮮明,張力十足。需要注意的是,畫面背景並不是純白色,而是淺灰色的三角色塊,這麼做主要是為了避免畫面太過單調,同時也能體現手機產品的科技屬性。

由於會議背景板都是橫版的,而且主題的位置一般不會低於畫面中部,所以構圖的形式不會像普通的平面設計那麼隨意,比較常用的有:

a.豎式構圖

即把主要文字放在版面的最上方,然後把視覺圖形放在其下方,如果圖片是成排的建築、延綿的山巒、橫跨版面的曲線等這種比較狹長的圖片時,採用這類構圖是最合適不過的了,因為橫排的文字與橫向的圖片可以合理的運用版面空間。

豎式構圖的優點在於視覺流程簡單、清晰,並於閱讀和傳播,而且文字不容易被遮擋。

缺點在於這種構圖太過常規,缺乏設計感,不過構圖主要是為了把圖片和文字以最佳的方式展現出來,對設計調性的影響並不大,字體設計、圖形設計、排版、設計風格才是影響調性的關鍵因素。例如下圖的豎式構圖背景板就還不錯。

上圖的圖片元素就是山巒,所以採用了豎式構圖,但由於在形式上採用了比較時尚的色塊、字體的設計也很現代、文字與圖片並沒有完全的與版面居中對齊、以及漂亮的色彩搭配,使得該設計顯得非常時尚且具有很強的設計感。

b.橫式構圖

即把視覺圖形與主題文字左右排列,如圖形在左文字在右或者文字在左圖形在右,也有可能是文字在中間,圖形分布在兩側,相比豎式構圖,橫向構圖會更具設計感一點。

採用橫豎構圖的背景板,圖片元素一般是成方形的,該類構圖的優點在於好延展、視覺衝擊力強、便於想創意。而美中不足的地方在於,由於圖文左右排列,文字信息不能放在版面最佳的中間偏上區域,所以得不到最大化的展示。當然,這一問題也並不要緊,而且也還是有辦法可以解決的。例如直接把主題文字作為圖片元素:

或者把文字放在版面中間,圖片左右分布(適用於尺寸比較長的版面):

又或者是弱化圖片元素,強化文字信息都可以有效解決這一問題。

c.居中構圖

居中構圖指的是圖片和文字元素全部集中在版面正中央,這種構圖只在兩種情形下成立,一是只有會議主題和名稱沒有主要視覺圖形的時候,二是把圖形與文字結合在一起的時候。

居中構圖的優點是版面中的圖片和文字都得到了最大發揮,且視覺衝擊力強。缺點也是缺乏設計感,設計師發揮空間比較小。

地球果然是一個經常被拿來操作的元素啊,你們有想過地球的感受嗎?

d.環繞構圖

即主要文字在畫面中央,視覺元素環繞在四周的構圖方式,採用此類構圖的背景板,視覺圖形通常只是輔助元素,主要作用是裝飾和彰顯設計氛圍,在互聯網品牌的會議中用的比較多。

該類構圖的優點是文字信息特別突出,畫面會比較豐富;缺點是容易造成畫面散亂的感覺。

總的來說,沒有最好的構圖,只有最合適的構圖。採用什麼構圖要根據版面尺寸和畫面的元素來選擇,不要本末倒置。

設計風格直接影響著設計的氣質,所以,針對不同的行業、不同的主題,我們要找到最適合的風格來表現。這裡我列舉了使用最廣泛,也是當下比較流行的三種風格。

a.扁平加漸變色風

扁平風和漸變色都是這幾年都是比較流行的設計風格,所以在很多互聯網品牌、時尚品牌、娛樂品牌的會議背景板設計中,都喜歡採用。這一風格的優點是年輕、時尚、視覺衝擊力強,但是我們要盡量控制色彩的種類,避免畫面太過花哨、輕浮。該風格不太適合比較傳統的品牌使用。

▲設計行業的背景板設計可以玩得比較大膽。

b.線

線本身就具有比較強的設計感和科技感,如果把線重複排列還能創造節奏感和漂亮的視覺效果,所以幾乎在各大會議的背景板中,都能看到曲線風格的設計。它的不足之處在於線的視覺衝擊力不是特彆強,所以有時候也會與面一起組合使用。

▲通過疏密和方向的變化,線也可以創造出空間感。

▲把具象的元素用線勾勒出來,會更有設計感,也解決了沒有實物大圖的煩惱。

▲在線中加入面可增強視覺衝擊力。

c.矢量圖風格

雖然扁平風格也屬於矢量圖,但是矢量圖不一定屬於扁平風,矢量圖應該是背景板設計中被使用得最為廣泛的風格了,它具有簡潔、可塑性強、尺寸不受限等特點,所以也被應用的十分廣泛。不過對設計師手繪能力的要求會相對高一點,在設計時要注意矢量圖的細節處理,避免過於粗糙沒質感。

▲有立體感的矢量圖可以增加畫面的空間,這是扁平風格所不具備的。

結語

如果說背景板設計是一個很難解決的大問題,那我們就把它拆解為:素材提取、圖形設計、構圖、排版、風格、字體設計、配色等小問題,如果覺得這些問題還是很大,那就繼續拆解,當一個一個的小問題被解決了,那麼大問題也會迎刃而解。


推薦閱讀:

獨家教程 | 通過Magdiel Lopez作品,掌握Ps高級漸變
她設計了中國最美的書,我們找她聊了聊12年來的故事
AI教程--手把手教你繪製矢量花叢文字效果
~平面設計練習~2017.12.3~12.9份

TAG:平面設計 | 海報設計 | 教程 |