很多時(shí)候，一個(gè)偉大的頁面設(shè)計(jì)源于一些極小的細(xì)節(jié)，比如細(xì)微的紋理、陰影和平滑的外形。Photoshop中美化設(shè)計(jì)的工具不勝枚舉，但要找到最合適的卻絕非易事。受完美主義強(qiáng)迫癥的驅(qū)使，我們做了許多研究，覆蓋范圍相當(dāng)廣泛，幾乎挖掘每個(gè)技術(shù)工具的功能及弊端，然后才有如下來自完美主義強(qiáng)迫癥患者的Photoshop使用指南，下面金華微信平臺(tái)的網(wǎng)頁設(shè)計(jì)師們將細(xì)說如何使用其常用工具與技巧來進(jìn)行網(wǎng)站與用戶界面設(shè)計(jì)。

?

?

?

?

?

?

首先，我們先來研究下噪點(diǎn)和紋理，用戶界面設(shè)計(jì)中出現(xiàn)細(xì)微的噪點(diǎn)或紋理看起來或許會(huì)很棒，但要營造出這種最佳感覺的方法是什么呢?我們的目標(biāo)就是找到這其中的最佳方式，不僅要保證圖像的縮放質(zhì)量，同時(shí)也要易于應(yīng)用和編輯。為了找出最佳方法，我們用以下幾個(gè)標(biāo)準(zhǔn)來衡量：使用圖層數(shù)越少越好；如果調(diào)整文件大小，它的質(zhì)量是否得到保證；噪點(diǎn)能否置于顏色和漸變圖層樣式之上；該方法是否適用于所有紋理，而不只限于噪點(diǎn)。

?

針對(duì)有噪點(diǎn)的位圖圖層，也許給圖層添加紋理的最直接的方法就是新建一個(gè)常規(guī)的位圖圖層，進(jìn)行顏色填充，選擇濾鏡一雜色一添加雜色，然后應(yīng)用蒙版或矢量蒙版工具，使最終效果與添加雜色的部分一致。將雜色值調(diào)高，把圖層混合模式設(shè)置成Luminosity(亮度)，并降低透明度，這樣可以使雜色得到最佳控制的同時(shí)而不干擾下面的圖層。把雜色值設(shè)置成48％可以保證高動(dòng)態(tài)范圍，而且不會(huì)消除噪點(diǎn)，高對(duì)比度會(huì)使雜色消失，這可不是我們想要的。

?

其實(shí)我們可以添加內(nèi)發(fā)光圖層樣式，將源設(shè)置為中心，大小設(shè)置為0，這樣你就可以用雜色滑塊給任意圖層添加紋理了。這個(gè)方法很有用，但前提是你還沒有將內(nèi)發(fā)光圖層樣式應(yīng)用在其他方面。雜色添加在顏色、漸變和圖案的圖層樣式之上，效果棒極了。可美中不足的是，這些雜色會(huì)導(dǎo)致下面的圖層要么變亮、要么變得黯淡。前面提到的位圖圖層方法可以添加高亮和陰影，同時(shí)兼顧平均亮度，在我看來要比這個(gè)方法好很多。雖然得走點(diǎn)彎路，創(chuàng)建一個(gè)漸變填充圖層，添加一個(gè)圖案圖層樣式，然后新建一個(gè)矢量蒙版，但這應(yīng)該是最好的方法了。