文章來源于“海空設計”微信公衆号，轉載請說明出處，謝謝！

在平面設計中，背景有點像牆漆或壁紙……

把它弄對，你就有了一個很好的背景，融入并襯托出一個有吸引力的空間；如果做錯了，你就會看到一個刺眼的東西，它會分散你對房間裡精心挑選的家具和藝術品的注意力。

雖然你的網站、宣傳單或社交媒體圖像的背景可能看起來是一個相對次要的細節，但你不希望它等同于油漆工作出錯或選擇了雜亂狂野的壁紙，讓受衆無法專注于其他任何事物。

因此，讓我們來看看一些靈感，并了解一些可以用來在設計項目中充分利用背景的技巧。雖然基本白色或純色沒有任何問題，但在這篇文章中，我們将專門研究如何為背景添加一些透明度，透明度是一種有用的多功能工具。

01 簡化繁雜圖形背景

一個有插圖或圖案的背景可以為設計增加很多個性。但它也有可能使它太繁雜或使文本難以看到。解決方案是什麼？在圖片上面疊加第二個半透明背景。

在下面這張圖裡，活動海報以美麗的複古風格插圖為背景。但是如果沒有透明的白色版面，背景可能會淹沒設計的其他部分，并且文本（尤其是較小尺寸的部分）将難以閱讀——如果不是不可能的話。請注意，白色部分的不透明程度足以緩和插圖的一些細節，但又足夠透明，可以讓一些紋理顯示出來。大多數設計軟件允許你使用不透明度設置來調整透明度級别，通常範圍在 0%（完全透明）和 100%（完全不透明）之間。

再舉一個例子，這些明信片上的圓形背景隐藏了下面細節的風景攝影的一部分，為字體排版提供了一個簡單、多彩的背景。這将我們帶到了下一個技巧......

02 使文本更清晰可見

該報告的特點是一系列相互疊在一起的透明形狀，以創建文本的背景（否則，在後面的細節黑白照片上就不會看到文本的背景）。紅色背景形狀的透明度從淺到深也産生了有趣的視覺效果。

另一個例子，以下網頁上的透明白色背景保證了在相當暗的照片上放置讓人易讀的黑色文本。

但這種技巧也适用于反向配色方案：彩色照片、深色透明背景和白色文本。

03 創建幹淨、通透些的外觀

當你能看到設計的各個部分時，它可以給布局一種簡單和寬闊的感覺。例如，下面的網站設計有一系列若隐若現的背景形狀，當與幹淨的字體和整潔的布局搭配時，有助于實現極簡風格。

這個系列的目錄封面以一種不同的方式實現基本的簡單，透明的背景，純原色作為縮減布局的一大部分，隻有一張照片和幾段文字。

04 創建受衆視覺焦點

透明背景不需要覆蓋整個設計，甚至不需要形成一個實體形狀。在透明度方面很容易産生創意——你可以創造出镂空或窗口讓受衆透過來觀看，或者調整透明度不同程度來吸引人們關注(或模糊)設計的某些部分。

在這裡，劇院海報結合了彩色透明背景和裁剪的字母形狀，創造了有效的焦點，幫助受衆集中在每個海報的主要人物身上。

在這個設計中，背景中透明的三角形的方向和位置，引導受衆眼睛注視作為視覺焦點的女人的臉。

05 展示背後的物品

對于任何涉及包裝、容器、封面或任何其他形式的外殼的設計項目，透明可以是一個揭示裡面或下面的東西很好的方式，讓産品自己銷售。

下面的雜志設計将其标題排版置于完全透明的背景上。這為封面提供了一些額外的光澤和良好的觸覺感，增強了下面的照片的視覺效果。

正如接下來的兩個示例所示，透明背景對于食品包裝尤其有效。首先，這些簡單的“豆袋”展示了裡面的産品的顔色和形狀：

這個簡單的袋子是為café設計的，名為Voyageur du Temps（法語中“時間旅行者”的意思），它并沒有把裡面美味的烘焙食品隐藏起來，而是利用半透明包裝材料，不僅可以讓其食品可見，而且通過添加一些品牌信息以及與時間旅行主題相關的複古天文地圖圖案，以增加一些額外的視覺興趣。

06 創建層次感

使用透明背景的好處之一是，你可以将多個背景或透明背景與其他設計元素堆疊在一起，通過分層不同的顔色、照片或形狀，來賦予布局深度和/或創建有趣的視覺效果。

這一系列的活動海報在遠處的背景中通過透明的方式，将肖像和象征意象并置在一起，但在一些文字後面也增加了透明的背景形狀。這種顔色和設計元素的分層産生了一個動态的、高對比度的整體效果，并為布局增加了一些很好的深度。

