12個透明背景使用技巧溯乒,助你快速提高設(shè)計水平

平面設(shè)計的背景在某種程度上有點像墻上的油漆或壁紙...

做對了,你將會得到一個非常棒的背景豹爹,充分融合并發(fā)掘有吸引力的空間裆悄;

弄錯了,就是一場視覺災(zāi)難臂聋,它會把注意力分散在房間精心挑選的家具和藝術(shù)品上光稼。

雖然網(wǎng)站、傳單或社交媒體圖片的背景看起來是相對較小的細(xì)節(jié)孩等,但您不希望它像出錯的油漆或胡亂的選擇的壁紙艾君,讓受眾無法聚焦。

那我們就來看一些靈感創(chuàng)意肄方,并學(xué)一些能充分利用到設(shè)計背景中的技巧冰垄。基本的白色或純色沒有任何問題权她,但本文專門研究如何為背景增加透明度虹茶,這將是一個行之有效、用途多樣的工具

01. 簡化雜亂的背景

圖示或圖案背景能讓設(shè)計更具個性化隅要,但也可能讓設(shè)計更復(fù)雜或遮住文案蝴罪。如何解決?在圖層頂層覆蓋一個次要的半透明背景步清。

這張活動海報的背景是一張美麗的復(fù)古風(fēng)插圖要门,但是如果沒有頂層的白色透明圖層,背景就會搶了其他部分的風(fēng)頭尼啡,文字將很難讀仍莺狻(特別是小號字體)。請注意白色部分不是全透明的崖瞭,這樣可以柔和插圖的細(xì)節(jié)狂巢,但它的透明度又足以讓紋理顯現(xiàn)出來。大多數(shù)設(shè)計軟件可以通過不透明度設(shè)置調(diào)整透明度級別书聚,通常范圍在0%(完全清除)和100%(完全不透明)之間唧领。

再看如下案例藻雌,明信片上的圓形背景遮住了下面風(fēng)景照的一部分,給排版增加了一個簡單而多彩的背景斩个,這又是一個全新的設(shè)計技巧…

02. 讓文字更顯眼

攝影照片是印刷和網(wǎng)頁背景的普遍選擇—無論是產(chǎn)品廣告胯杭、網(wǎng)站標(biāo)題還是社交媒體圖形。但是受啥,根據(jù)照片的組成以及顏色做个、亮度等的純度,它可能并不一定都適合將文字放在頂部滚局。

這張圖中居暖,一系列的透明形狀在彼此頂部疊加,為文字創(chuàng)建背景(不然藤肢,下面黑白照片的細(xì)節(jié)就看不到)太闺。紅色背景的透光度從輕度到中度的漸變也會帶來非常有趣的視覺效果。

再看如下案例嘁圈,正是因為網(wǎng)頁上的透明白色背景省骂,才讓黑色文字放在較暗的照片上仍然清晰可見。

同樣地最住,這個技巧也可以反轉(zhuǎn)使用:彩色照片钞澳、深色透明背景和白色文字。

如果您正在尋找在設(shè)計中使用的照片温学,我們建議您選擇免費的照片資源略贮。

03. 打造清新、輕快的風(fēng)格

如果能透過設(shè)計看到部分細(xì)節(jié)仗岖,它就給整體布局營造一種簡單寬敞的感覺。例如览妖,下面的網(wǎng)站設(shè)計圖就是由一系列若隱若現(xiàn)的背景圖轧拄,配合干凈的字體和整潔的布局,形成極簡風(fēng)格讽膏。

這一系列目錄封面以不同的方式實現(xiàn)極簡化檩电,以透明背景和三原色為基礎(chǔ),再用一張照片和幾段文字來削減布局的一部分府树。

04. 引導(dǎo)受眾的注意力

透明背景不一定要從設(shè)計的這一邊覆蓋到另一邊俐末,甚至構(gòu)成實體形狀。通過透明度獲得創(chuàng)意很容易 - 您可以為受眾創(chuàng)建不同的形狀切口或窗口奄侠,或利用透明度來提高(或模糊)受眾對特定部分的注意力卓箫。

這些電影海報將彩色透明背景和切割字母形狀結(jié)合,創(chuàng)建有效的視覺焦點垄潮,幫助受眾在每張海報中迅速聚焦到主角上烹卒。

在下圖的設(shè)計中闷盔,透明三角形在背景中的方向和位置將視線引導(dǎo)至美女的臉部。

05. 展示內(nèi)部信息

對于包裝旅急、容器逢勾、封面或任何其他封閉物的設(shè)計,透明度可以很好地展示內(nèi)部或底部內(nèi)容藐吮,讓產(chǎn)品自身說話溺拱。

下圖的雜志將標(biāo)題排在全透明的背景上,不僅讓封面增添額外光澤谣辞,更具柔和觸感迫摔,也讓底層照片得到進一步的強化。

