設(shè)計(jì)中的5大漸變趨勢以及如何有效地使用

1 評論 4619 瀏覽 18 收藏 11 分鐘

你可能已經(jīng)注意到,在2017/2018年,漸變在印刷和web設(shè)計(jì)中的使用有所增加??雌饋碓O(shè)計(jì)社區(qū)已經(jīng)接受了這種趨勢,這種漸變過渡在形狀和顏色上只會越來越動(dòng)態(tài)。如果你不知道如何將彩色的形狀和背景應(yīng)用到你想要通過設(shè)計(jì)傳達(dá)的信息中去,那么使用彩色的形狀和背景是一件棘手的事情。五大漸變趨勢是什么,如何在你的工作中有效地使用它們?

1、雙色版的漸變

雙色調(diào)漸變是兩種顏色,它們之間有平滑過渡。沒有更多,沒有更少。使用Illustrator中的漸變工具創(chuàng)建這些類型的顏色過渡非常簡單,當(dāng)為Duotone漸變組合顏色時(shí),沒有規(guī)則。當(dāng)你混合3種顏色或更多顏色時(shí),規(guī)則就會出現(xiàn)……但是兩個(gè)……你可以做任何你想做的事情,這一切都取決于你對設(shè)計(jì)本身的意圖。

如果你需要強(qiáng)大而大膽的信息,那么你可能需要考慮使用更鮮明,更高對比度的顏色組合。另一方面,如果你希望采用柔和,更安靜的方法,則使用較少飽和的顏色。

如何使用它們?

你可以像Duotone Gradients一樣有創(chuàng)意。這種類型的漸變最廣泛使用是照片疊加,它們主要用作內(nèi)容的簡單背景。

以下示例是由JessicaH?gg和Stink Studios為Spotify創(chuàng)建的此類用例之一。

Duotone Gradient的另一個(gè)例子是由Barthelemy Chalvet為AgenceMe創(chuàng)建的家庭導(dǎo)航設(shè)計(jì)。在這里,我們再次將Duotone視為內(nèi)容的背景。內(nèi)容包括文本和插圖。但是,圖中使用的顏色非常謹(jǐn)慎。插圖主要是淺色調(diào),只是一些色彩鮮艷的細(xì)節(jié),與背景雙色調(diào)(溫暖)相反(冷)。

總而言之,使用雙色調(diào)漸變趨勢的最安全方法是將它們與黑白照片混合,或?qū)⑺鼈冏鳛檎掌B加層應(yīng)用。如果你將它們與其他顏色混合,請確保不要過分。多種顏色在設(shè)計(jì)中可能非常出色,但如果匹配不當(dāng),它們也會引入混亂和混亂。如有疑問,請使用較少的顏色。在大多數(shù)情況下,少即是多。

2、半透明漸變

前五大漸變趨勢包括半透明漸變。這些類型的漸變在它們中具有褪色效果,它們在一端具有全色調(diào),而在另一端具有0%顏色不透明度。

這些半透明漸變可以是雙色調(diào)甚至是三色調(diào)漸變,但它們總是以透明度結(jié)束或開始。

如何使用它們?

使用半透明漸變的一種方法是將它們與其他漸變形狀和背景重疊,或者作為照片上的疊加層。下面的示例顯示了Studio-JQ制作的藝術(shù)作品

在這里,我們可以看到在三色漸變圓上使用一個(gè)半透明形狀。微妙的半透明形狀在漸變圓形前形成霧氣氛,就像褪色的月亮,簡單而有效地使用透明效果。

在Magdiel Lopez制作的海報(bào)藝術(shù)品中可以看到混合了攝影和紋理的半透明漸變的另一種奇妙用法。

海報(bào)藝術(shù)品由Magdiel Lopez

三、網(wǎng)格漸變

