鄭州UI設(shè)計(jì)培訓(xùn)中的5大漸變趨勢(shì)
來(lái)源:
奇酷教育 發(fā)表於:
鄭州UI設(shè)計(jì)培訓(xùn)中的5大漸變趨勢(shì),在17、18年的時(shí)候,漸變在印刷和web設(shè)計(jì)中的使用的越來(lái)越多了。看起來(lái)UI設(shè)計(jì)培訓(xùn)行業(yè)已經(jīng)接受了這種趨
鄭州UI設(shè)計(jì)培訓(xùn)中的5大漸變趨勢(shì),在17、18年的時(shí)候,漸變在印刷和web設(shè)計(jì)中的使用的越來(lái)越多了。看起來(lái)
UI設(shè)計(jì)培訓(xùn)行業(yè)已經(jīng)接受了這種趨勢(shì),這種漸變過(guò)渡在形狀和顏色上只會(huì)越來(lái)越動(dòng)態(tài)。如果你不知道如何將彩色的形狀和背景應(yīng)用到你想要通過(guò)設(shè)計(jì)傳達(dá)的信息中去,那麼使用彩色的形狀和背景是一件棘手的事情。
1、 雙色版的漸變
雙色調(diào)漸變是兩(liǎng)種顏色,它們之間有平滑過(guò)渡。沒有更多,沒有更少。使用Illustrator中的漸變工具創(chuàng)建這些類(lèi)型的顏色過(guò)渡非常簡(jiǎn)單。當(dāng)為Duotone漸變組合顏色時(shí),沒有規(guī)則。當(dāng)你混合3種顏色或更多顏色時(shí),規(guī)則就會(huì)出現(xiàn).但是兩(liǎng)個(gè),你可以做任何你想做的事情。這一切都取決於你對(duì)設(shè)計(jì)本身的意圖。如果你需要強(qiáng)大而大膽的信息,那麼你可能需要考慮使用更鮮明,更高對(duì)比度的顏色組合。另一方面,如果你希望採用柔和,更安靜的方法,則使用較少飽和的顏色就好了。看你怎麼用了
如何使用雙色版的漸變?
你可以像Duotone Gradients一樣有創(chuàng)意。這種類(lèi)型的漸變最廣(guǎng)泛使用是照片疊加。漸變主要用作內(nèi)容的簡(jiǎn)單背景。
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)漸變趨勢(shì)的最安全方法是將漸變背景與黑白照片混合,或將它們作為照片疊加層應(yīng)用。如果你將它們與其他顏色混合,請確保不要過(guò)分。多種顏色在設(shè)計(jì)中可能非常出色,但如果匹配不當(dāng),它們也會(huì)引入混亂和混亂。如有疑問(wèn),請使用較少的顏色。在大多數(shù)情況下,少即是多。
2、半透明漸變
前五大漸變趨勢(shì)包括半透明漸變。這些類(lèi)型的漸變在它們中具有褪色效果,它們在一端具有全色調(diào),而在另一端具有0%顏色不透明度。
這些半透明漸變可以是雙色調(diào)甚至是三色調(diào)漸變,但它們總是以透明度結(jié)束或開(kāi)始。
如何使用半透明漸變?
使用半透明漸變的一種方法是將它們與其他漸變形狀和背景重疊,或者作為照片上的疊加層。下面的示例顯示了Studio-JQ製作的藝術(shù)作品
在這裡,我們可以看到在三色漸變圓上使用一個(gè)半透明形狀。微妙的半透明形狀在漸變圓形前形成霧氣氛,就像褪色的月亮,簡(jiǎn)單而有效地使用透明效果。
在Magdiel Lopez製作的海報(bào)藝術(shù)品中可以看到混合了攝影和紋理的半透明漸變的另一種奇妙用法。
3、網(wǎng)格漸變
網(wǎng)格漸變是在Illustrator中使用網(wǎng)格工具製作的漸變,因此是標(biāo)題。這種類(lèi)型的漸變需要更多的技巧來(lái)製作。通常它們將多種顏色混合在一起,這應(yīng)該小心生產(chǎn),因為某些顏色不能很好地匹配。除了將多種顏色混合在一起外,它們還形成一種類(lèi)似於液體的紋理圖案,使其具有更加動(dòng)感的外觀(guān)。
到目前為止,您可能已經(jīng)注意到所有漸變如何與黑白照片完美配合,為他們提供增強(qiáng)色彩強(qiáng)度所需的對(duì)比度。它還消除了設(shè)計(jì)中“過(guò)多”的混亂和感覺。
如何使用網(wǎng)格漸變?
網(wǎng)格漸變可以用作獨(dú)立模式。由於它們通常具有動(dòng)態(tài)外觀(guān),因此可以作為簡(jiǎn)約模式應(yīng)用,並輔以創(chuàng)意印刷術(shù)。
使用網(wǎng)格漸變進(jìn)行品牌推廣(guǎng)也越來(lái)越受歡迎。這種類(lèi)型的使用可以在下面由Focus Lab製作的簡(jiǎn)約品牌項(xiàng)目中看到。
4、漸變模糊
這是事情變得有趣的地方……。介紹漸變模糊!我相信你已經(jīng)看到了這些有趣的外觀(guān),有一種強(qiáng)烈的“藝術(shù)”感覺。它們現(xiàn)在是Top 5 Gradient Trends的一部分。
如何使用漸變模糊?
它們似乎經(jīng)常被用作海報(bào)設(shè)計(jì)的一部分。抽象的偉大之處在於它可以用來(lái)描述各種情感和抽象概念。它可以說(shuō)明聲音,光線(xiàn ),宇宙,幸福或悲傷。我們根本不知道如何描述這些單詞中的許多單詞,但精心挑選的模糊彩色形狀可以幫助我們。
讓我們看一些使用漸變模糊的示例:
5、漸變球體
最後的漸變趨勢(shì)是漸變球體,具有強(qiáng)烈三維形狀的網(wǎng)狀圓圈,提醒我們在行星和氣泡上。
如何使用漸變球體?
Gradient Spheres在應(yīng)用程式和網(wǎng)頁(yè)設(shè)計(jì)中佔據(jù)了一席之地。由於它們與行星類(lèi)似物體相似,因此它們通常用於技術(shù)未來(lái)類(lèi)型的項(xiàng)目中。例如,Jiyoon Kim使用Gradient Spheres設(shè)計(jì)一個(gè)具有輕盈未來(lái)感的創(chuàng)意手錶UI。
如果你使用漸變的照片,第一步應(yīng)該是選擇正確的照片。最好的選擇是具有清晰焦點(diǎn)的照片,如果可能的話(huà),焦點(diǎn)周圍沒有其他任何東西。值得花時(shí)間的第二件事是照片的顏色。如果顏色與你的漸變無(wú)任何關(guān)係,最安全的做法是將照片切換(huàn)為黑白模式。
但是,有時(shí)可以通過(guò)在Photoshop中使用“顏色飽和度”工具或“顏色平衡”來(lái)調(diào)整顏色。這正是我在這個(gè)例子中所做的。第三是選擇漸變形狀和背景。
選擇正確的漸變對(duì)象時(shí),請確保它們都具有相似的色調(diào)。在我的例子中,我使用藍(lán)色/紫色物體與粉紅色/黃色物體形成鮮明對(duì)比。這些都是我需要的顏色。任何更多的東西,組成會(huì)感到混亂。雖然很容易穿過(guò)線(xiàn ),所以如果你不確定,只需要減少顏色和減少形狀。
如果你感覺某些東西仍然缺失,請添加中性幾何形狀,如果背景為淺色,則為白色;如果背景為暗,則為黑色。
以上就是
UI設(shè)計(jì)培訓(xùn)老師結(jié)合當(dāng)下
UI設(shè)計(jì)流行趨勢(shì)給大家總結(jié)的“五大漸變趨勢(shì)”更多的UI知識請關(guān)注我們或在線(xiàn )諮詢。我們都將一一解答。