ios开发版系统和稳定版有啥不一样：iOS设备4个常见的差异化设计

ios开发版系统和稳定版有啥不一样：iOS设备4个常见的差异化设计Tab Bars（标签栏）出现在应用程序屏幕的底部，并提供在应用程序不同部分之间快速切换的功能。标签栏是半透明的，可以具有背景色调，在所有屏幕方向上保持相同的高度，并且在显示键盘时隐藏。 ——《iOS人机界面指南》二、标签栏位置的差异化Navigation Bars（导航栏）显示在应用程序屏幕的顶部，位于状态栏下方，并可通过一系列分层屏幕进行导航。当显示一个新的屏幕时，一个后退按钮（通常标有前一个屏幕的标题）出现在该条的左侧。有时，导航栏的右侧包含一个控件，如 Edit 或 Done 按钮，用于管理活动视图中的内容。 ——《iOS人机界面指南》导航栏除了后退、标题、操作这3个常见元素之外，还可以存在「分段控件」，这时候标题元素就不会存在。iPad 设备中的系统日历，在导航栏里通过分段控件，实现日、周、月、年4种视图的快速切换；而在 iPhone 设备中，则是通过导航栏左侧的返回按钮，实现不

最近入手了一台二手 iPad mini 2，体验了一些比较热门的 iOS 应用在 iPad 端的交互设计，发现一些应用为了保证 iPad 端的用户体验，在应用框架层的设计上与 iPhone 端存在一定的差异化。

首先，手持式设备的导航及页面布局设计除了要实现产品目标之外，还需要考虑用户的使用场景和最舒适的握持方式。与 iPhone 不同的是，由于屏幕和设备尺寸较大，iPad 会有3种握持方式：双手、单手、工具握持（比如支架），考虑到设备重量和使用场景，其中最为常见的是双手握持和工具（支架）握持。因此，iPad 的最佳操作舒适区和热区也会因为握持方式的不同而不同，双手握持的最佳操作舒适区在屏幕左右两侧；支架握持时则是全屏幕，这与 iPhone 是有差别的。

比较之后发现，同一个应用在 iPad 和 iPhone 两种设备上的常见的差异化设计主要表现在4个方面：导航栏、标签栏、窗口、视图布局。当然，两种设备使用一套 UI 的 APP 除外。

一、 导航栏控件的差异化

Navigation Bars（导航栏）显示在应用程序屏幕的顶部，位于状态栏下方，并可通过一系列分层屏幕进行导航。当显示一个新的屏幕时，一个后退按钮（通常标有前一个屏幕的标题）出现在该条的左侧。有时，导航栏的右侧包含一个控件，如 Edit 或 Done 按钮，用于管理活动视图中的内容。 ——《iOS人机界面指南》

导航栏除了后退、标题、操作这3个常见元素之外，还可以存在「分段控件」，这时候标题元素就不会存在。

iPad 设备中的系统日历，在导航栏里通过分段控件，实现日、周、月、年4种视图的快速切换；而在 iPhone 设备中，则是通过导航栏左侧的返回按钮，实现不同视图的切换。

二、标签栏位置的差异化

Tab Bars（标签栏）出现在应用程序屏幕的底部，并提供在应用程序不同部分之间快速切换的功能。标签栏是半透明的，可以具有背景色调，在所有屏幕方向上保持相同的高度，并且在显示键盘时隐藏。 ——《iOS人机界面指南》

对于 iOS 主流手持式设备 iPhone 来说，屏幕底部的标签栏是最为常见的功能切换方式。那么为了保证用户对系统的主要功能的认知一致性，个人认为：iPad 在设计导航时，首先要尽量保证标签栏内容和功能的一致性，其次需要考虑握持方式和屏幕尺寸等因素，对标签栏位置、大小、视觉效果进行优化和调整。

iPad 设备中的网易云音乐HD 和印象笔记应用，将标签栏放在了屏幕的左侧，适应了 iPad 设备的最佳握持手势，方便点击切换；而 iPhone 设备中的标签栏按照《iOS人机界面指南》放在了屏幕底部，同时这也符合 iPhone 的握持手势和点击舒适区域。