網(wǎng)站導(dǎo)航知識科普(二)

基本交互原則

人眼閱讀方向原則:大部分地區(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)注

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,557評論 25 708
  • 1 UI設(shè)計基礎(chǔ) 1.1 為iOS而設(shè)計 1.1.1 iOS包含以下3條設(shè)計原則: 遵從,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,636評論 1 48
  • iOS 9設(shè)計規(guī)范 中文版 完整版譯者注:本文譯自蘋果官方人機界面指南 iOS Human Interface G...
    海寧Hennie閱讀 13,387評論 2 60
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,255評論 4 61
  • UItextField: 一、UItextField概念: UItextField通常用于外部數(shù)據(jù)輸入,以實現(xiàn)人機...
    曉明兒閱讀 611評論 0 1