網(wǎng)格漸變是在Illustrator中使用網(wǎng)格工具制作的漸變,因此是標(biāo)題。這種類型的漸變需要更多的技巧來制作。通常它們將多種顏色混合在一起,這應(yīng)該小心生產(chǎn),因?yàn)槟承╊伾荒芎芎玫仄ヅ?。除了將多種顏色混合在一起外,它們還形成一種類似于液體的紋理圖案,使其具有更加動(dòng)感的外觀。

到目前為止,您可能已經(jīng)注意到所有漸變?nèi)绾闻c黑白照片完美配合,為他們提供增強(qiáng)色彩強(qiáng)度所需的對比度。它還消除了設(shè)計(jì)中“過多”的混亂和感覺。

如何使用它們?

網(wǎng)格漸變可以用作獨(dú)立模式。由于它們通常具有動(dòng)態(tài)外觀,因此可以作為簡約模式應(yīng)用,并輔以創(chuàng)意印刷術(shù)。

使用網(wǎng)格漸變進(jìn)行品牌推廣也越來越受歡迎。這種類型的使用可以在下面由Focus Lab制作的簡約品牌項(xiàng)目中看到。

4、漸變模糊

這是事情變得有趣的地方……介紹漸變模糊!我相信你已經(jīng)看到了這些有趣的外觀,有一種強(qiáng)烈的“藝術(shù)”感覺,它們現(xiàn)在是Top 5 Gradient Trends的一部分。

如何使用它們?

它們似乎經(jīng)常被用作海報(bào)設(shè)計(jì)的一部分。抽象的偉大之處在于它可以用來描述各種情感和抽象概念。它可以說明聲音,光線,宇宙,幸?;虮瘋?。我們根本不知道如何描述這些單詞中的許多單詞,但精心挑選的模糊彩色形狀可以幫助我們。

讓我們看一些使用漸變模糊的示例:

5、漸變球體

最后的漸變趨勢是漸變球體,具有強(qiáng)烈三維形狀的網(wǎng)狀圓圈,提醒我們在行星和氣泡上。

如何使用它們?

Gradient Spheres在應(yīng)用程序和網(wǎng)頁設(shè)計(jì)中占據(jù)了一席之地。由于它們與行星類似物體相似,因此它們通常用于技術(shù)未來類型的項(xiàng)目中。例如:Jiyoon Kim使用Gradient Spheres設(shè)計(jì)一個(gè)具有輕盈未來感的創(chuàng)意手表UI。

Mirtho Prepont為Asana制作的海報(bào)設(shè)計(jì)中使用的Gradient Sphere的另一個(gè)創(chuàng)意示例:

寫在最后

如果你使用漸變的照片,第一步應(yīng)該是選擇正確的照片。最好的選擇是具有清晰焦點(diǎn)的照片,如果可能的話,焦點(diǎn)周圍沒有其他任何東西。值得花時(shí)間的第二件事是照片的顏色。

如果顏色與你的漸變無任何關(guān)系,最安全的做法是將照片切換為黑白模式。但是,有時(shí)可以通過在Photoshop中使用“顏色飽和度”工具或“顏色平衡”來調(diào)整顏色。這正是我在這個(gè)例子中所做的。第三是選擇漸變形狀和背景。

選擇正確的漸變對象時(shí),請確保它們都具有相似的色調(diào)。在我的例子中,我使用藍(lán)色/紫色物體與粉紅色/黃色物體形成鮮明對比,這些都是我需要的顏色。任何更多的東西,組成會感到混亂。雖然很容易穿過線,所以如果你不確定,只需要減少顏色和減少形狀。

如果你感覺某些東西仍然缺失,請?zhí)砑又行詭缀涡螤?,如果背景為淺色,則為白色;如果背景為暗,則為黑色。

 

作者:Diana Hlevnjak(作者已授權(quán))

原文鏈接:https://polavctors.com/top-5-grdint-treds-and-how-to-use-them-effectivel

譯者:Tzw_n,公眾號「小阿田的設(shè)計(jì)筆記」

本文由 @Tzw_n 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 這些漸變都好喜歡,冒昧問一句怎么做出這種效果?小白一枚

    回復(fù)