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

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

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

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

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

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

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

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

精美的微漸變設(shè)計(jì)作品，已經(jīng)流行起來了！

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

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

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

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

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

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

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

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

2、功能漸變（弱漸變）

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

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

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

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

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

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