Human Interface Guidelines——Navigation Bars

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

Navigation Bar

一个导航栏出现在应用程序屏幕的顶部,位于状态栏的下方,并支持在一系列分层屏幕中导航。 当显示一个新屏幕时,一个返回按钮会出现在工具栏的左侧,这个按钮通常标有前一个屏幕的标题。 有时,导航栏的右侧包含一个控件,比如 Edit 或 Done 按钮,用于管理活动视图中的内容。 在拆分视图中,导航栏可能出现在拆分视图的单个窗格中。 导航条是半透明的,可能有一个背景色调,并可以配置为隐藏当键盘在屏幕上,手势发生,或视图大小。

Human Interface Guidelines——Navigation Bars_第1张图片

考虑在显示全屏内容时暂时隐藏导航栏

当你想专注于内容时,导航栏可能会让你分心。 暂时隐藏bar,提供一个更身临其境的体验。 照片在查看全屏照片时会隐藏导航栏和其他界面元素。 如果你实现了这种类型的行为,那么让用户用一个简单的手势来恢复导航栏,比如点击。

Navigation Bar Titles

考虑在导航栏中显示当前视图的标题。 在大多数情况下,一个标题可以帮助人们理解他们在看什么。 但是,如果标题导航栏似乎有些多余,可以保留标题为空。 例如,Notes 没有标题当前注释,因为第一行内容提供了所有需要的上下文。

Human Interface Guidelines——Navigation Bars_第2张图片

当你需要额外强调上下文时,使用一个大标题

 在一些应用程序中,大标题的粗体大字可以帮助人们在浏览和搜索时确定方向。 例如,在选项卡式布局中,大标题可以帮助澄清活动选项卡,并在它们滚动到顶部时通知用户。 手机使用这种方法,而音乐使用大标题来区分内容区域,如专辑、艺术家、播放列表和广播。 当用户开始滚动内容时,大的标题转换为标准标题。 大标题在所有的应用程序中都没有意义,也不应该与内容竞争。 虽然时钟应用程序有一个标签式布局,大标题是不必要的,因为每个标签有一个独特的,可识别的布局。 有关开发人员指南,请参阅 prefersLargeTitles。

Navigation Bar Controls

避免拥挤的导航栏与太多的控件

 一般来说,导航栏应该只包含视图的当前标题、一个后退按钮和一个管理视图内容的控件。 如果在导航栏中使用分段控件,则该栏不应包含标题或分段控件以外的任何控件。

使用标准的后退按钮

 人们知道,标准的后退按钮可以让他们在信息层次结构中回溯步骤。 然而,如果你实现了一个自定义的后退按钮,确保它看起来仍然像一个后退按钮,行为直观,与你的界面的其余部分相匹配,并且在你的应用程序中始终如一地实现。 如果你用自定义图像替换系统提供的后退按钮符号,也提供一个自定义掩码图像。 在过渡期间,iOS 使用这个蒙版使按钮标题动画化。

不要包含多段面包屑路径

后退按钮总是执行一个动作ーー返回到前一个屏幕。 如果你认为人们可能会迷路,没有完整的路径到当前的屏幕,考虑扁平化你的应用程序的层次结构。

给文字标题按钮足够的空间

如果导航栏包含多个文本按钮,那么这些按钮的文本可能看起来是一起运行的,从而使按钮无法区分。 通过在按钮之间插入一个固定的空间项来增加分隔。 有关开发人员指南,请参阅 UIBarButtonSystemItemFixedSpace 中的常量值 UIBarButtonItem。

考虑在导航栏中使用分段控件来平滑应用程序的信息层次结构

如果在导航栏中使用分段控件,则只在层次结构的顶层使用,并确保在较低的层次上选择准确的后退按钮标题。 有关其他指南,请参阅分段控件。



END.THANKS FOR YOUR READING~

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

你可能感兴趣的:(Human Interface Guidelines——Navigation Bars)