接下來的兩個例子表明潦闲,透明背景對于食品包裝特別有效攒菠。僅僅第一眼,就能通過這些透明的“豆袋”歉闰,直截了當(dāng)?shù)目吹蕉棺拥念伾托螤睿?/p>

這個專為一個叫做Voyageur du Temps的咖啡館(法語為“時間旅行者”)設(shè)計的簡單包裝辖众,并不能隱藏面包的美味,通過半透明材料讓面包美味立現(xiàn)和敬,同時還用與時間旅行主題相關(guān)的復(fù)古天文圖案來增添品牌感和額外的視覺興趣點凹炸。

06. 打造層次分明的設(shè)計/讓設(shè)計更有層次感

使用透明背景的好處之一是你可以用其他設(shè)計元素疊加多個背景或疊加透明背景,通過將不同顏色昼弟、照片或形狀分層啤它,讓布局更有深度并打造有趣的視覺效果。

這一系列活動海報通過遠景背景下的透明度舱痘,把人像和圖案并列放在一起变骡,同時在文字底部又額外添加透明背景形狀。這種將顏色和元素的分層讓整體效果具有鮮明的動態(tài)感和對比度芭逝,同時也讓排版布局更有深度塌碌。

以下是分層的另一個案例,它們完美結(jié)合了攝影照片旬盯、透明的色塊和圖案台妆。

07. 讓紋理“透”出來

第一點中我們講到透明背景可以遮住分散注意力的細(xì)節(jié),稍微換一種方式胖翰,它也能讓一些很棒的紋理給你的設(shè)計增添一些視覺興趣點接剩。

下面這張服裝零售廣告通過透明背景中的切口透出紡織格子底紋,形成主要排版萨咳。紋理透過背景隱約可見懊缺,讓整體設(shè)計更具視覺黏著力。

下面的案例包含了前面講到的一些技巧某弦,比如凸顯文字和設(shè)計分層桐汤。因為透明圓圈和圖片重疊而克,透過綠色透明圓圈也看到圖片中一些有趣的紋理細(xì)節(jié)。

08. 添加一些柔和的色彩漸變

透明度還為設(shè)計添加顏色提供了多種多樣的可能怔毛,與純色背景相比员萍,透明的顏色看起來更柔軟、更細(xì)膩拣度,尤其是當(dāng)你的顏色不那么出彩的時候碎绎。

下圖采用柔和透明的淺淡色彩,給照片上方的文字創(chuàng)造空間抗果。背景沒有采用純色形狀而是漸變的方式筋帖,隨著頁面的不透明度逐步降低,圖案最終漸漸完全清晰冤馏。透明度和漸變梯度掌握的非常好日麸。

這是APP UI使用透明漸變的另一個示例。這一次逮光,漸變涉及純度代箭、色調(diào)和透明度的變化,讓設(shè)計更加活潑有生氣涕刚,但又不搶文字風(fēng)頭嗡综。

09. 讓混合效果發(fā)揮創(chuàng)意

很多設(shè)計軟件都自帶混合模式或混合工具,您可以創(chuàng)造性地將顏色杜漠、照片或其他元素進行融合和分層极景,還可以用透明度和其他設(shè)置創(chuàng)造各種視覺效果。這種方法通常都涵蓋了我們講過的一些技巧驾茴,如分層盼樟、使用紋理和攝影。

這張設(shè)計的背景層次感非常豐富锈至,由舊照片恤批、含有筆跡的紙質(zhì)紋理、墨跡裹赴、巧妙的顏色水紋交織拼接一起,形成生動活潑的復(fù)古風(fēng)作品诀浪。

這么多設(shè)計元素的組合棋返,效果有趣卻不壓抑,很大程度上得益于透明度的使用雷猪,它讓各個部分有效地融合一起睛竣,形成和諧的整體。

下圖的背景主要集中在如何將顏色相互融合求摇、相互作用射沟,這種顏色混合效果廣受歡迎殊者。

10. 強化品牌形象

設(shè)計時,背景不一定要事先考慮验夯。事實上猖吴,可以將它們作為另一種途徑,通過品牌顏色或其他可識別的視覺元素挥转,將公司的身份或風(fēng)格表達更透徹更清晰海蔽。

例如,下面的概念項目是為Google年度報告構(gòu)思的一個新設(shè)計绑谣,通過透明背景形狀完美融合品牌的鮮艷色彩党窜。

以下網(wǎng)站設(shè)計采用類似的方法,從公司標(biāo)志中提取顏色和幾何形狀借宵,形成透明的背景和圖形幌衣。

11. 突出重點

透明的背景,尤其是顏色醒目的透明背景壤玫,更能突顯重要的文字內(nèi)容或其他設(shè)計元素豁护。

