網頁設計 ? 視覺設計 ? 爛背景是如何毀掉一件設計作品的?

热血传奇手游刷元宝:爛背景是如何毀掉一件設計作品的?

發表于: 視覺設計. 評論
贊助商鏈接

腾讯热血传奇开服表 www.cjwjs.icu 我們都很關心畫面主體的設計,相關的文章應該也看了不少,其實背景也是畫面很重要的一部分,即使是一個純白色的背景也對設計的整體有很大的影響,而且很多設計師對背景的處理確實存在很多問題,然而我們很少看到有文章專門講解背景的設計,所以蔥爺又來填補市場空白了。

背景設計通常是為了滿足以下幾個需求:

1.凸顯主體

背景之所以為背景,是因為它并不是畫面中最主要的東西,它位于所有圖層的最后一層,所以背景不能搶了主體的風頭,而是要襯托主體,使其更具視覺沖擊力、更突出更美觀。如何用背景凸顯主體呢?其實就是要創造強烈的對比,比如下圖的背景與主體是對比色關系:

下圖為繁簡對比:

下圖為深顏色與淺顏色的對比:

很多設計師喜歡把背景做得很復雜、很花哨,以至于主體得不到凸顯,如下圖:

其實我們的重心應該放在主體上,所以需要把背景處理得稍微簡單一點、與文字的對比明顯一點,主體自然就被凸顯出來了。

提示:雖說為了凸顯主體,但也不要讓背景與主體沒有任何關聯。

2.增加空間感

畫面的空間感如果比較強,就會顯得更立體、更有層次,有些事物會被完整地展現在畫面里,這就很適合使用有空間感的背景,比如一個單獨放置的番茄,那么通常的處理方式是使它立在“地面”上,因為它上面有受光,于是就會有投影,地面也會因為有前后的關系而呈現出深淺的變化,這么處理整體的效果會比較接近現實。這樣的背景就是有空間感的背景。

如果把上圖的背景變成純扁平的,畫面的空間感就消失了,整體的效果會差很多。

視覺主體為符號型的廣告設計大多會使用有空間感的背景。

提示:把有空間感的圖片作為背景也是增強畫面空間感的常用方式。

3.豐富畫面

很多時候畫面的主體不適合或不能占據太大的版面空間,由此可能會導致畫面比較單薄,這時使用一個合適的背景也可以解決這個問題,例如下圖就因為背景太簡單,以至于畫面顯得有點寡。

所以我們需要給這個背景增加一點底紋,當然底紋的圖形要在調性或者意義方面與主體相符,例如在上圖的產品是帆布鞋,所以我們可以把一張廣場的圖片作為背景的底紋。

▲把背景做了補充后,畫面的整體感覺也豐富了許多。

有一個很簡單的方法可以有效豐富背景,即把主體復制出來一層,并把圖層樣式改為正片疊底或柔光疊印到背景里,再把透明度適當地降低,這么做既可以使畫面和背景變得更有細節,也能增加層次感。

4.增加形式感

背景也不是只有裝飾作用,它還可以增強畫面的設計感和形式感,比如下圖的元素很簡單,再加上一個單色的背景,所以看起來會比較普通。

但如果把它的背景改成兩個斜切的色塊后,整個畫面的形式感立馬增強了很多,所以說背景對形式的幫助也很大。

色塊具有很強的設計感與形式感,所以經常用在背景里,這樣的案例非常多。

提示:畫面中的元素和排版不必太受限于色塊劃分的區域。

5.完善場景

有些設計的視覺主體或者設計需求就已經明確了背景的設計方向,比如畫面的主體是一個海島,那它的背景很自然地會想到海洋和天空;

如果主體是家電或者家具,就適合以室內作為背景;

設計需求是設計一張體現自然健康的奶粉海報,那么藍天白云、青山綠草就會是很合適的背景。

這些背景在設計中的主要作用就是完善場景。

天空是適用性非常廣的背景元素,但天空的選擇和設計也很講究,其實很多天空圖片雖然好看,但并不適合作為廣告畫面的背景,比如下圖。

選擇天空通常要注意以下幾點:

1.天空的顏色最好有冷暖對比和明暗對比;

2.要有強烈的透視,以增加畫面的空間感;

3.天空中的云不宜太多,否則容易顯得亂,且會影響到文字的排版。

以下幾張天空圖片就是不錯的背景選擇對象。

當然,很多時候需要對現有圖片進行后期加工,才能滿足我們的設計需求。

6.營造或強化氛圍

每一件設計作品都要有它應有的調性,比如可愛、浪漫、歡樂、溫馨、科技、時尚等等,那么這些調性是否能夠被表現出來,就取決于整個畫面的氛圍夠不夠,背景的面積占比通常比較大,所以對氛圍的影響也很大。

▲上圖是兩則促銷海報,需要有比較強的促銷氛圍,所以設計師使用了色彩比較鮮艷、且有些細節的背景。

▲上圖背景中使用了由點組成的一圈一圈的線,是為了營造科技、互聯網的氛圍。

▲上圖背景使用了大小不一的紅藍幾何色塊,是為了強化時尚氛圍。

總結

講完了,最后來總結一下,背景在設計中的主要功能為:突出主體、增加空間感、豐富畫面、增加形式感、完善場景、營造或加強氛圍。優秀的設計離不開優秀的背景,希望通過這篇文章能夠讓大家認識到背景的重要性,在今后的設計中能多花點心思在背景的設計上。

作者:蔥爺, 微信號:congyenanian

推薦:查看最受歡迎的 301 個設計網站 → //hao.www.cjwjs.icu
交流:結交更多有才華的設計師?請加入UI設計QQ群,與50000名設計師交流設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。