美文网首页Human Interface Guidelines
Human Interface Guidelines——Tab

Human Interface Guidelines——Tab

作者: 轶子 | 来源:发表于2020-01-29 19:34 被阅读0次

    尝试阅读《Human Interface Guidelines》原文翻译学习iOS设计指南。

    Tab Bar出现在屏幕的底部,并能够快速切换到app的不同部分。Tab Bar是半透明的,可能有一个背景色调,在所有屏幕方向都保持相同的高度,在键盘显示的时候,tab bars会被隐藏。一个Tab Bar会包含很多tabs,但可见的标签页数量会根据设备的大小和方向而变化。如果一些标签因为水平空间的限制而无法显示,最后可见的标签会变成一个“更多”的标签,点击“更多”后可以在一个单独的屏幕上显示列表的其他标签页。

    通常使用tab bar来组织app层级的信息

    tab bar是一种展开信息层次结构很好的方式,并提供马上访问几种同级别信息类别或模式的方式。

    严格使用tab bar进行导航

    tab bar按钮不应该用于执行操作,如果需要提供作用于当前视图中的元素控件,请使用工具栏。

    避免使用过多的标签

    每一个附加标签都减少了选择标签的可伸缩区域,增加了应用程序的复杂性,使得查找信息更加困难。 虽然点击“更多”标签页可以显示额外的标签页,但这需要额外的点击,并且空间利用率低。 因此只需要包含必要的选项卡,并使用信息层次结构所需的最小选项卡。 标签太少也不太好,因为它会使你的界面看起来断开。 一般来说,在 iPhone 上使用3到5个标签。 还有一些在 iPad 上是可以接受的。

    当人们浏览你的应用程序的不同区域时,不要隐藏标签栏

    标签栏为你的应用程序提供全局导航,所以它应该在任何地方都可见。除非是在模态视图中, 因为模态视图给用户提供了一个单独的体验,当他们完成模态任务时,他们会忽略这个体验,所以模态任务不是应用程序全局导航的一部分。

    当选项卡的功能不可用时,不要删除或禁用该选项卡

    如果在某些情况下可以使用标签,但在其他情况下不可以,那么你的应用程序界面就会变得不稳定和不可预测。 确保始终启用所有选项卡,并解释为什么选项卡的内容不可用。 例如,如果 iOS 设备上没有歌曲,那么音乐应用程序中的 My Music 选项卡就会解释如何下载歌曲。

    在附加视图中始终切换上下文

    为了保持界面的可预测性,选择一个标签应该总是会影响直接连接到标签栏的视图, 例如在拆分视图的左侧选择一个选项卡不应导致拆分视图的右侧突然改变。 在弹出窗口中选择一个标签不会导致弹出窗口背后的视图改变。

    确保标签栏的图标在视觉上是一致且平衡的

    该系统提供了一系列用于常见用例的预定义图标。 参见系统图标标签栏图标。 也可以创建自己的图标。参见自定义图标。

    使用标志来低调地交流

    您可以在标签上显示一个标记(一个红色椭圆形,其中包含白色文本和一个数字或感叹号)),以指示与该视图或模式相关联的新信息。

    TIP

    理解标签栏和工具栏的区别很重要,因为两种类型的栏都出现在应用屏幕的底部。 标签栏可以让用户在应用程序的不同部分之间快速切换,比如闹钟应用程序中的闹钟、秒表和定时器标签。 工具栏包含执行与当前上下文相关的操作的按钮,比如创建项、删除项、添加注释或拍摄照片。 参见工具栏。 标签栏和工具栏从不在同一视图中一起出现。


    END.THANKS FOR YOUR READING~

    如有不当,还请多多指教~

    相关文章

      网友评论

        本文标题:Human Interface Guidelines——Tab

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