網(wǎng)頁中設(shè)計(jì)導(dǎo)航菜單的三個(gè)原則

導(dǎo)航菜單可能是網(wǎng)頁設(shè)計(jì)中最重要的部分了。每個(gè)用戶瀏覽網(wǎng)站時(shí)一定有所需，因此導(dǎo)航菜單能夠幫助用戶尋找信息。好的導(dǎo)航菜單像是導(dǎo)游，告訴用戶網(wǎng)站是干什么的，內(nèi)容分類有哪些，在哪里可以找到什么信息。

　　而且導(dǎo)航欄也是整體布局的重要組成。

　　總結(jié)一下，導(dǎo)航欄的重要性。

　　1. 瀏覽完Logo后，導(dǎo)航欄是用戶第一個(gè)看到的組件。

　　2. 導(dǎo)航欄的作用是引導(dǎo)用戶。

　　3. 導(dǎo)航欄的作用也類似于索引，快速幫助用戶找到所需信息。

　　想讓導(dǎo)航欄更加優(yōu)雅、美麗、響應(yīng)式么?看看導(dǎo)航欄設(shè)計(jì)的三大要點(diǎn)吧!

　　1) 別再讓導(dǎo)航胖下去了，給導(dǎo)航減個(gè)肥

　　導(dǎo)航菜單重要性不言而喻。一些設(shè)計(jì)師往往使用一些繁雜的裝飾來做突出。其實(shí)大可不必，通過字體、懸停效果、留白可以設(shè)計(jì)出簡約、優(yōu)雅的極簡主義風(fēng)格導(dǎo)航欄，看看下面的案例。

　　Design Instruct

　　Sugar Rush

　　Mmminimal

　　AD60

　　Rhythm

　　2) 如果有能力，為什么不試試來做響應(yīng)式設(shè)計(jì)

　　設(shè)備種類越來越多，如何滿足大部分用戶的閱讀需求?這就必須要使用響應(yīng)式設(shè)計(jì)了。根據(jù)屏幕尺寸來合理縮放頁面，達(dá)到更好的閱讀效果，這里是一些案例。

　　Inspire Conference

　　Forefathers Group

　　These Are Things

　　Ryan O’Rourke

　　Stephen Caver

　　3) 合理放置導(dǎo)航，出現(xiàn)在該出現(xiàn)的地方

　　將導(dǎo)航放置何處，以何種方式展現(xiàn)，這都是不容忽視的，無論是水平布局還是垂直布局，都要盡量滿足用戶使用習(xí)慣。水平式導(dǎo)航菜單的好處是明顯，清晰可見，大家都會知道導(dǎo)航條在上方，而且不是那么占據(jù)空間。而垂直的導(dǎo)航菜單可以兼容不同的屏幕尺寸。