本文整頓了一些在移動(dòng)界面設(shè)計(jì)中使用漸變的優(yōu)異的例子，大家在看的同時(shí)可以思考自己如何用漸變?cè)鎏砹咙c(diǎn)。

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

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

一、漸變作為界面的背景

iOS7 Lockscreen by Michael Shanks

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

Sense by Tommy Borgen.

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

Personal Site Idea v1.1 by Ross Popoff-Walker.

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

Screens by Yasser Achachi

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

不過(guò)到底喜不喜好這一種色彩感，當(dāng)然是要看用戶各自的喜愛(ài)了。偏愛(ài)上面兩種設(shè)計(jì)的用戶瀘州家電，也許不免覺(jué)得這款設(shè)計(jì)太過(guò)活潑。

Coloring Clock by Kyung Min Kim

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

Instasave iPhone App by chirag dave – uijunction

放射漸變上海做網(wǎng)站信息網(wǎng)，純色菜單，設(shè)計(jì)師行使背景來(lái)襯托導(dǎo)航元素，圖標(biāo)很干凈、纖細(xì)。

Beam Day (concept clock) by Vladimir.

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

Aero Weather by Alex Patrascu.

通亮的漸變令人眼前一亮，用戶會(huì)更注重到天色預(yù)告中的細(xì)節(jié)，得出能幫助日常生活的信息。

iOS 7 Shortcuts Menu by Gaétan Pautler.

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