作為一名移動(dòng)APP設(shè)計(jì)師，陰影、半透明都是我們經(jīng)常用的一些UI設(shè)計(jì)技巧或者ps常用圖層特效。

今天25學(xué)堂帶大家一起學(xué)習(xí)如何巧妙的運(yùn)用這兩種PS設(shè)計(jì)特效，爆發(fā)出2個(gè)相加的設(shè)計(jì)原子彈的威力。

圖層陰影： 給我們的設(shè)計(jì)元素增加透視、立體、空間、大氣的感覺。

圖層半透明：神秘、優(yōu)雅、頗具吸引力、簡(jiǎn)單的質(zhì)感。有點(diǎn)夢(mèng)境的感覺。

不知道大家還記得 之前ios7 背景圖的漸變效果嗎？

那個(gè)時(shí)候一度流行使用霓虹燈色彩般的漸變，讓人感覺光鮮可鑒，再加上纖細(xì)簡(jiǎn)約的字體，線條簡(jiǎn)練的圖標(biāo)，整個(gè)界面將變得非常極簡(jiǎn)且高雅。如下圖：

我們不能偏題了，再來看看看，哪些APP界面設(shè)計(jì)作品是采用圖層陰影+圖層半透明實(shí)現(xiàn)的APP設(shè)計(jì)效果呢？

直接上圖：下面三張都是某個(gè)APP的引導(dǎo)頁設(shè)計(jì)界面：

上面這張圖的設(shè)計(jì)技巧就是，兩張一樣的APP界面疊加在一起，放在一個(gè)純色的背景上。中間那張圖采用半透明+投影效果。

最上面的那張圖做一點(diǎn)立體效果，頓時(shí)讓張APP引導(dǎo)頁設(shè)計(jì)高大上。

這張?jiān)O(shè)計(jì)的巧妙之處就是：像聲浪一樣，從大變小、相等的上下距離、等比的縮放、加上半透明的投影特效。也讓張APP引導(dǎo)頁界面設(shè)計(jì)非常具有生動(dòng)感。界面的層次感頓時(shí)就顯現(xiàn)出來了！

這張圖就是每一個(gè)元素、主題背景和周邊的圓圈氣泡元素 ，使用的設(shè)計(jì)風(fēng)格都是統(tǒng)一的。

采用的設(shè)計(jì)技巧就是圖層陰影+半透明特效。呈現(xiàn)出來的效果是不是很酷炫呢？

有興趣的小伙伴們可以去嘗試這樣的設(shè)計(jì)方法。 ?但是需要加入設(shè)計(jì)師自己的一些個(gè)性的思想。

以上三張圖來源 ：huangxiaoyu9275h ? 北京市 / GUI設(shè)計(jì)師的站酷主頁。25學(xué)堂非常感謝作者設(shè)計(jì)出這么好的作品。分享給我們一起來學(xué)習(xí)鑒賞。