【连载】IOS12设计规范——导航

人们往往不知道应用程序的导航,直到它不符合他们的期望。您的工作是以支 持应用程序结构和目的的方式实现导航,而无需关注自身。导航应该感觉自然 和熟悉,并且不应该主导界面或将焦点从内容中拉开。在iOS中,有三种主要 的导航样式。

应用的导航用户在使用APP时通常不太引起用户的注意,只要在展示内容不符合预期时,用户才会使用到它。

分层导航

image.png



每个屏幕做一个选择,直到到达目的地。要前往另一个目的地,您必须回溯您 的步骤或从头开始并做出不同的选择。设置和邮件使用此导航样式。
image.png

主要适用于几个栏目间无较深层次的链接的应用。如滴滴

image.png

任务式导航,类似游戏通关的导航方式,进行的第几关去执行什么任务。

始终提供清晰的路径。人们应该始终知道他们在您的应用中的位置以及如何到 达下一个目的地。无论导航风格如何,通过内容的路径都是合乎逻辑的,可预 测的并且易于遵循。一般来说,给人们一个通往每个屏幕的路径。如果他们需 要在多个上下文中查看屏幕,请考虑使用操作表,警报,弹出窗口或模态视图。 要了解更多信息,请参阅[操作表(Action Sheets)][警报Alerts][弹出窗口(Popovers)]和[模态]

image.png

原文给的链接查了下叫“弹出式气泡”,不明白是翻译的问题还是链接被替换了。

设计一种信息结构,使其快速轻松地获取内容。以需要最少数量的点击,滑动和屏幕的方式组织您的信息结构。

使用触摸手势创建流动性。使用最小的摩擦力轻松移动界面。例如,您可以让人们从屏幕侧面滑动以返回上一个屏幕。

左滑、右滑、上拉、下拉

使用标准导航组件。尽可能使用标准导航控件,例如页面控件,选项卡栏,分 段控件,表视图,集合视图和拆分视图。用户已经熟悉这些控件,并且会直观 地了解如何绕过您的应用。

原文写的是“绕过”我觉得可能是“使用”的语境

使用导航栏遍历数据层次结构。后退按钮可以轻松返回上一个位置。有关具体指导,请参阅[导航栏]

使用选项卡栏显示对等类别的内容或功能。标签栏可让人们快速轻松地在不同类别之间切换,无论当前位置如何。有关具体指导,请参阅[选项卡栏]

原文翻译上出现了选项卡和标签栏两个词混用,不知道是翻译的问题还是其中有什么逻辑关系,我本人理解指的就是标签栏。Tab Bars,应该统一理解为标签栏。

当您有多个相同类型内容的页面时,请使用页面控件。页面控件清楚地传达可用页面数和当前活动页面数。Weather应用程序使用页面控件来显示特定于位 置的天气页面。有关具体指导,请参阅[页面控件]

提示

分段控件和工具栏不启用导航。使用分段控件将信息组织到不同的类别中。 使用工具栏提供与当前上下文交互的控件。有关这些类型元素的其他信息, 请参阅分段控件和工具栏。

你可能感兴趣的:(【连载】IOS12设计规范——导航)