網站設計技巧:質感的網頁導航設計

來源:互聯網
上載者:User

網頁製作Webjx文章簡介:一直都有朋友在問質感方面的問題,很多朋友也一直希望記憶能做一期質感方面的教程,但是由於一直很忙,所以到今天才簡單為大家帶來一期質感方面的教程!

一直都有朋友在問質感方面的問題,很多朋友也一直希望記憶能做一期質感方面的教程,但是由於一直很忙,所以到今天才簡單為大家帶來一期質感方面的教程!

首先來看一個標準的導航質感如何展現吧!

導航在網站設計中佔有舉足輕重的地位,導航是整個網站中(特別是門戶站)視覺的焦點和中心,其影響力僅次於Banner!導航的成敗直接影響了整個網站的表現,不管是企業站,還是Flash網站,都不應該輕視導航的設計!

在這裡我就大概講一下質感類導航的製作方式!

我個人總是把導航的質感分為好幾層,例如高光,泛光,點光,投影等,也就是基本一個實物應該具備的一些效果,把他們綜合到介面上,就可以比較好的展現出介面的質感,詳細請看下圖!

上圖中所舉例就是我常用來體現導航質感的方式了,當然方法很多,實現效果也可以千變萬化,如何去實現更好的效果。咱這裡就不多羅嗦了,呵呵!

然後我在舉一個帶有複雜質感導航的實現方式,例如下面的玻璃質感導航是如何?的!

玻璃是一種帶有複雜高光反射的材料,所以要用更多的光去體現他的質感,我簡單舉例了一個製作,大家可以看下圖我是怎麼去實現半透明效果的!

其實大家應該可以從我這兩個例子裡看出來,打底的無非就是一個漸層色圖層,其他效果都是靠不斷的建立圖層來實現的。而且質感的體現總是會在一定的高光,暗光,投影裡形成!所以我個人總結的是多參照實物。多參考別人的設計,把自己學到的多換方式運用,這樣就可以製作出非常多質感豐富且漂亮的導航了!

[1] [2]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。