您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> ps教程 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計中導(dǎo)航的質(zhì)感運用技巧(附PSD源文件)

首先來看一個標(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é)到的多換方式運用,這樣就可以制作出非常多質(zhì)感豐富且漂亮的導(dǎo)航了!

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

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

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

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

PSD分層文件下載地址:

 下載信息  [文件大?。?03.39 KB 下載次數(shù): 次]
點擊下載文件:導(dǎo)航質(zhì)感的運用技巧
[教程作者:記憶拼圖]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ps925.html
圖趣教程--利用ps路徑制作logo
網(wǎng)頁設(shè)計教程:打造華麗的房地產(chǎn)網(wǎng)站首頁效果
圖趣網(wǎng)微信
建議反饋
×