OMG! 我太愛漸變了
如何在設計中使用漸變。
如果你在做顏色練習時持開放的態度，並且不只侷限於深色色調，那麼你很有可能嘗試過在設計中加入漸變。那一刻你感覺如何？你喜歡最後的結果還是純色的嗎？
上面我為 ofollow,noindex" target="_blank">Tubik工作室 設計的一些概念。第一個每個框裡用了不同的漸變，第二個則只有固定顏色填充。
當然，你不會為所有案例找到一個正確的答案。但是從這兩種方法中可以獲得許多好處。這就是為什麼我想要分享這些使用漸變的經驗。
首先，讓我們學習一些基本的原則：
顯然，在一個漸變上使用另一個漸變效果是很不確定的。雖然這仍然是可能的，但你會發現在這種情況下很難突出重點。這兩個層都努力獲得主要吸引力，因此戰鬥開始了。
第一個背景漸變可以看到有多個主色，而實際上在漸變的底部只有3個顏色點——青色，鮮豔的洋紅色和橙色。
在這個例子中，背景漸變中有變化的顏色。過渡是非常柔軟的，甚至不會注意到中間的新顏色。
雖然背景很輕柔，但白色並不是很突出。當然，如果你需要相反的結果，你甚至可以減少不透明度。但別忘了檢查對比一下。
在這裡，背景漸變是用一種顏色（藍色）來建立的，它的色調是淺藍色。這種方法是安全的，你可以選擇一種顏色，然後尋找淺色、陰影或色調。但是在這種情況下，你可能不會在表達方面突出。這種型別的漸變可能看起來太過平靜。需要想想這是不是你在設計中需要的確切情感。
我最愛的兩種顏色，疊加產生強烈的漸變。這與白色文字的對比是完美的，令人心情愉快。
如果你需要做一個動作，在某一區域吸引人們的注意力，不要害怕使用強烈的顏色，你會得到一個大膽的、獨特的解決方案。
漸變磁場
為什麼我們實際上傾向於在設計中使用漸變？簡單的解釋是，漸變為你的工作帶來了更生動的畫面。看到顏色更自然的轉變，就像我們周圍的世界一樣，也會觀察到同樣的事情。
下面的例子展示了在 web 中使用漸變的不同方法。
在任何時候，最好的例子之一—— Stripe ——展示瞭如何在 B2B 中使用漸變。頁面的一半使用漸變，而另一半則遵循最簡化的方法，達到了平衡。
另一個經典—— Mixpanel 的網站 ——背景柔和的漸變和基於漸變填充的細緻插畫。插畫在頁面上扮演主要角色，而背景則是對它們的補充。與此同時，CTA 按鈕是實心的，與背景有很大的對比，因此吸引了我們的注意力。
紀念碑谷的開發者—— Ustwo 使用漸變來突出顯示資訊。頁面上沒有太多的元素分散注意力，這個口號足以吸引了你。
即使該平臺有明確的意圖來獲得全世界的歡迎，它仍然不害怕使用這種遊戲元素作為漸變。
乾淨
尋找完美的顏色來創造一個漸變，有時會得到不好看的結果。我們不是在一開始就選擇了純色嗎？
但是如果你選擇了一對互補色（ Itten 色輪 ），可能會得到那種難看的顏色轉換。
中間的顏色看起來很髒。在這種情況下，你可以改變其中一個主要的顏色（1和2列），或者在中間新增一個點，然後移動到清晰的顏色（3列）。這很簡單!
S 代表平滑
如果你建立了一個漸變，並注意到中間有一些線——並不確定它是否正確。
當你得到這樣的結果時，必須改變漸變，最終得到更加平滑的效果。
為了達到這個目的，應該花些時間在漸變的中心區域新增點，並稍微把它們從中心移動到頂部或者底部。同樣，每次從中心向外新增點，並以同樣的方式移動。重複這些動作，直到看到這條線消失了。然後，順利實現了。
替代
如果你仍然不想宣稱“漸變至上”，並且不想被稱為“漸變迷”，還有另一條路可以走。實際上，我很喜歡嘗試這種技術漸變，因為它增加了深度和多功能性的感覺。
在下面的例子中，可以看到 logo 中漸變的運用。
一開始建立一個漸變。要有耐心，這是最終結果的基礎。然後稍微改變中間的顏色，以便有更清晰的淺藍色。在那之後，將這條線分成幾個塊，並從相應的部分中選擇顏色。
另一個需要記住的是最終的顏色取決於是否有空間（如最後一張圖片中的矩形），或者像 logo 中一樣溢位，你會得到完全不同的影象。嘗試這兩種方法，看看哪一個更適合於特定的專案。
結論
在這篇文章中，介紹了一些使用漸變的基本原理，這是我通過實踐實現的原則，還有更多的技巧需要學習。一些設計師會說，漸變是今年的趨勢，其他人會認為這是一個已經過時的東西。我個人認為如果你知道如何使用它，它是一個很好的工具，可以豐富你的設計。依靠趨勢不是正確的解決方法，你的專業觀點和經驗要更加珍貴。不斷練習，找到全新的結果。
感謝閱讀！
原文連結： https://medium.muz.li/oh-mamma-im-in-love-with-gradient-c81943e3c92b