? 设计中的5大渐变趋势,以及如何有效地使用 - 蓝蓝设计_UI设计公司

追求卓越一諾千金

藍藍設計,2011年成立,主創清華團隊,專注軟件和互聯網ui設計開發。擅長企業信息化管理、監控、大數據軟件UIUE咨詢和設計開發服務。立足UI,好好學習,天天進步!


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

2019-3-29 泥人張 設計思維


如果您想訂閱本博客內容,每天自動發到您的郵箱中,

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

Image title


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


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


1、 雙色版的漸變

Image title


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



如何使用雙色版的漸變?


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


Image title


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


Image title


總而言之,使用雙色調漸變趨勢的最安全方法是將漸變背景與黑白照片混合,或將它們作為照片疊加層應用。如果你將它們與其他顏色混合,請確保不要過分。多種顏色在設計中可能非常出色,但如果匹配不當,它們也會引入混亂和混亂。如有疑問,請使用較少的顏色。在大多數情況下,少即是多。


Image title


2、半透明漸變


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


Image title


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



如何使用半透明漸變?


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


Image title


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


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


Image title


三、網格漸變


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


Image title


到目前為止,您可能已經注意到所有漸變如何與黑白照片完美配合,為他們提供增強色彩強度所需的對比度。它還消除了設計中“過多”的混亂和感覺。


如何使用網格漸變?


網格漸變可以用作獨立模式。由于它們通常具有動態外觀,因此可以作為簡約模式應用,并輔以創意印刷術。


Image title


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


Image title


4.漸變模糊


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


Image title


如何使用漸變模糊?


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


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


Image title

Image title


5。漸變球體


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


Image title


如何使用漸變球體?


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


Image title


Mirtho Prepont為Asana制作的海報設計中使用的Gradient Sphere的另一個創意示例:


Image title



寫在最后


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

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


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


如果你感覺某些東西仍然缺失,請添加中性幾何形狀,如果背景為淺色,則為白色;如果背景為暗,則為黑色。


Image title

藍藍設計www.thriveonsite.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計  cs界面設計  ipad界面設計  包裝設計  圖標定制  用戶體驗 、交互設計、 網站建設 平面設計服務

 


« UI中如何做好產品需求分析 | 如何合理創建間距系統,來更快的實現設計方案。»


藍藍 http://www.thriveonsite.com

訂閱Rss
19年自动挂机网赚 五大互联网赚钱 云端网赚是真假 网赚联盟是真的吗 919网赚是真的不 网赚项目下载 互联网赚钱网站 如何网赚 235棋牌 百万彩票