這回25學(xué)堂小編花了不少時(shí)間，給大家普及一下基本的設(shè)計(jì)理論知識(shí)和現(xiàn)在比較流行的APP視覺(jué)設(shè)計(jì)趨勢(shì)。

有一種非常迷人的漸變已經(jīng)擴(kuò)散到整個(gè)APP設(shè)計(jì)圈內(nèi)了，不管是你最愛(ài)的追波風(fēng)，還是UI中國(guó)、站酷上的設(shè)計(jì)大牛們，都已經(jīng)嘗試APP微漸變的魅力啦！

微漸變 就是弱漸變的升華，在扁平化的基礎(chǔ)上衍生出來(lái)的插畫(huà)設(shè)計(jì)風(fēng)格。如下圖：

漸變作為視覺(jué)設(shè)計(jì)師經(jīng)常使用的手法之一，幾乎每個(gè)設(shè)計(jì)師在頁(yè)面中或多或少都會(huì)做一個(gè)漸變。

下面25學(xué)堂的小編就來(lái)跟大家溫習(xí)一下設(shè)計(jì)當(dāng)中的漸變知識(shí)。

漸變幅度在整個(gè)APP視覺(jué)設(shè)計(jì)的漸變過(guò)程當(dāng)中是非常重要的。

漸變的幅度太大，速度太快，就容易失去漸變所特有的規(guī)律性效果，給人以不連貫和視覺(jué)上的躍動(dòng)感。反之，如果漸變的幅度太 小，會(huì)產(chǎn)生重復(fù)之感，但慢的漸變?cè)谠O(shè)計(jì)中會(huì)顯示出細(xì)致的效果。所以，就有人把漸變分成強(qiáng)漸變和弱漸變。

從功能角度上，也有人分為效果漸變和功能漸變兩類， 個(gè)人覺(jué)得，到底哪一種分類更準(zhǔn)確無(wú)可厚非，其目的還是希望設(shè)計(jì)師能夠了解各種漸變的特點(diǎn)、使用場(chǎng)合以及制作技巧等等。

精美的微漸變?cè)O(shè)計(jì)作品，已經(jīng)流行起來(lái)了！

如之前25學(xué)堂分享的追波網(wǎng)dribbble推薦的iPhone界面設(shè)計(jì)作品欣賞

看完上面這些利用微漸變?cè)O(shè)計(jì)技巧的APP設(shè)計(jì)作品，是不是覺(jué)得很好看呢？

你也想要試試這樣的微漸變效果！多聯(lián)系多臨摹，你就可以設(shè)計(jì)出一樣精美的APP界面。

當(dāng)然，你可以閱讀一下：如何設(shè)計(jì)出漂亮的移動(dòng)端APP背景的漸變效果

如何使用這些漸變技巧呢？

1、效果漸變（強(qiáng)漸變）

這種漸變主要運(yùn)用在一些需要展示效果的頁(yè)面上，比如風(fēng)格夸張迥異的專題設(shè)計(jì)和banner，炫酷的游戲界面、時(shí)尚的娛樂(lè)性軟件等。這些頁(yè)面需要在短 時(shí)間內(nèi)抓住用戶眼球，吸引用戶繼續(xù)閱讀。應(yīng)用在APP大背景或者是APP啟動(dòng)頁(yè)、APP引導(dǎo)頁(yè)居多。

這種漸變飽和度高、跨度大，亮暗部色相可以不一致，塑造的質(zhì)感比較厚重，往往營(yíng)造的氛圍十分強(qiáng)烈。

2、功能漸變（弱漸變）

PC端主要運(yùn)用在一些以功能為主的操作型頁(yè)面，比如電商、郵箱、資訊、門(mén)戶。這些頁(yè)面需要用戶視線停留較長(zhǎng)時(shí)間，以閱讀信息為主。所以應(yīng)該去掉華麗的漸變，給用戶創(chuàng)造出簡(jiǎn)單舒服的感覺(jué)，降低視覺(jué)噪音。

移動(dòng)APP端主要應(yīng)用在按鈕、區(qū)域塊內(nèi)和圖標(biāo)上。

后面25學(xué)堂還會(huì)繼續(xù)分享很多關(guān)于微漸變的APP視覺(jué)效果圖給大家。一起來(lái)學(xué)習(xí)和吸收微漸變?cè)O(shè)計(jì)的技巧和思維。

最后再來(lái)啰嗦兩點(diǎn)：

1、漸變應(yīng)該與整個(gè)界面氣質(zhì)保持一致，如果整個(gè)頁(yè)面走平實(shí)路線，那么就要統(tǒng)一到底，不要突然無(wú)厘頭的冒出一種玻璃質(zhì)感。如果整個(gè)頁(yè)面走小清新風(fēng)格，就不要突然來(lái)一筆濃墨重彩的質(zhì)感漸變。

2、一個(gè)界面上不應(yīng)該超過(guò)4種色彩體系的漸變，否則界面顯得雜亂無(wú)章。所謂色彩體系，就是同一色相（H）下的不同顏色。如果想讓頁(yè)面盡可能的突出彩色，可以用灰色進(jìn)行大面積調(diào)和，紅、綠、藍(lán)保留一點(diǎn)點(diǎn)足矣。