IOS 12设计规范(7-1)图标和图像:导航栏(Navigation Bars)

7.1  导航栏(Navigation Bars)

导航栏出现在屏幕顶部的状态栏下方,并可以通过一系列列分层屏幕进行导航。   当显示新屏幕时,通常标有前一屏幕的后退按钮出现在栏的左侧。有时,导航  栏的右侧包含一个控件,如编辑或完成按钮,用于管理理活动视图中的内容。 在拆分视图中,导航栏可能会出现在拆分视图的单个窗格中。导航栏是半透明的, 可能具有背景⾊调,并且可以 为在屏幕上键入屏幕时隐藏,发⽣手势或视图调整⼤小。

IOS12设计规范

考虑在显示全屏内容时暂时隐藏导航栏: 当您想关注内容时,导航栏可能会分散注意力。暂时隐藏栏目,提供更身临其境的体验。查看全屏照片时,照 片会隐藏导航栏和其他界面元素。如果App要隐藏导航栏,让用户使用简单的手势(如轻按)来还原它。

开发者指南,请参阅 UINavigationBar。 建议:当不需要导航或使用多个控件来管理理内容时,请使用工具栏。请参阅 Toolbars 。

 

导航栏标题 

考虑在导航栏中显示当前视图的标题:   在⼤多数情况下,标题可帮助人们了解他们正在查看的内容。但是,如果导航栏标题是多余的,可以将标题留留空。 例如,Notes 不会为当前注释标题,因为第一行内容提供了所需的所有上下⽂。

IOS12设计规范

当需要特别强调上下⽂时,请使用较⼤的标题: 在一些 App 中,放⼤加粗的⼤标题可以帮助人们浏览和搜索。例如,在标签中,⼤标题可以分辨活动选项, 并在用户滚动到顶部时通知用户。⾳乐使用⼤标题来区分专辑,艺术家,播放  列表和收⾳机等内容区域。当用户开始滚动内容时,⼤标题转换为 标准标题。⼤标题在所有 App 中都没有实际意义,不应与内容竞争。虽然 Clock 应用程序具有标签式布局,但是不需要⼤标题,因为每个标签都有一个不同的,可识别的区域。开发者指南,请参阅 prefersLargeTitles 。

 

导航栏控件 

避免使导航栏的控件太多:  通常,导航栏不应包含页面的当前标题、后退按钮和管理理视图的控件。如果您在导航栏中使用分段控件,则该栏不应包含标题或除分段控件之外的任何控件。

使用标准后退按钮: 人们知道标准的后退按钮可以让他们通过信息层次来回溯步骤。但是,如果使用自定义后退按钮,请确保它仍然像后退按钮,反应敏敏捷, 与界面的其余部分相匹配,并始终贯穿你的  App。如果用自定义图像替换系统提供的返回按钮,也可以提供自定义遮罩图像。iOS 在使用此遮罩时,可以在转换期间为按钮标题设置动画。

不要使用面包屑式的多段路径: 后退按钮总是执行单个操作  –   返回到上一个屏幕。如果你认为在没有当前屏幕的完整路径的情况下,人们可能会迷失⽅向, 请考虑对 App 的层次结构进行梳理理。

给文本按钮足够的空间: 如果您的导航栏包含多个文本按钮,那些按钮的文本可能会一起出现,使按钮无法分隔。通过在按钮之间插入固定空间项来添加分隔。

开发者指南,请参阅 UIBarButtonItem 中的UIBarButtonSystemItemFixedSpace 常量值。

考虑在导航栏中使用分段控件来简化应用程序的信息层次结构: 如果您在导航栏中使用分段控件,请仅在层次结构的顶层执行此操作,并确保在较低级别选择准确的后退按钮。 有关其他指导,请参阅 Segmented Controls 。

IOS12设计规范

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(7-1)图标和图像:导航栏(Navigation Bars)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