iOS7采用了色彩新鮮的漸變效果，老實(shí)說，每個(gè)設(shè)計(jì)師都應(yīng)該掌握這種最簡(jiǎn)單的裝飾技巧。而且漸變效果千變?nèi)f化，好的漸變效果能夠成就一款設(shè)計(jì)，而糟糕的漸變效果會(huì)毀了一款設(shè)計(jì)。漸變效果的好壞取決于“色彩調(diào)整”以及“整個(gè)主題的搭配度”。除此之外，漸變效果還可以根據(jù)“流行色”來進(jìn)行適度的調(diào)配。現(xiàn)在流行使用霓虹燈色彩般的漸變，讓人感覺光鮮可鑒，再加上纖細(xì)簡(jiǎn)約的字體，線條簡(jiǎn)練的圖標(biāo)，整個(gè)界面將變得非常極簡(jiǎn)且高雅。

今天我們要探討的可不是漸變，要探討的是移動(dòng)界面設(shè)計(jì)中的漸變。我們來一起學(xué)習(xí)、感受一下現(xiàn)今移動(dòng)界面設(shè)計(jì)中最流行的漸變吧。

一、漸變作為界面的背景

神秘、優(yōu)雅、頗具吸引力、簡(jiǎn)單、只包含必要信息，半透明的解鎖條讓我們感受到細(xì)膩的質(zhì)感。

同樣大道至簡(jiǎn)。整個(gè)漸變的色彩搭配很講究，中心略微模糊的圓圈中包含了清新的字體，流動(dòng)的背景，純凈的像夢(mèng)一般。

借用了黎明時(shí)分的天空漸變色彩。白色元素巧妙的從背景中脫穎而出。大量的留白，灰色的頁(yè)頂和頁(yè)底——用來導(dǎo)航——所有的一切完美搭配，形成了這款迷人的界面。

令人震撼，令人目不轉(zhuǎn)睛！很值得稱道的色彩！白而亮的字體，像素細(xì)膩的圖標(biāo)和多姿多彩的背景良好結(jié)合，再加上透明的條紋，打造出驚人的界面。

焰火色彩的漸變，字體運(yùn)用的很好，有機(jī)的色調(diào)讓這款界面很突出。

放射漸變，純色菜單，設(shè)計(jì)師利用背景來襯托導(dǎo)航元素，圖標(biāo)很干凈、纖細(xì)。

背景為突出組建。極度纖細(xì)的輪廓和字體與整體搭配的很協(xié)調(diào)。

明亮的漸變令人眼前一亮，用戶會(huì)更注意到天氣預(yù)報(bào)中的細(xì)節(jié)，得出能幫助日常生活的信息。

設(shè)計(jì)師獨(dú)出心裁，使用了令人眼前一亮的漸變手段，模糊的背景圖像，令人一見傾心，藍(lán)色到桃色的優(yōu)雅。

二、具有功能性的漸變效果

這部分的界面設(shè)計(jì)，漸變不再是“背景”，而具備一些功能性。

可愛的彩虹條，設(shè)計(jì)師很有技巧的利用漸變的色彩來進(jìn)行不同選項(xiàng)的區(qū)分。整體效果多姿多彩，令人振奮。

這個(gè)界面比上面那款柔和多了，既然應(yīng)用主題是日落，便采用了日落的漸變色彩。

這款界面使用了冷色調(diào)漸變，配合中立的白色，讓人感覺頗具科技感、犀利。

同樣色冷色漸變，讓人感到冷靜，放射漸變效果能夠很自然的吸引用戶注意，以便閱讀信息。

暖色漸變，同時(shí)區(qū)分選項(xiàng)，橙色讓人感受到這款應(yīng)用的動(dòng)感和活力。

很好的布局，可讀性極好，漸變功不可沒。

這款應(yīng)用的功能和漸變聯(lián)系緊密，使用不同的色彩來代表溫度。背景的漸變除了裝飾性外，更注重功能性。

今年流行色是什么？祖母綠！配以柔和的色調(diào)，唯一美中不足的是，單個(gè)界面中選項(xiàng)有點(diǎn)過多。

設(shè)計(jì)師通過色彩的不同來區(qū)分功能

這個(gè)漸變效果不是很好，為何？上面的可讀性稍差一點(diǎn)。

結(jié)論?

對(duì)裝飾性效果保持開發(fā)和挖掘，你便會(huì)有新的發(fā)現(xiàn)。漸變便是如此，本來是背景裝飾，但是到了高明的設(shè)計(jì)師手里，變成了與功能相結(jié)合的元素。漸變能提供更加流暢的體驗(yàn)，讓人感覺不突兀。

要記得，漸變，不單單是裝飾。

來源：CocoaChina