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

2020-06-12  本文已影响0人  金哥Ipo

1:导航栏位置

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

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

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

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

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

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

2:导航栏内容

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

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

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

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

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

3:导航栏的模式

常见的导航栏的模式

图一:首页导航栏

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

上一篇 下一篇

猜你喜欢

热点阅读