导航

作者: Dita_wang | 来源:发表于2019-10-12 11:08 被阅读0次

导航

导航可以解决用户在访问页面时:在哪里,去哪里,怎样去的问题。一般导航会有「侧栏导航」和「顶部导航」2 种类型。

选择合适的导航

选择合适的导航可以让用户在产品的使用过程中非常流畅,相反若是不合适就会引起用户操作不适(方向不明确),以下是「侧栏导航」和 「顶部导航」的区别。

侧栏导航

可将导航栏固定在左侧,提高导航可见性,方便页面之间切换;顶部可放置常用工具,如搜索条、帮助按钮、通知按钮等。适用于中后台的管理型、工具型网站。

一级类目

适用于结构简单的网站:只有一级页面时,不需要使用面包屑。

二级类目

侧栏中最多可显示两级导航;当使用二级导航时,我们建议搭配使用面包屑,方便用户定位自己的位置和快速返回。

三级类目

适用于较复杂的工具型后台,左侧栏为一级导航,中间栏可显示其对应的二级导航,也可放置其他的工具型选项。

顶部导航

顺应了从上至下的正常浏览顺序,方便浏览信息;顶部宽度限制了导航的数量和文本长度。

适用于导航较少,页面篇幅较长的网站。

来源:https://element.eleme.cn/#/zh-CN/guide/nav

相关文章

  • 前段常用单词

    一、导航类 导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sideba...

  • 移动导航类型

    tab 导航 抽屉导航 list导航 九宫格导航 复合导航

  • APP导航设计模式

    导航主要分为两大类,横向和纵向。横向的导航有:标签导航、舵式导航、tab导航、轮播导航;纵向的导航有:宫格导航、下...

  • 标签式导航的设计思路

    导航分很多类别,如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。之前在我的...

  • Bootstrap-导航菜单-2018.07.07

    Bootstrap-导航菜单 nav 标签式导航 胶囊式导航 垂直胶囊式导航 两端对齐导航 导航元素下拉菜单

  • iOS应用导航模式

    IOS导航模式: 标签导航模式、桌面式模式、抽屉式导航、列表式导航、 点聚式导航、下拉菜单式导航、轮播导航 接下来...

  • Tailwind Navbar

    导航栏 PC导航栏仿Airbnb导航条 PC导航条添加图标 PC导航条上图下字 移动端导航条

  • 程序员导航

    转载自:程序员不可不知的导航 导航网址 极客导航 导航湾 nice导航 GitFox 程序员工具箱 沃克导航 去瞧瞧导航

  • 李亚涛:网址导航网站提交

    大家对网址导航应该不陌生,比如HAO123网址导航,114网址导航,2345导航,360导航,搜狗网址导航等等 网...

  • 交互设计学习_2_移动产品模式设计之导航

    在信息架构设计环节中需要设计产品的页面导航,常见的一级导航有标签导航、分段式导航、抽屉导航、舵式导航;二级导航有列...

网友评论

      本文标题:导航

      本文链接:https://www.haomeiwen.com/subject/mmqqmctx.html