达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心 达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心
媒体报道
 当前位置:主页 > 媒体报道 >

导航设计我们需要注意的问题有哪些

时间:2019-06-12  来源:未知  作者:广州达内培训

导航设计对于每一个设计师来说都是需要重点掌握的设计知识之一,下面我们就通过案例分析来了解一下导航设计规范的一些注意事项。

Material Design 规范

导航设计我们需要注意的问题有哪些

当用户选择点击某个选项时,则应该直接展现相应的页面,或者刷新当前的页面;注意不要在点击后展示菜单或者弹出框(pop-up)。另外,如果点击系统返回键,不会切换到底部导航栏上一次点击的页面。

另外,有以下三点需要注意:

1、点击当前选项的图标,则页面返回顶部。即如果当前在一个tab,则点击一个tab,则页面回到顶部。

2、点击底部导航栏中的选项后,应该返回该页面顶部并刷新该选项的页面(这一点笔者认为也不是必要,需要根据应用自身的场景来判断)。

3、当点击底部导航栏中的不同选项时,避免页面发生横向切换。

苹果iOS设计规范

苹果的设计规范,主要讲了以下3点:

1. 如果底部导航栏中的某个选项暂时不可用,不要把该选项置灰。在不可用而又点击了的情况下,页面只要展示这个页面为什么没有内容就可以了。

2. 避免使用过多的选项。当然,如果选项过少也会有问题。一般在iPhone上,3到5个选项比较合适。在iPad上可以适量增加。

3. 可以使用肩标来提示信息数量。

功切换后是否保留之前状态

在iOS规范里,没有找到与此相关的说明,但在谷歌的Material Design规范里,我找到了间接关联的一段说明:

在Android上:点击某个tab后,展示该tab的高一级的页面内容。 重置任何先前的用户交互和临时屏幕状态,例如滚动位置,选项卡选择和搜索行为。

在iOS上:点击某个tab后,展示该tab里用户之前的交互结果。 如果用户先前访问过该tab,则点击该tab后,展示用户操作的后一个屏幕(如果可能,保留其先前状态)。 如果用户以前没有访问过该tab,则展示该tab的高一级的页面内容。

上述的说明中,Material Design规范主要在说明切换tab后,是否保留用户之前的操作结果。总结一下,就是在Android上,切换后不保留操作结果;在iOS上需要保留。

作者:小哥哥沐风

节选:公众号:沐风与体验设计

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!




上一篇:如何正确使用Spring开发软件
下一篇:没有了

友情链接:
  • 为Khronos OpenGL Registry提出的GL
  • KDE Plasma 5.17 开发升温,5.16 功能冻结
  • LLVM增加对IBM MASS库的支持,支持POWER向量化
  • KDE Frameworks 5.59 发布,带来更多修复
  • Ubuntu Touch即将更新Unity 8 + Mir,但还没有完全实现
  • RPM 4.15将以更好的性能和新功能将进入Fedora 31
  • Git 2.22 发布,围绕合并处理的改进
  • iOS 13将使删除已安装的应用程序变得非常容易
  • Linux Kernel 5.2-rc4 发布,相当平静的版本
  • Ubuntu MATE 19.10将默认使用GNOME MPV替换VLC播放器
  • Canonical发布所有支持的Ubuntu版本的Linux内核安全更新 - 适用
  • Qt 5.13进入发布候选阶段
  • 十字绣设计软件 KXStitch 2.2.0 发布,Ubuntu下安装方法
  • 2019亚洲天然及营养保健品展/HNC将于上海开幕
  • 一个妹子的美团面试经历,已成功拿到Offer
  • 做到如下4点,让用户不再讨厌你的广告
  • 类图的6大关系详解
  • 中国奢侈品消费者调研的关键发现
  • LibreOffice 6.3 Beta测试版发布,不再支持32位Linux发行版
  • springMVC -
  • Android Q Beta 4完成了开发者API SDK的开发
  • 【TIDB】4、业界使用情况
  • 如何配置Spring Boot Tomcat
  • 坑爹的 Java 可变参数,把我整得够惨。。
  • 《大型网站系统与Java中间件》读书笔记(上)
  • 乐字节Java8核心特性之Optional类
  • Java IO 输入和输出流
  • Guava Cache
  • 经典营销理论和跨国公司面临中国式挑战
  • 力软未来产品发展方向
  • 在印度销售、购买或持有虚拟货币可能导致最高10年的监禁
  • Oracle Java SE 组件概念图
  • Google Chrome 75.0.3770.80 发布,修复了42个安全问题
  • 2019最新Java教程 免费赠送
  • Spring框架的AOP编程,最通俗的语言解释,易懂易学
  • Java开发桌面程序学习(八)——启动浏览器或者打开资源管理器操
  • 笔记-JavaWeb学习之旅10
  • SpringBoot2.0 基础案例(02):配置Log4j2,实现不同环境日志打印
  • JDK动态代理
  • 利用idea创建一个基本的smm项目(带增删改查)
  • SpringBoot2.0 基础案例(03):配置系统全局异常映射处理
  • Java常见设计模式学习(非原创)
  • Java 总结篇1
  • 单例模式
  • 基于IDEA实现SSM整合框架的搭建配置流程
  • RabbitMQ 从入门到精通(二)
  • 工信部发放5G牌照,中国正式迈入5G商用元年
  • Java开发桌面程序学习(五)——文件选择器和目录选择器的使用
  • 2018年送彩金网站大全
  • 斗牛秘籍
  • 捕鱼游戏
  • 天下娱乐网
  • 捕鱼大作战
  • 免费注册送59元体验金
  • 葡京网站