簡(jiǎn)介：圖層樣式是每個(gè)設(shè)計(jì)師都常用的功能，合理巧妙的應(yīng)用能大大的節(jié)省我們的工作時(shí)間，提高工作效率，

今天我來分享一下平時(shí)工作中對(duì)圖層樣式應(yīng)用的一點(diǎn)技巧，希望對(duì)新手有點(diǎn)幫助，我們的目標(biāo)：簡(jiǎn)單實(shí)用。

一、按鈕篇

在制作頁面的按鈕時(shí)，我們希望保證設(shè)計(jì)風(fēng)格的情況下，能夠最大程度適應(yīng)各類修改情況，比如：尺寸，色調(diào)，形狀的修改等等。

下面來談?wù)剮追N風(fēng)格按鈕的制作方法

網(wǎng)站上最常見的按鈕，用圖層樣式來做也最簡(jiǎn)單：漸變疊加+投影，沒難度。

下面再來一個(gè)比較常見，有兩明暗雙描邊的按鈕。

OK，我們?cè)龠M(jìn)階一下，之前做的第二個(gè)按鈕是四邊都有高光的，那只有頂部有高光按鈕用圖層樣式又應(yīng)該怎么做呢？

看到木！只需將內(nèi)發(fā)光改為內(nèi)陰影就可以自由的控制光源啦，上下高光都可以有！

有同學(xué)問了：“如果要制作頂部底部雙高光的效果怎么辦呢？” 哼哼，通過樣式一樣可以解決，瞅下面：

由此可見，陰影，描邊，內(nèi)發(fā)光，內(nèi)陰影,漸變疊加，顏色疊加，浮雕是制作按鈕的法寶，一些常規(guī)做法中要建2-3個(gè)圖層的效果，通過圖層樣式

直接就可以實(shí)現(xiàn)了，這樣做的好處就是有利于后期修改，大大提高工作效率。

OK，下面讓我們來看看圖層樣式在制作其他設(shè)計(jì)元素中的作用吧。

二、其他應(yīng)用

1、明暗交界線

常規(guī)做法:明線、暗線、背景各建一個(gè)圖層，現(xiàn)在只要三個(gè)樣式就搞定了，而且長(zhǎng)短大小都可以很方便的變化。同樣的方法也可以用來制作表格線條哦

（當(dāng)然，也只是相對(duì)方便一點(diǎn)，建議表格還是結(jié)合其他軟件一起制作吧。）

2、圖標(biāo)的內(nèi)外描邊

具體的數(shù)值就不再一一列出了，大家自己研究下吧

通過以上的一些舉例，我們可以發(fā)現(xiàn)，雖然每個(gè)樣式設(shè)置都很簡(jiǎn)單，但通過不同的組合就可以滿足我們大多數(shù)的設(shè)計(jì)需要，合理的運(yùn)用能大大提高

我們的工作效率。希望以上的經(jīng)驗(yàn)?zāi)軐?duì)新手朋友有一定的啟發(fā)和幫助，謝謝