網(wǎng)頁中設(shè)計導(dǎo)航菜單的三個原則
導(dǎo)航菜單可能是網(wǎng)頁設(shè)計中最重要的部分了。每個用戶瀏覽網(wǎng)站時一定有所需,因此導(dǎo)航菜單能夠幫助用戶尋找信息。好的導(dǎo)航菜單像是導(dǎo)游,告訴用戶網(wǎng)站是干什么的,內(nèi)容分類有哪些,在哪里可以找到什么信息。
而且導(dǎo)航欄也是整體布局的重要組成。
總結(jié)一下,導(dǎo)航欄的重要性。
1. 瀏覽完Logo后,導(dǎo)航欄是用戶第一個看到的組件。
2. 導(dǎo)航欄的作用是引導(dǎo)用戶。
3. 導(dǎo)航欄的作用也類似于索引,快速幫助用戶找到所需信息。
想讓導(dǎo)航欄更加優(yōu)雅、美麗、響應(yīng)式么?看看導(dǎo)航欄設(shè)計的三大要點吧!
1) 別再讓導(dǎo)航胖下去了,給導(dǎo)航減個肥
導(dǎo)航菜單重要性不言而喻。一些設(shè)計師往往使用一些繁雜的裝飾來做突出。其實大可不必,通過字體、懸停效果、留白可以設(shè)計出簡約、優(yōu)雅的極簡主義風(fēng)格導(dǎo)航欄,看看下面的案例。
Design Instruct
Sugar Rush
Mmminimal
AD60
Rhythm
2) 如果有能力,為什么不試試來做響應(yīng)式設(shè)計
設(shè)備種類越來越多,如何滿足大部分用戶的閱讀需求?這就必須要使用響應(yīng)式設(shè)計了。根據(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)航菜單可以兼容不同的屏幕尺寸。
本文地址:http://www.likemindfilms.com/tutorial/di1742.html