導航菜單可能是網頁設計中最重要的部分了。每個用戶浏覽網站時一定有所需,因此導航菜單能夠幫助用戶尋找信息。好的導航菜單像是導游,告訴用戶網站是干什麼的,內容分類有哪些,在哪裡可以找到什麼信息。
而且導航欄也是整體布局的重要組成。
總結一下,導航欄的重要性。
1. 浏覽完Logo後,導航欄是用戶第一個看到的組件。
2. 導航欄的作用是引導用戶。
3. 導航欄的作用也類似於索引,快速幫助用戶找到所需信息。
想讓導航欄更加優雅、美麗、響應式麼?看看導航欄設計的三大要點吧!
1) 別再讓導航胖下去了,給導航減個肥
導航菜單重要性不言而喻。一些設計師往往使用一些繁雜的裝飾來做突出。其實大可不必,通過字體、懸停效果、留白可以設計出簡約、優雅的極簡主義風格導航欄,看看下面的案例。
Design Instruct
Sugar Rush
Mmminimal
AD60
Rhythm
2) 如果有能力,為什麼不試試來做響應式設計
設備種類越來越多,如何滿足大部分用戶的閱讀需求?這就必須要使用響應式設計了。根據屏幕尺寸來合理縮放頁面,達到更好的閱讀效果,這裡是一些案例。
Inspire Conference
Forefathers Group
These Are Things
Ryan O’Rourke
Stephen Caver
3) 合理放置導航,出現在該出現的地方
將導航放置何處,以何種方式展現,這都是不容忽視的,無論是水平布局還是垂直布局,都要盡量滿足用戶使用習慣。水平式導航菜單的好處是明顯,清晰可見,大家都會知道導航條在上方,而且不是那麼占據空間。而垂直的導航菜單可以兼容不同的屏幕尺寸。
避免奇怪的布局
HTML標記要簡單
保持簡約
CSS設置樣式
注:更多精彩教程請關注三聯網頁設計教程 欄目,