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

2019-3-29    資深UI設(shè)計者

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里

五大漸變趨勢是什么?如何在你的工作中有效地使用?

Image title


你可能已經(jīng)注意到,在17、18年的時候,漸變在印刷和web設(shè)計中的使用的越來越多了??雌饋碓O(shè)計行業(yè)已經(jīng)接受了這種趨勢,這種漸變過渡在形狀和顏色上只會越來越動態(tài)。如果你不知道如何將彩色的形狀和背景應(yīng)用到你想要通過設(shè)計傳達(dá)的信息中去,那么使用彩色的形狀和背景是一件棘手的事情。


5大漸變趨勢是什么,如何在你的工作中有效地使用漸變呢?


1、 雙色版的漸變

Image title


雙色調(diào)漸變是兩種顏色,它們之間有平滑過渡。沒有更多,沒有更少。使用Illustrator中的漸變工具創(chuàng)建這些類型的顏色過渡非常簡單。當(dāng)為Duotone漸變組合顏色時,沒有規(guī)則。當(dāng)你混合3種顏色或更多顏色時,規(guī)則就會出現(xiàn).但是兩個,你可以做任何你想做的事情。這一切都取決于你對設(shè)計本身的意圖。如果你需要強(qiáng)大而大膽的信息,那么你可能需要考慮使用更鮮明,更高對比度的顏色組合。另一方面,如果你希望采用柔和,更安靜的方法,則使用較少飽和的顏色就好了??茨阍趺从昧?



如何使用雙色版的漸變?


你可以像Duotone Gradients一樣有創(chuàng)意。這種類型的漸變最廣泛使用是照片疊加。漸變主要用作內(nèi)容的簡單背景。以下示例是由JessicaH?gg和Stink Studios為Spotify創(chuàng)建的此類案例之一。


Image title


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


Image title


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


Image title


2、半透明漸變


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


Image title


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



如何使用半透明漸變?


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


Image title


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


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


Image title


三、網(wǎng)格漸變


網(wǎng)格漸變是在Illustrator中使用網(wǎng)格工具制作的漸變,因此是標(biāo)題。這種類型的漸變需要更多的技巧來制作。通常它們將多種顏色混合在一起,這應(yīng)該小心生產(chǎn),因為某些顏色不能很好地匹配。除了將多種顏色混合在一起外,它們還形成一種類似于液體的紋理圖案,使其具有更加動感的外觀。


Image title


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


如何使用網(wǎng)格漸變?


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


Image title


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


Image title


4.漸變模糊


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


Image title


如何使用漸變模糊?


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


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


Image title

Image title


5.漸變球體


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


Image title


如何使用漸變球體?


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


Image title


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


Image title



寫在最后


如果你使用漸變的照片,第一步應(yīng)該是選擇正確的照片。最好的選擇是具有清晰焦點(diǎn)的照片,如果可能的話,焦點(diǎn)周圍沒有其他任何東西。值得花時間的第二件事是照片的顏色。如果顏色與你的漸變無任何關(guān)系,最安全的做法是將照片切換為黑白模式。

但是,有時可以通過在Photoshop中使用“顏色飽和度”工具或“顏色平衡”來調(diào)整顏色。這正是我在這個例子中所做的。第三是選擇漸變形狀和背景。


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


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


Image title

分享本文至:

日歷

鏈接

個人資料

存檔