營銷型網站設計中(zhōng)導航欄設計技(jì )巧

　　導航欄是索引網站内容、幫助用(yòng)戶快速訪問所需内容的輔助工(gōng)具(jù),根據網站内容,一個網站可(kě)以設置多(duō)個導航欄,還可(kě)以設置多(duō)級的導航欄以是示更多(duō)的導航内容。導航欄内容包含的是實現網站功能(néng)的按鈕或鏈接,其項目的數量不宜過多(duō),設計合理(lǐ)的導航欄可(kě)以有(yǒu)效地提高用(yòng)戶訪問網站的效率。那麽網站設計中(zhōng)導航欄又(yòu)有(yǒu)哪些技(jì )巧呢(ne)，我們一起來了解一下。

　　1.響應式導航欄菜單色彩運用(yòng)解析

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

　　2.全屏式導航欄菜單色彩運用(yòng)解析

　　當導航欄是整個網頁(yè)設計的核心時,頁(yè)面會是怎麽樣的?隻要合理(lǐ)地策劃整合,全屏導航欄其實是一種非常有(yǒu)效的技(jì )術,用(yòng)戶可(kě)以更加便捷地切換到不同的頁(yè)面,内容成為(wèi)更加觸手可(kě)及的東西。

　　全屏導航式頁(yè)面可(kě)以做得非常明顯,也可(kě)以以更加微妙的方式呈現出來。用(yòng)戶是否必須清楚地意識到它是導航呢(ne)?并不一定,如果你設計得夠合理(lǐ),用(yòng)戶會在無意識間充分(fēn)運用(yòng)它的導航功能(néng)。

　　3.垂直式導航欄菜單色彩運用(yòng)解析

　　打破常規設計的手法有(yǒu)很(hěn)多(duō),其中(zhōng)之一就是将導航欄菜單設計成縱向的,垂直的導航設計并不是簡單地将橫向變為(wèi)縱向,而是需要結合内容重新(xīn)思考整個網站的布局和空間的使用(yòng)。

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

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

/wangzhansheji/3923.html 營銷型網站設計中(zhōng)導航欄設計技(jì )巧