iOS12界面设计指南之视图(Views)–分列视图(Split Views)

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

分列视图主要用来以列对列的形式展示内容,一般以偏固定性内容作为一侧,相关性信息对应在另一侧展示。每一列均可以包含很多元素,像导航栏,工具栏,标签栏,列表,集合,图像,地图以及自定义视图等。分列视图通常被用来展示可选择视图,一系列可选择种类位列于主要一列,另一列则根据主列所选择的具体类别显示与之对应的辅列内容。如果应用需要,主列可以覆盖辅列也可以当不在使用时进行隐藏。这种情况尤其适用于竖屏状态的设备,因为这样它可以允许辅列有更多的空间进行信息展示。

选择分列视图时一定要确保其可以与当前内容配合得很好(Choose a split-view layout that works well with your content.)默认情况下,分列视图会将三分之一的屏幕用于主列,三分之二的屏幕用于辅列。当然屏幕也可以平均分为两半进行展示。所以设计应用时需要根据内容来选择合适的分配方式,来确保其看起来是平衡的。但一定要避免创建一个辅列比主列要窄的分列视图。

保持主列中当前活跃选项处于高亮状态(Persistently highlight the active selection in the primary pane. )虽然辅列的内容是可以更改的,但它始终应该对应于主列中的一个清晰可辨的选择。这有也更有助于用户理解二者之间的关系。

通常,将导航限制到分列的一侧(In general, restrict navigation to one side of a split view.)将导航放在分列视图的两个不同列中,会使得人们很难保持明确的方向性以及并辨别两列之间的关系。

提供多种方法去访问隐藏的主列(Provide multiple ways to access a hidden primary pane.)在一个布局中主列可能会位于屏幕之外,所以一定要确保提供一个按钮–通常在导航栏–返回。除非你的应用程序使用滑动手势来执行其他功能,否则应该让用户可以从屏幕的一侧通过滑动手势进入主列。