這個平面廣告圖使用透明的紅色橫幅,在整體黑白設(shè)計的托下垦细,突出強調(diào)了特價促銷的信息择镇。

這個設(shè)計也使用紅色透明形狀(常見的吸人眼球的好選擇)來選擇性地吸引注意網(wǎng)站的特定版塊。

12. 創(chuàng)建巧妙組合

最后括改,老生常談的提個醒:一定要有創(chuàng)意腻豌!

透明度和不透明度設(shè)置應(yīng)用非常廣泛,你可以在設(shè)計中創(chuàng)造各種有趣的效果嘱能。

來吝梅!試一試,說不定你就能創(chuàng)造一個非常獨特的設(shè)計方案惹骂。

我們來看幾個使用透明背景創(chuàng)意的案例:

首先苏携,書封面的概念延展性非常豐富。如下圖:一個簡單透明的藍色長方形代表海洋对粪,與標(biāo)題排版相互配合右冻,暗示水面上方有一個危險的鯊魚鰭。

接著再看一個例子著拭,在經(jīng)典音樂電影的個性海報中纱扭,透明背景即刻就能展現(xiàn)多種創(chuàng)意用途:它突出了電影的關(guān)鍵時刻,為白色標(biāo)題排版提供背景儡遮,并且象征著降雨乳蛾,這一切又都緊扣本段主題即所有這些與其他設(shè)計元素相結(jié)合,就能創(chuàng)造一個巧妙精簡的設(shè)計作品

從電影主題談到電影節(jié)海報,下圖設(shè)計中的透明圓圈肃叶,為背景添加一抹亮色蹂随。同時,用同樣的形狀配上不同的顏色因惭,突出顯示了兩個對立圖像之間的差異岳锁。

結(jié)語

是不是倍受啟發(fā)?我們希望這一系列的設(shè)計案例能讓你了解透明背景在設(shè)計中的潛力筛欢。從顏色到構(gòu)圖浸锨,他們隨時給你的設(shè)計提供有效的解決方案。現(xiàn)在版姑,是時候讓他們物盡其用了- 一如既往柱搜,享受設(shè)計的樂趣!

原作者:Canva

譯者:Crystal

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末剥险,一起剝皮案震驚了整個濱河市聪蘸,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌表制,老刑警劉巖健爬,帶你破解...
    沈念sama閱讀 218,640評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異么介,居然都是意外死亡娜遵,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,254評論 3 395
  • 文/潘曉璐 我一進店門壤短,熙熙樓的掌柜王于貴愁眉苦臉地迎上來设拟,“玉大人,你說我怎么就攤上這事久脯∧呻剩” “怎么了?”我有些...
    開封第一講書人閱讀 165,011評論 0 355
  • 文/不壞的土叔 我叫張陵帘撰,是天一觀的道長跑慕。 經(jīng)常有香客問我,道長摧找,這世上最難降的妖魔是什么核行? 我笑而不...
    開封第一講書人閱讀 58,755評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮蹬耘,結(jié)果婚禮上钮科,老公的妹妹穿的比我還像新娘。我一直安慰自己婆赠,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,774評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著休里,像睡著了一般蛆挫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上妙黍,一...
    開封第一講書人閱讀 51,610評論 1 305
  • 那天悴侵,我揣著相機與錄音,去河邊找鬼拭嫁。 笑死可免,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的做粤。 我是一名探鬼主播浇借,決...
    沈念sama閱讀 40,352評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼怕品!你這毒婦竟也來了妇垢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,257評論 0 276
  • 序言:老撾萬榮一對情侶失蹤肉康,失蹤者是張志新(化名)和其女友劉穎闯估,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吼和,經(jīng)...
    沈念sama閱讀 45,717評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡涨薪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,894評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了炫乓。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片刚夺。...
    茶點故事閱讀 40,021評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖厢岂,靈堂內(nèi)的尸體忽然破棺而出光督,到底是詐尸還是另有隱情,我是刑警寧澤塔粒,帶...
    沈念sama閱讀 35,735評論 5 346
  • 正文 年R本政府宣布结借,位于F島的核電站,受9級特大地震影響卒茬,放射性物質(zhì)發(fā)生泄漏船老。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,354評論 3 330
  • 文/蒙蒙 一圃酵、第九天 我趴在偏房一處隱蔽的房頂上張望柳畔。 院中可真熱鬧,春花似錦郭赐、人聲如沸薪韩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,936評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽俘陷。三九已至罗捎,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拉盾,已是汗流浹背桨菜。 一陣腳步聲響...
    開封第一講書人閱讀 33,054評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留捉偏,地道東北人倒得。 一個月前我還...
    沈念sama閱讀 48,224評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像夭禽,于是被迫代替她去往敵國和親霞掺。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,974評論 2 355

推薦閱讀更多精彩內(nèi)容