做對了，妳會獲得很棒的背景，充分融入，發掘有吸引力的空間；
犯錯是視覺災難，會分散對房間內精心挑選的家具和藝術品的註意力。
雖然網站、傳單或社交媒體圖片的背景看起來像是壹個相對較小的細節，但妳不希望它像錯誤的油漆或隨機選擇的壁紙壹樣，使觀眾無法聚焦。
那麽我們來看看壹些靈感創意，學習壹些可以充分利用設計背景的技巧。基本的白色或者純色都沒有錯，但是本文重點討論如何增加背景的透明度，這將是壹個有效且萬能的工具。
01.簡化雜亂的背景
圖標或圖形背景可以使設計更加個性化，但它們也可能使設計更加復雜或模糊文案。怎麽解決？在圖層上疊加壹個半透明的背景。
這個活動海報的背景是壹個漂亮的復古插畫，但是如果頂部沒有白色的透明層，背景會搶了其他部分的風頭，文字會很難閱讀(尤其是小字體)。請註意，白色部分不是完全透明的，可以柔化插畫的細節，但也足夠透明，可以表現出質感。大多數設計軟件都可以通過不透明度設置來調整透明度水平，通常範圍是0%(完全清除)到100%(完全不透明)。
再看下面這個案例。明信片上的圓形背景覆蓋了下面的風景照片的壹部分，為排版增加了壹個簡單多彩的背景，這是另壹個全新的設計技巧…
02.讓文字更顯眼
照片是印刷和網絡背景的熱門選擇——無論是產品廣告、網站標題還是社交媒體圖片。但是，根據照片的構圖以及顏色和亮度的純度，它可能並不總是適合將文字放在頂部。
在這張圖片中，壹系列透明形狀疊加在壹起，為文本創建背景(否則，下面的黑白照片的細節將不可見)。紅色背景的透光率從輕度到中度的漸變也會帶來非常有趣的視覺效果。
我們來看下面這個案例。正是因為網頁上透明的白色背景，在較暗的照片上黑色的文字依然清晰可見。
同樣，這個技巧也可以反過來:彩色照片，深色透明背景和白色文字。
如果您正在尋找在設計中使用的照片，我們建議您選擇免費的照片資源。
03.打造清新輕快的風格。
如果能通過設計看到壹些細節，會給整體布局營造出壹種簡潔寬敞的感覺。比如下面的網站設計，就是壹系列若隱若現的背景圖片，字體幹凈，布局整齊，形成極簡風格。
這壹系列的目錄封面以不同的方式進行了極度簡化，以透明背景和三原色為基礎，然後用壹張照片和幾段文字來剪切部分版面。
04.引導觀眾的註意力
透明背景不必從設計的壹側覆蓋到另壹側，甚至不必形成立體形狀。通過透明很容易獲得想法——妳可以為觀眾創造不同形狀的切口或窗口，或者使用透明來提高(或模糊)觀眾對特定部分的註意力。
這些電影海報將彩色透明背景與切割字母形狀相結合，以創造有效的視覺焦點，並幫助觀眾快速關註每張海報中的主角。
在下面的設計中，背景中透明三角形的方向和位置將視線引導到美女的臉上。
05.顯示內部信息
對於包裝，容器，蓋子或任何其他封閉物的設計，透明度可以很好地顯示內部或底部的內容，讓產品自己說話。
下圖中的雜誌將標題安排在全透明的背景上，不僅為封面增添了額外的光澤，而且觸感更加柔和，進壹步強化了底層照片。
下面兩個例子說明透明背景對於食品包裝特別有效。乍壹看，透過這些透明的“豆袋”，妳可以直接看到豆子的顏色和形狀:
這個專為壹家名為Voyageur du Temps(法語“時間旅行者”的意思)的咖啡館設計的簡單套餐，並不能隱藏美味的面包。它通過半透明的材料讓面包變得美味，同時用與時光旅行主題相關的復古天文圖案增添了品牌感和額外的視覺興趣點。
06.創建結構化設計/使設計更具層次感。
使用透明背景的壹個好處是妳可以疊加多個背景或者透明背景與其他設計元素。通過不同顏色、照片或形狀的分層，布局會更有深度，並產生有趣的視覺效果。
該系列活動海報通過前景背景中的透明將人像和圖案並置，並在文字底部添加額外的透明背景形狀。這種色彩和元素的層次感讓整體效果有了鮮明的動感和對比，同時也讓排版布局更有深度。
下面是另壹個層次感的例子，將攝影照片、透明色塊、圖案完美結合。
07.讓紋理“滲透”
在第壹點中，我們說過透明的背景可以隱藏令人分心的細節。以稍微不同的方式，它也可以使壹些很棒的紋理為妳的設計增加壹些視覺趣味。
以下服裝零售廣告在透明背景中通過切口顯露出紡織格子底紋，形成主要排版。透過背景隱約可見紋理，讓整體設計在視覺上更有凝聚力。
下面這個案例包含了上面提到的壹些技巧，比如突出文字和設計圖層。因為透明圈和畫面重疊，所以透過綠色的透明圈，我們還可以看到畫面中壹些有趣的紋理細節。
08.添加壹些柔和的顏色漸變。
透明度也為給設計添加顏色提供了多種可能性。與純色背景相比，透明色看起來更柔和，更細膩，尤其是當妳的顏色不是那麽鮮艷的時候。
下圖使用柔和透明的淺色為照片上方的文字創造空間。背景沒有采用純色造型，而是漸變。隨著頁面的不透明度逐漸降低，圖案最終變得完全清晰。透明度和漸變掌握的非常好。
這是APP UI使用透明漸變的又壹個例子。這壹次漸變涉及到純度、色相、透明度的變化，讓設計更加生動活潑，但又不搶文字的風頭。
09.讓混音效果有創意。
很多設計軟件都有自己的混合模式或者混合工具。您可以創造性地混合和分層顏色、照片或其他元素，還可以通過透明度和其他設置創建各種視覺效果。這種方法通常涵蓋了我們已經談到的壹些技術，如分層，使用紋理和攝影。
這個設計的背景非常豐富，由老照片、有字跡的紙張紋理、墨跡和巧妙的彩水圖案組成，形成了壹個活潑的復古風作品。
這麽多設計元素的組合，效果有趣卻不壓抑，很大程度上得益於透明度的運用，它讓所有的部分有效地融合在壹起，形成壹個和諧的整體。
下圖的背景主要集中在如何相互融合和互動。這種混色效果很受歡迎。
10.強化品牌形象
設計的時候，背景不必提前考慮。事實上，它們可以作為另壹種方式，通過品牌色彩或其他可識別的視覺元素，更徹底、更清晰地表達公司的身份或風格。
比如下面這個概念項目，是為谷歌年報構思的新設計，通過透明的背景造型，完美融合了品牌的亮色。
以下網站設計使用類似的方法，從公司徽標中提取顏色和幾何形狀，形成透明的背景和圖形。
11.突出重點
透明背景，尤其是色彩醒目的透明背景，可以突出重要的文字內容或其他設計元素。
這個平面廣告使用了透明的紅色橫幅，借助整體的黑白設計突出了特別的促銷信息。
這種設計還使用紅色透明形狀(壹種常見的醒目選擇)來有選擇地吸引人們對網站特定部分的註意。
12.創造巧妙的組合
最後，老生常談:要有創意！
透明度和不透明度設置被廣泛使用，您可以在設計中創建各種有趣的效果。
加油！試試看，也許妳能創造出非常獨特的設計。
讓我們來看幾個使用透明背景創意的案例:
首先，書籍封面的概念可塑性很強。如下圖:簡單透明的藍色長方形代表海洋，配合標題排版，暗示水面上有危險的魚翅。
然後再看另壹個例子。在經典音樂電影的個性化海報中，透明的背景可以瞬間展現出多種創意用途:它突出了電影的關鍵時刻，為白色片頭排版提供了背景，象征著下雨，這些都與這壹段的主題息息相關，即所有這些都可以與其他設計元素相結合，創造出巧妙簡潔的設計作品(想學習ps平面設計的可以加我的qq群:760610867)。
從電影主題到電影節海報，下面設計中的透明圈為背景增添了壹抹亮色。同時，用相同的形狀搭配不同的顏色，突出了兩個對立圖像的區別。
標簽
有啟發嗎？我們希望這壹系列的設計案例能夠幫助妳理解透明背景在設計中的潛力。從色彩到構圖，他們隨時為妳的設計提供有效的解決方案。現在，是充分利用它們的時候了——壹如既往地享受設計吧！