平面設計中如何巧妙使用透明背景?9招實用小技巧快學快用

在平面設計中,背景就像是牆面漆或者牆紙……

背景用得對,你就能營造出一個吸引力十足的空間;用得不對,你只會徒增一個阻礙你欣賞傢具和藝術品的眼中釘。

網站、傳單或者社交媒體圖片的背景雖然看起來是非常小的細節,你一定不希望它看起來像是油漆工出了錯或者是選擇了遠古的壁紙,讓觀眾無法將注意力集中到重要的東西上。

所以,讓我們來看一些可以在設計項目中有效利用背景的創意和技巧。雖然選擇純白或者別的純色背景不太會出錯,但我們重點講解的是怎樣改變背景的透明度比較有用:

1.簡化雜亂的背景

誠然,有插畫或者圖畫的背景能給你的設計增添個性。但它們也很有可能使你的設計看起來雜亂無章或者難以看清楚文字。解決方法——疊加第二層半透明的背景在上面。

這張活動的海報是一張非常漂亮,復古風的插畫。但如果沒有這個白色半透明的疊層,這個背景可能比其他部分更加顯眼,其中的文字(尤其是小字的部分)讀起來難度不小。注意白色部分是怎樣利用不透明來淡化插圖的細節的,又是怎樣利用透明來襯托出插畫的紋理的。大多數設計工具都可以調整透明度參數,比如Fotor:

再舉一個例子,下面設計中的圓形圖形蓋住了背景圖片的部分細節,為文字排版提供了一個簡單又色彩豐富的背景。這就引出了我們下一個技巧……

2.使文本更加顯眼

攝影作品在印刷和網站的背景使用中非常受歡迎,在產品廣告和網頁標題中都隨處可見。但由於照片的構成、顏色、亮度等特徵,直接在上面放置文字可能並不合適。

下面這個設計中有一系列彼此疊加的透明圖形,為文字設置創建了背景(直接放在黑白照片之上文字不會很顯眼)。黃色背景的透明度從輕度到中度透明也形成了一個層次分明的視覺效果。

另一個例子,下面的設計用透明的白色背景使得黑色的文字放在暗色調的照片上也能清晰可見。

這種技巧的原理在反向配色中同樣適用:彩色照片,透明深色背景和白色文字。

3.創建簡潔的外觀

當你查看一個設計的各個部分時,它要能讓整個布局呈現出簡潔和寬敞的感覺。例如在下面的網頁設計中,背景隱約可見、字體乾淨、布局整潔,達到了簡約化的效果。

下面這個作品用不同的方式實現了簡約——原色透明背景作為基礎,用單一的照片和少量的文本來削減布局。

4.引導觀眾焦點

透明背景不需要完全覆蓋你的設計,也不需要有某種固定的形狀。在透明度上發揮創意很容易,你可以創建切口或窗口供觀眾瀏覽,也可以改變你的透明度來讓設計的某些部分更吸引大家的注意。

這張促銷海報結合了有色透明背景和切割出來的形狀有效地突出了焦點,幫助觀眾迅速抓住該張海報的重點。

5.創造層次感

運用透明背景的好處之一就是你可以疊加不同的背景或者是有別的設計元素的透明背景。 疊加不同的顏色、照片或者形狀能讓你的排版具有一種縱深感並達到有趣的視覺效應。

這個系列的活動海報將人物肖像和標誌性的圖像並列處理成半透明的背景,並且在一些文字後面增加了透明背景。這種顏色和設計元素的堆疊可以產生一種動態的,高對比度的分層效果,同時也增加了排版的深度。

另一個疊加的例子如下,這個設計結合了攝影作品、透明色塊和產品相關插圖。

6.添加色彩柔和的漸變

透明度的使用也能為你的設計增加色彩。相比純色背景,透明的看起來更加柔和微妙。當你不需要特別大膽和鮮亮的顏色時,這是一個很好的選擇。

這種設計的特點是柔和,透明的漸變色在照片上創造了一個文本空間。背景透明度漸漸改變形成梯度,最終變為完全透明,而不是簡單的透明色彩背景。這種設計非常特別。

下面是一個移動應用程序設計中使用的透明漸變的另一個例子。顏色強度、陰影和透明度的變化使得整個設計既不失活力又不過於張揚,文本在彩色背景上依然很清晰。

7.有創意的混合效果

許多設計軟體都有混合模式或者工具,可以用透明度和其他設置創造性地混合和疊加顏色、圖片或者其他元素。這種方法往往可以結合一些我們之前說的技巧,如分層、增加紋理、利用攝影作品等。

這種設計常用疊加的背景、老照片的集合、帶有手寫字體的紙質紋理、墨漬和減淡的顏色等元素,從而達到生動又復古的設計效果。要注意將多種設計元素有機地組合起來,而不是鋪天蓋地地大量堆積。由於各個元素本身的透明度有很大的不同,需要調整透明度等來讓所有的元素形成一個和諧的整體。

下面這個設計中的背景重點在怎樣將顏色混合併讓他們互相呼應。這種顏色的混合也是非常普遍的。

8.強化品牌

你沒有必要在設計項目中過多苛求背景,事實上,可以利用品牌的顏色或其他視覺標識作為另一種方式來表現公司的定位和風格。

網頁設計也可根據公司logo的顏色、產品的幾何圖形創造透明背景和圖形。

9.突出重點

透明的背景,尤其是亮色的背景,足以組成一個強調文本或其他設計元素的有力支撐。

這個廣告圖用了與設計中主體相對的亮黃色的透明背景,著重強調了正在進行的促銷活動。

下面這個設計也採用透明的紅色形狀(選擇一種常見的顏色吸引眼球),目的性地引起人們對特定區域的注意。

有靈感了嗎?我們希望這些設計案例能幫助你發現透明背景在設計中的潛力。從顏色到組合,它們都是你在設計時隨時可用的有效工具。現在是時候你自己來體驗一把了!設計愉快!
推薦閱讀:

[設計教程]十個方法提升你的作品質量
高手的經驗總結!如何自學平面設計?
如何成為藝術總監
獨家教程| 概念類設計中如何通過Ps渲染氛圍
Material Design的前世今生

TAG:平面設計 | 設計 | 透明 |