美文网首页
移动端导航栏——交互基础篇

移动端导航栏——交互基础篇

作者: 金哥Ipo | 来源:发表于2020-06-12 11:02 被阅读0次

    1:导航栏位置

    状态栏下面部分就是导航栏

    各热门行业app首页导航栏展示

    京东导航栏:左侧logo,右侧扫一扫,消息

    网易导航:左侧logo,右侧消息

    微信导航栏:右侧操作按钮

    抖音导航栏:两个栏目切换,左侧直播按钮,右侧搜索

    2:导航栏内容

    同一个app的不同层级界面导航栏的区别

    超市页:左侧返回,右侧关注,操作按钮

    分类页:左侧返回,右侧分类按钮

    详情页:左侧返回,右侧分享,操作按钮

    总结:除首页外,通常情况导航栏面左侧都有返回按钮,个别也会有放在左下,具体情况看设计本身。若无返回,那一定是取消(退出当前页面)

    3:导航栏的模式

    常见的导航栏的模式

    图一:首页导航栏

    图二图三:第二或者更深层次的导航栏

    相关文章

      网友评论

          本文标题:移动端导航栏——交互基础篇

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