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

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

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

　　由于漸變?cè)絹碓绞軞g迎，許多設(shè)計(jì)師開始稱漸變?yōu)?ldquo;新顏色”。
 

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

　　舊按鈕樣式
 

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

　　現(xiàn)代紐扣
 

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

　　天空是坡度的重要來源
 

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

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

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

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

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

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

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

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

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

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

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

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

　　坡度主要有三種類型。
 

　　線性(線性漸變)
 

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

　　線性梯度樣本情況
 

　　徑向(徑向梯度)
 

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

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

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

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

　　角度(角度梯度)
 

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

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

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

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

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

　　最佳實(shí)踐
 

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

　　兩種顏色
 

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

　　選擇正確的顏色
 

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

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

　　細(xì)微的漸變
 

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

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