一直都有朋友在問質(zhì)感方面的問題,很多朋友也一直希望記憶能做一期質(zhì)感方面的教程,但是由于一直很忙,所以到今天才簡單為大家?guī)硪黄谫|(zhì)感方面的教程!

首先來看一個標(biāo)準(zhǔn)的導(dǎo)航質(zhì)感如何展現(xiàn)吧！
        導(dǎo)航在網(wǎng)站建設(shè)中占有舉足輕重的地位，導(dǎo)航是整個站點中（特別是門戶站）視覺的焦點和中心，其影響力僅次于Banner!導(dǎo)航的成敗直接影響了整個站點的表現(xiàn)，不管是企業(yè)站，還是Flash站點，都不應(yīng)該輕視導(dǎo)航的設(shè)計！

在這里我就大概講一下質(zhì)感類導(dǎo)航的制作方式！

我個人總是把導(dǎo)航的質(zhì)感分為好幾層，例如高光，泛光，點光，投影等，也就是基本一個實物應(yīng)該具備的一些效果，把他們綜合到界面上，就可以比較好的展現(xiàn)出界面的質(zhì)感，詳細(xì)請看下圖！

上圖中所舉例就是我常用來體現(xiàn)導(dǎo)航質(zhì)感的方式了，當(dāng)然方法很多，實現(xiàn)效果也可以千變?nèi)f化，如何去實現(xiàn)更好的效果。咱這里就不多羅嗦了，呵呵！

然后我在舉一個帶有復(fù)雜質(zhì)感導(dǎo)航的實現(xiàn)方式，例如下面的玻璃質(zhì)感導(dǎo)航是如何實現(xiàn)的！

玻璃是一種帶有復(fù)雜高光反射的材料，所以要用更多的光去體現(xiàn)他的質(zhì)感，我簡單舉例了一個制作，大家可以看下圖我是怎么去實現(xiàn)玻璃效果的！

其實大家應(yīng)該可以從我這兩個例子里看出來，打底的無非就是一個漸變色圖層，其他效果都是靠不斷的新建圖層來實現(xiàn)的。而且質(zhì)感的體現(xiàn)總是會在一定的高光，暗光，投影里形成！所以我個人總結(jié)的是多參照實物。多參考別人的設(shè)計，把自己學(xué)到的多換方式運(yùn)用，這樣就可以制作出非常多質(zhì)感豐富且漂亮的導(dǎo)航了！
 

下面為大家?guī)硪恍嵗?

導(dǎo)航上的質(zhì)感應(yīng)用

背景上的質(zhì)感應(yīng)用

按鈕或鼠標(biāo)交互效果上的質(zhì)感應(yīng)用