作為另一個分層的例子，這些設計結合了攝影、透明色塊和圖形圖案。

07 透視出紋理

作為我們第一項技巧的另一面，透明背景可以掩蓋分散注意力的細節，或者使用稍微不同的方式，讓有趣的紋理為設計增加一些視覺興趣。

下面是一個服裝零售商的橫幅廣告，其特點是在透明的背景中通過裁剪來顯示格子織物圖案，從而形成主要字體。但是紋理也通過背景隐約可見，給整個設計一個有凝聚力的外觀。

下一個示例涉及到我們之前提到的一些技巧，包括使文本更可見和分層。但是背景中透明的綠色圓圈也使後面照片的一些有趣的紋理細節在兩圖重疊時顯現出來。

08 漸變添加柔和色彩

透明度在為設計添加顔色方面也提供了很多可能性。與純色背景相比，當你追求不那麼醒目亮眼的色彩時，透明背景看起來更柔和、更微妙。

這個設計以柔和、透明的粉彩色為特色，在照片頂部創建一個文字空間。背景不是實心形狀，而是漸變色，随着頁面向下的不透明度逐漸降低，最終逐漸變淡至消失，使底部圖像完全清晰。透明度和漸變度搭配得特别好。

這是移動應用程序設計中應用透明漸變的另一個示例。這一次，漸變涉及顔色強度、濃淡深淺和透明度的變化，以使文本的彩色背景更有活力，但仍然帶些柔和感。

09 創意混合效果

許多設計程序提供混合圖案或工具，允許你創造性地混合和圖層顔色，照片，或其他元素，以使用透明度和其他設置創建各種視覺效果。這種方法通常結合了一些其他技術，如分層、紋理處理和使用攝影。

這個設計的特點是一個分層的背景組成的數字拼貼老照片，上面有手寫體的紙張紋理，墨漬和微妙的色塊組成，營造出活潑、複古風格的構圖。這麼多設計元素的組合很是有趣而不是壓倒性的，這在很大程度上歸因于不同程度的透明度，幫助所有的碎片融合成一個和諧的整體。

下面設計中的背景主要關注顔色如何相互融合和相互作用。這種類型的顔色混合是這種效果的一種流行用法。

10 強化品牌宣傳

在你的設計項目中，背景并不一定是事後才想到的。事實上，你可以将它們用作另一種方式，通過品牌顔色或其他可識别的視覺效果來彰顯公司的形象或風格。

例如，這個為谷歌年度報告設想新設計的概念項目，使用透明背景形狀整合了該品牌标志性的鮮豔色彩。

下面的網站設計采用了類似的方法，從公司的标識中提取顔色和幾何形狀來創建透明的背景和圖形。

11 指出重點區域

透明背景，尤其是具有醒目色彩的透明背景，也可以形成以突出重要的文字或其他設計元素的背景。

該廣告圖形使用了透明的紅色矩形塊，與其他設計的黑白配色方案相比真正脫穎而出，并突出了正在促銷的特價商品。

這個設計還使用了透明的紅色長條形狀（吸引眼球的常用顔色），有選擇性地将人們的注意力吸引到網站的某些區域。

12 巧妙創建構圖

最後，一個更普遍的建議：要有創意！透明度和不透明度設置是非常通用的工具，可以在你的項目中創建各種有趣的效果，因此請嘗試一下它們的功能；你可能會想出一個獨特的設計解決方案。

為了總結我們的展示，讓我們來看幾個使用透明背景作為創造性的、視覺上引人入勝的設計構圖部分的例子。

首先，一個書的封面概念，用很少的東西傳達很多事情。請注意，一個簡單的透明藍色矩形是如何代表海洋，并與标題排版相互作用，以暗示一個給人帶來威脅感的魚翅在水面上升起。

接下來，這張經典電影音樂劇海報中的透明背景同時具有多種創作目的：它突出了電影中的标志性時刻；為白色标題排版提供背景；并象征着下雨，這暗指标題——所有這些與其他設計元素相結合，創造出一個巧妙、緊湊的構圖。

繼續電影主題，一些電影節海報設計。這些設計具有透明圓圈，可為背景增添一抹亮色。然而，它們也用對比色突出了兩個對立圖像之間的差異，同時将他們統一為一個共同的形狀。

受到啟發了嗎？我們希望這個設計展示能幫助你看到透明的背景為你的設計項目提供的潛力。從顔色到構圖，它們可以被證明是你設計工具箱中觸手可得的有用解決方案。

本文由海空設計翻譯編輯，如需轉載請标明出處，謝謝！

北京雜志設計_企業内刊設計_畫冊設計_期刊排版公司_海空設計官網、設計公司

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!