UI 設計中的漸變

2022-07-04 12:03:13 字數 2236 閱讀 4707

簡評:漸變是通過兩種或多種不同的色彩來繪製乙個元素,同時在顏色的交界處進行衰減變化的一種設計。從擬物到扁平再到漸變,人們慢慢發現它能創造出從未有過的一種色彩感覺 —— 獨特、現代和清爽。(本文譯者@aceyclee)

很長一段時間以來,設計界都不怎麼待見「漸變」,這還得拜 90 年代的 powerpoint 所賜,畢竟那時候的漸變是這樣的:

然而時過境遷,今天你開啟 dribbble 或者 behance,可能會看到不少使用漸變的設計。本文將會分享如何在設計中使用「漸變」的實用技巧。

想回答這個問題,我們需要重返 2014。

但是扁平設計的侷限性也是顯而易見的,其中最大的乙個侷限是 —— 設計師能夠使用的顏色和樣式大大減少,幾乎不到 15 種顏色可用於扁平設計。

由此,設計師們開始嘗試「漸變」:

比如說,漸變能做出更大膽的表達。

漸變創造出了一種意想不到的效果,即使像應用圖示這樣微小的元素,也別有一番風味:

又或者,漸變能突出某些元素。

UI設計新趨勢 漸變色設計重新回歸主流

在扁平化設計剛剛興起之時,漸變是設計師們避之不及的設計手法,然而今天它已經正式回歸。幾乎是在一夜之間,無數的 開始使用漸變色。從背景到上的色彩疊加,包括ui元素上所遮蓋的色彩,所有的這一切都表明漸變以一種微妙的方式回歸了。不過和以往的我們所看到的漸變不同,重新回歸的漸變色設計有著不一樣的使用技巧和特...

UI設計 UI設計文件

今天不想說ui設計原理和原則,只想說文件內容。乙個solo族,可能根本不會理睬這種文件,因為他的idea完全在腦中,自己來實現就ok了。而在乙個團隊協作過程中,產品設計部門就有很高的必要把這個文件寫好了。應該有哪些內容呢,ui流程 對應操作流程 效果層次 可觸發的區域性介面。曾經見過一位前輩做的介面...

UI設計中的過度釋放

昨天在做相簿的時候遇到了乙個問題,系統沒有報錯,但在執行後總是crash,來回找錯好幾次也沒有發現錯誤,後來才發現是記憶體管理出了問題.在viewcontroller中,我宣告了乙個 uipagecontrol page 的屬性,但是在實現的時候,一時粗心大意我將 self page uipagec...