摘要:本文將會分享如何在設計中使用漸變的實用技巧。年是扁平設計流行的元年。扁平設計中單一的顏色扼殺了設計的潛力,而漸變為無限可能打開了大門。
簡評: 漸變是通過兩種或多種不同的色彩來繪制一個元素,同時在顏色的交界處進行衰減變化的一種設計。從擬物到扁平再到漸變,人們慢慢發現它能創造出從未有過的一種色彩感覺 —— 獨特、現代和清爽。
很長一段時間以來,設計界都不怎么待見「漸變」,這還得拜 90 年代的 PowerPoint 所賜,畢竟那時候的漸變是這樣的:
然而時過境遷,今天你打開 Dribbble 或者 Behance,可能會看到不少使用漸變的設計。本文將會分享如何在設計中使用「漸變」的實用技巧。
▎為什么我們突然愛上了漸變?想回答這個問題,我們需要重返 2014。
2014 年是扁平設計流行的元年。這一年,Google 發布了 Material Design,Apple 也用扁平 UI 更新了 macOS。那年的扁平設計讓人感到興奮,特別是和擬物設計對比的時候。
但是扁平設計的局限性也是顯而易見的,其中最大的一個局限是 —— 設計師能夠使用的顏色和樣式大大減少,幾乎不到 15 種顏色可用于扁平設計。
由此,設計師們開始嘗試「漸變」:
它給設計師帶來了更大的創作自由。扁平設計中單一的顏色扼殺了設計的潛力,而漸變為無限可能打開了大門。通過混合顏色的手段,設計師們可以創造出更豐富的視覺樣式。
漸變還給設計引入了深度和維度,解決了扁平設計中一切都「太平」了的問題。
▎漸變讓人驚喜比如說,漸變能做出更大膽的表達。
漸變創造出了一種意想不到的效果,即使像應用圖標這樣微小的元素,也別有一番風味:
又或者,漸變能突出某些元素。
一個好的用戶體驗,往往能引導用戶完成產品流程,而精心的設計有助于讓用戶下意識地進行下一步。比方說讓頁面某些部分視覺效果更強烈,從而讓用戶更關注這部分。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/6961.html
這是這個系列的第二篇,第一篇這見 這里: 以下是這個系列的簡潔 UI 的 7 條規則: 光來自天空 (Light comes from the sky) 黑白優先 (Black and white first) 加倍你的空白 (Double your whitespace) 學習在圖像上疊加文本的方法 ( Learn the methods of overlaying text on image...
摘要:自定義名稱縮放控制器可以使用中的動畫設計更為華麗的效果。在和中必須使用,不然它們會同時生效,動畫也會瞬間完成。先在標簽內加入,接著類似自定義動畫可以給命名。 文章鏈接:Vue.js基礎教程 開發工具準備: 根據個人喜歡選擇IDE,我使用的是WebStorm,推薦使用Atom和VSCode; 安裝git base和node.js; 安裝vue-cli,命令npm i -g @vue/...
閱讀 3548·2021-08-31 09:39
閱讀 1854·2019-08-30 13:14
閱讀 2919·2019-08-30 13:02
閱讀 2769·2019-08-29 13:22
閱讀 2341·2019-08-26 13:54
閱讀 767·2019-08-26 13:45
閱讀 1586·2019-08-26 11:00
閱讀 982·2019-08-26 10:58