您现在的位置: 主页 > www.blh45.com > 正文

www.blh45.com

  • 关于底部导航栏设计你忽略了哪些?

    时间:2019-10-05

  •   本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助。

      本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助。

      备注:以下内容在翻译过程中根据阅读习惯有相应的调整,如有不妥欢迎大家根据官网链接进行比对。

      底部导航栏在屏幕底端展示3至5个目标选项,每一个选项由一个图标和文字标签展示,点击底部导航图标时,将带领用户前往与之关联的视图。

      组合使用底部导航和选项卡可能会引起混淆,因为他们与内容关系不够清楚,选项卡拥有相同的主题,而底部导航是顶级功能且彼此无关联。

      底部导航目标始终包含一个图标,最好的方式是图标结合文本标签展示,尤其是如果图标没有明确含义。

      活动、非活动图标以及文本标签应与导航栏底块有明显的对比,活动图标应使用应用程序主题色或高强度被选中颜色展示,具体取决于组件的配色方案。非活动图标和文本标签可使用中强度的被选中颜色来展示。

      避免使用不同的颜色或低强度被选中颜色来显示图标和文本标签,因为这会使用户难以区分活动图标并导航到其他目标视图。

      Android和iOS系统的底部导航会显示不同,当你选择底部导航选项时(当前未被选中),每个系统会有不同的显示结果:

      该应用导航到目标顶级视图界面;重置任何先前的用户交互和临时屏幕状态,例如滚动位置,选项卡选择和内联搜索。

      目的地反映了用户之前的交互。如果用户先前访问过应用程序的该部分,则会返回到上一次查看的最后一个视图(如果可能,保留其先前状态);否则,应用程序会导航到顶级视图。

      可以在需要时覆盖默认平台导航以改善用户体验。例如,需要在各部分之间频繁切换的Android应用程序可以保留每个部分的状态。或者,iOS应用程序可以将用户返回到顶级视图(或重置其滚动位置),如果它更适合用例。

      在Android上,重新访问某个部分会重置该应用,将用户返回到其顶级视图。

      在iOS上,当用户重新访问某个界面时,会返回到该界面停止的位置,例如详细信息视图界面。

      当在应用程序的层次结构中向下移动时(从父屏幕到子屏幕),可以持久显示底部导航栏,以便在应用程序的各个部分之间快速导航。

      底部导航图标可以在其右上角使用肩标。这些标记可包含动态信息,例如一些待处理请求。

      建议使用淡入淡出的动画在底部导航目标之间进行过渡。横向运动(一侧到另侧)过渡可能意味着不存在的项目之间的对等关系,通辽周边景点主要去大清沟和珠日河草原!或误导用户认为他们可以使用手势在各部分之间导航。

      底部导航可以被对话框、底部表单、抽屉导航、屏幕键盘或完成流程所需的其他元素临时覆盖。它们不应在任何屏幕上永久显示。

      “Radio”屏幕的搜索功能触发屏幕键盘,暂时覆盖底部导航栏,直到搜索流程完成。

      在移动设备(横屏)或平板电脑上,底部导航目标可以保留纵向模式中使用的相同间距,而不是均匀分布在底部导航栏上。

      在移动设备(横屏)或平板电脑上,底部导航目的地可以水平放置而不是折行。新铁算盘六合彩专家在这种情况下,建议选项均匀分布在底部导航栏上。

      底部导航通过不透明度和文本来显示选项何时处于活动状态。状态用于显示按下、聚焦和未选择状态。

      本文由 @黎沫limo 翻译发布于人人都是产品经理,未经作者许可,禁止转载。

      人人都是产品经理(是以产品经理、运营为核心的学习、百胜图库大全。交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

一肖一码期期中| 皇冠网开奖结果资料| 168开奖现场最新库每期图库| 香港马会直播现场| 香港天下彩开奖| 免费皇牌一码三中三| 彩霸王翡翠台五点来料| 广东鹰坛高手纶坛| 香港最快开奖现场直播开奖记录| 香港挂牌网资料大全|