UI設(shè)計界面最新流行的漸變色

　　在web2.0時代，漸進(jìn)式變化已成為一種普遍趨勢。掌握流行審美是每個UI設(shè)計師的必修課，今天AAA教育的武老師就來為大家分享UI設(shè)計界面最新流行的漸變色。
 

　　部分原因是它們有助于實現(xiàn)3D的偽外觀，逼真的按鈕。然而，過了一段時間，許多設(shè)計師厭倦了它們，并宣布漸變已經(jīng)過時，味道也不好。ios7之后，這一切又回到了人們的視野，后來的現(xiàn)代設(shè)計使?jié)u變再次成為人們關(guān)注的焦點。
 

　　由于漸變越來越受歡迎，許多設(shè)計師開始稱漸變?yōu)?ldquo;新顏色”。
 

　　這是第一代iPhone時代的一個偽實體化按鈕，具有強(qiáng)烈的漸變、厚邊框和頂部的硬陰影。UI設(shè)計要提升細(xì)節(jié)感。
 

　　舊按鈕樣式
 

　　現(xiàn)代漸變，無需任何附加裝飾，可以搭配同色系的柔和光影，營造出一種美麗的半寫實感。
 

　　現(xiàn)代紐扣
 

　　我們喜歡自然的東西，特別是自然界存在的東西。你需要證據(jù)嗎?你每天在你周圍看到什么?天空!天空不僅僅是純色，而是漸變色，這取決于天氣和光線。這是UI設(shè)計色彩的重要性。
 

　　天空是坡度的重要來源
 

　　我們看到的大多數(shù)物體都是三維的，投下陰影。因為光很少是均勻的，所以產(chǎn)生的顏色和陰影從來都不是完全平坦的或者只填充一種顏色。它們是漸變色，這使得這種特殊的色調(diào)混合比純色更自然。它們是自然界中的漸變色，這使得這種特定的色調(diào)混合起來比純色更自然。
 

　　看看你周圍的東西。它們的性質(zhì)是漸變的，并且隨著外部光源的變化而變化。
 

　　“看看周圍。幾乎你所看到的一切都是漸進(jìn)的”
 

　　當(dāng)我們開始選擇梯度時，我們必須發(fā)現(xiàn)它們的兩個主要特征。
 

　　一是能夠創(chuàng)造出深度和清晰的形狀。
 

　　另一種是吸引眼球并引導(dǎo)它到形狀的某些部分。我們的眼睛喜歡明亮，溫暖的色調(diào)，飽和度很高。UI設(shè)計如何吸人眼球？
 

　　即使是細(xì)微的漸變也會使你的按鈕更加用戶友好和“點擊通過”。
 

　　深度可以讓漸變+陰影組合看起來更接近眼睛-這有助于理解它們背后的相互作用。
 

　　這并不意味著我們應(yīng)該完全放棄平面設(shè)計，回到前十年的模擬按鈕。這兩種方法各有優(yōu)缺點，將兩者健康地結(jié)合起來可能是有益的。
 

　　平面設(shè)計風(fēng)格可以使設(shè)計不那么凌亂，更簡單，更注重功能而不是形式。
 

　　草圖或更自然的設(shè)計提醒我們，我們是為真實的人設(shè)計的，他們更喜歡他們已經(jīng)知道和理解的東西。真實的漸變可以在一個原始的極簡主義項目中添加“人為因素”，使其更加人性化。
 

　　漸變是兩種或多種顏色之間的過渡。這些顏色也可以具有透明度值。您可以使用它來淡出相對于其背景的對象。
 

　　坡度主要有三種類型。
 

　　線性(線性漸變)
 

　　線性是最流行的梯度類型。顧名思義，它是兩種或多種顏色的線性過渡。我們可以修改顏色本身、透明度和漸變角度。
 

　　線性梯度樣本情況
 

　　徑向(徑向梯度)
 

　　在徑向漸變的開始處，一種顏色位于漸變環(huán)的中間，另一種顏色最終位于其邊緣。這類梯度中最常見的是圓形梯度，過渡層沿圓周均勻分布。
 

　　兩種不透明的顏色通過添加高光和陰影在圓形中創(chuàng)建3D效果。
 

　　如果漸變的兩端具有相同的顏色，并且一端是完全透明的，我們最終將模糊或淡出。UI設(shè)計模糊重要性你知道嗎？
 

　　徑向漸變適用于非圓形形狀，為它們添加了一些有機(jī)的、逼真的樣式。
 

　　角度(角度梯度)
 

　　角度漸變沿逆時針方向旋轉(zhuǎn)。顏色之間的角度決定了過渡是雙向的(180度)還是中間有一條清晰的分界線(0度)。
 

　　這種類型的漸變很少是界面的好選擇。
 

　　在同一位置設(shè)置的兩種顏色之間有一個銳利的邊緣，而漸變方向相反。
 

　　當(dāng)兩種顏色處于180度時，兩種顏色之間會有平滑的過渡。到兩邊去。
 

　　你可以添加更多的顏色和播放角度來獲得一些有趣的結(jié)果。
 

　　最佳實踐
 

　　如何設(shè)計一個好看又有意義的界面設(shè)計梯度?為此，需要遵循一些基本規(guī)則。
 

　　兩種顏色
 

　　UI設(shè)計色彩重要體現(xiàn)在，兩種顏色漸變是大多數(shù)設(shè)計的最佳選擇。隨著顏色的增加，漸變在視覺上變得繁忙。
 

　　選擇正確的顏色
 

　　試著搭配相似的顏色，暖中帶暖，冷中帶冷。
 

　　這將幫助你避免一個糟糕的混合搭配(最極端的是紅色和綠色的混合)，所以UI設(shè)計色彩調(diào)色很重要。
 

　　細(xì)微的漸變
 

　　最好的漸變通常非常微妙，顏色之間幾乎沒有差別。這使它們看起來更自然，更容易使用。
 

　　漸變是按鈕和其他交互元素的常用選擇。你可以選擇幾乎任何顏色，并從中創(chuàng)建一個美麗的漸變。但是，如果你剛剛開始學(xué)習(xí)漸變，最好使用一種安全的方法，確保不翻車。這篇內(nèi)容你學(xué)會了嗎，更多精彩內(nèi)容請持續(xù)關(guān)注AAA教育。