基本交互原則
人眼閱讀方向原則:大部分地區(qū)采用從左到右,自上而下的閱讀。導(dǎo)航是幫助閱讀者尋路的工具,自然要優(yōu)先設(shè)計在網(wǎng)站頂端或者左側(cè)(當(dāng)然,次要導(dǎo)航可放在右側(cè)或者尾端)。
頁面切換方便原則:導(dǎo)航是實現(xiàn)頁面切換的主要手段,設(shè)計導(dǎo)航時,自然需保證頁面切換的便捷性。
主流導(dǎo)航方式列舉
頂部導(dǎo)航:導(dǎo)航欄在頁面頂部。根據(jù)是否有二級導(dǎo)航 分為兩類
左側(cè)邊欄導(dǎo)航:導(dǎo)航欄在頁面左側(cè)。根據(jù)是否可以收起,分兩類
抽屜師導(dǎo)航:默認收起,點擊展開。符合Material Deaign規(guī)范
面包屑導(dǎo)航:一般作為輔助導(dǎo)航,用來幫助用戶明確目前位置以及迅速返回父級菜單
卡片式導(dǎo)航:一般不作為一級導(dǎo)航,適用于特定內(nèi)容
尾端導(dǎo)航:導(dǎo)航置于網(wǎng)站尾端。不常用但是很重要并且不會影響實際業(yè)務(wù)的內(nèi)容,可將鏈接放置于此
右邊欄導(dǎo)航:導(dǎo)航欄置于網(wǎng)站右邊欄。常常將一些實用工具或者有個人屬性的模塊放置于此
下一節(jié)將會詳細介紹頂部導(dǎo)航,歡迎關(guān)注