漸變是設(shè)計(jì)師手法中最簡單的裝飾之一，也是移動(dòng)端APP背景設(shè)計(jì)常用的設(shè)計(jì)技巧。

iOS7和iOS8，也帶我們重新認(rèn)識了漸變色彩在APP界面設(shè)計(jì)和APP圖標(biāo)當(dāng)中，應(yīng)用的淋漓盡致。

移動(dòng)端APP背景的漸變效果，關(guān)鍵就取決于色彩的選用和整體風(fēng)格。

app漸變效果

上圖當(dāng)中的移動(dòng)APP界面設(shè)計(jì)的漸變效果的點(diǎn)評：

組織良好、清晰易讀的磁貼布局，起了重要作用，它們通過柔滑的顏色差異來精確指向各分類。設(shè)計(jì)師使用了久經(jīng)考驗(yàn)的端莊藍(lán)白色組合。

不知道大家有沒有看過micu一些關(guān)于色彩搭配的文章：

它里面有一篇文章提到：

在移動(dòng)UI界面中的可以運(yùn)用相似性與來進(jìn)行色彩呼應(yīng)，這樣的畫面更有節(jié)奏感和舒適性。運(yùn)用顏色漸變穿插，讓界面平衡在一個(gè)頻率上。

色彩漸變搭配非常嚴(yán)謹(jǐn)和有節(jié)奏感。

大家肯定也會(huì)問，我是初學(xué)者，如何來搭配這樣的互補(bǔ)色呢？

很簡單。大家可以打開25學(xué)堂之前介紹過的一個(gè)非常棒的色彩網(wǎng)站，只要找到你想要的幾個(gè)色彩（一般是2-3個(gè)位最佳選擇），采用設(shè)計(jì)工具漸變效果即可得出我們想要的漂亮的移動(dòng)端APP背景的漸變效果。

APP色彩酷站推薦：colrd.com

colrd.com可以說是優(yōu)秀APP設(shè)計(jì)配色靈感來源之地。下圖是來自colrd.com網(wǎng)站的一個(gè)經(jīng)典案例。

采用是平滑溫和的霓虹色漸變，配合近乎發(fā)光的淺色文字和簡單易懂的字體，并通常伴隨著低透明度的半透明層。如此細(xì)膩的結(jié)合很自然地能給任何UI增加一分精致和微妙。

如小米miui和魅族手機(jī)的系統(tǒng)界面、包括ios7系統(tǒng)的蘋果手機(jī)都是采用的這樣漸變設(shè)計(jì)技巧。

移動(dòng)品牌設(shè)計(jì)

極簡的屏幕元素只包含必須的信息，通過優(yōu)雅的淺色文字實(shí)現(xiàn)，精妙的陰影和半透明條作為強(qiáng)調(diào)。

app設(shè)計(jì)師借鑒了破曉天空的漸變色，用非凡的潑濺手法來展現(xiàn)。背景為白色的圖形和文字提供了堅(jiān)實(shí)的底色，很好地突出強(qiáng)調(diào)了它們。

最后：移動(dòng)端APP背景的漸變效果的功能特別強(qiáng)大，高明的app設(shè)計(jì)師可以設(shè)計(jì)出非常出色的作品。

今天，25學(xué)堂只是跟大家淺談了2個(gè)方面的運(yùn)用。算是冰山一角吧！更寬廣的移動(dòng)端APP背景的漸變技巧，得大家去探索和挖掘出來。也希望大家看完這個(gè)也有所收獲。