Human Interface Guidelines——Navi

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

导航栏设置在app屏幕的顶部，位于状态栏的下方，并支持在一系列分层屏幕中导航。当展示一个全新的屏幕，一个返回按钮会出现在工具栏的左侧。有时，导航栏的右侧包含一个控件，类似Edit 或 Done 按钮，用于管理活动试图中的内容。在分割视图中，一个导航栏可能出现在一个拆分视图的单个窗格中。导航条是半透明的，并可以在键盘在屏幕上、手势发生或视图大小改变的时候，背景色调配置为隐藏。

当全屏显示的时候，考虑暂时隐藏导航栏

让你想要专注于内容的时候，导航栏可能会分散注意力。暂时隐藏导航栏可以提供更加沉浸式的用户体验。在全屏查看照片的时候会隐藏导航栏和其他界面元素。如果你实现了这种类型的行为，让人们用一个类似单击这种简单的手势恢复导航栏。

Tip：

当不需要导航或者需要多个控件来管理内容时，使用工具栏。 参见工具栏。

Navigation Bar Titles

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

当你想要提供额外的强调上下文时，使用一个大的标题

大标题永远不应该与内容竞争，但是在一些应用程序中，大标题的大而粗的文本可以在人们在浏览和搜索时提供方向感。 例如，在选项卡式布局中，大标题可以帮助说明活动标签，并显示人们何时滚动到顶部。 手机使用这种方法，而音乐使用大标题来区分内容区域，如专辑、艺术家、播放列表和广播。 在 iOS 13及以后的版本中，一个大的标题导航栏默认不包含背景材质或阴影。 此外，当人们开始滚动内容时，一个大的标题会过渡到一个标准的标题。 有关开发人员指南，请参阅 prefersLargeTitles。

考虑隐藏大型标题导航栏的边框

在 iOS 13以及更高版本中，你可以通过移除导航条的阴影来隐藏导航条的底部边框(当人们滚动内容区域时，边框会自动重新出现)。 这种无边框样式在大标题导航栏中非常适用，因为它增强了标题和内容之间的联系。 不过无边框样式在标准标题导航栏中可能不太适用，因为标题栏的标题和按钮可能更难区分。 但在 iPad 上的分割视图上是例外：你可能需要保持主视图和细节视图之间的一致性，在两者中都使用无边框样式。

Navigation Bar Controls

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

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

使用标准的后退按钮

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

不要包含多段面包屑路径

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

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

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

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

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

---

END.THANKS FOR YOUR READING~

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