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

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

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

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

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

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

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

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

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

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

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

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

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

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

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