導航欄是索引網(wǎng)站內容、幫助用戶(hù)快速訪(fǎng)問(wèn)所需內容的輔助工具,根據網(wǎng)站內容,一個(gè)網(wǎng)站可以設置多個(gè)導航欄,還可以設置多級的導航欄以是示更多的導航內容。導航欄內容包含的是實(shí)現網(wǎng)站功能的按鈕或鏈接,其項目的數量不宜過(guò)多,設計合理的導航欄可以有效地提高用戶(hù)訪(fǎng)問(wèn)網(wǎng)站的效率。那么網(wǎng)站設計中導航欄又有哪些技巧呢，我們一起來(lái)了解一下。

　　1.響應式導航欄菜單色彩運用解析

　　響應式設計是當前網(wǎng)頁(yè)設計的流行趨勢,針對不同的設備,提供不同的布局解決方案。響應式設計的難點(diǎn)是導航欄菜單在設計之前,要謀劃好導航欄菜單在手機、平板、桌面上的布局。

　　2.全屏式導航欄菜單色彩運用解析

　　當導航欄是整個(gè)網(wǎng)頁(yè)設計的核心時(shí),頁(yè)面會(huì )是怎么樣的?只要合理地策劃整合,全屏導航欄其實(shí)是一種非常有效的技術(shù),用戶(hù)可以更加便捷地切換到不同的頁(yè)面,內容成為更加觸手可及的東西。

　　全屏導航式頁(yè)面可以做得非常明顯,也可以以更加微妙的方式呈現出來(lái)。用戶(hù)是否必須清楚地意識到它是導航呢?并不一定,如果你設計得夠合理,用戶(hù)會(huì )在無(wú)意識間充分運用它的導航功能。

　　3.垂直式導航欄菜單色彩運用解析

　　打破常規設計的手法有很多,其中之一就是將導航欄菜單設計成縱向的,垂直的導航設計并不是簡(jiǎn)單地將橫向變?yōu)榭v向,而是需要結合內容重新思考整個(gè)網(wǎng)站的布局和空間的使用。

　　這類(lèi)排版方式最流行的有兩種:一種是使用漢堡菜單的隱藏式的導航菜單;另外一種是使用固定的側邊欄來(lái)承載菜單,它在色彩運用上一般使用與網(wǎng)頁(yè)色調相柔和、協(xié)調的顏色,既能起到很好的交互作用,又不喧賓奪主。第二種菜單的有趣之處在于,它為網(wǎng)站設計提供了一種新的視覺(jué)設計可能性。同時(shí),這種導航欄在小屏幕上可以做成懸停隱藏式的,需要的時(shí)候單擊顯示,它在色彩的運用上沒(méi)有太多的限制,使用鮮明或柔和的色彩均可,但在設計時(shí)要注意導航欄的色彩設計必須與網(wǎng)頁(yè)整體色彩相協(xié)調。如圖4-48所示的網(wǎng)頁(yè)中,導航欄采用的是漢堡菜單的隱藏式導航菜單,其采用與網(wǎng)頁(yè)色彩相協(xié)調的黃灰色,在保證與用戶(hù)進(jìn)行良好交互的同時(shí),又彰顯了網(wǎng)頁(yè)的獨特魅力。

　　網(wǎng)頁(yè)的導航欄菜單有著(zhù)引導用戶(hù)瀏覽的作用,如何通過(guò)配色將導航欄菜單的這一功能予以發(fā)揮,是在對導航欄菜單進(jìn)行配色時(shí)著(zhù)重考慮的問(wèn)題,同時(shí),因為導航欄菜單形式的不同,需要選擇的顏色也會(huì )有所不同。一般情況下,導航欄菜單的配色要在與網(wǎng)頁(yè)整體配色相協(xié)調的基礎上,運用一些稍微具有跳躍性的色彩或者明度和純度較高的色彩,吸引用戶(hù)的視線(xiàn),使得用戶(hù)感覺(jué)網(wǎng)頁(yè)整體結構清晰、明了,層次分明,更好地了解網(wǎng)頁(yè)所傳遞的信息。

http://ezekroy.com/wangzhansheji/3923.html 營(yíng)銷(xiāo)型網(wǎng)站設計中導航欄設計技巧