编辑导读:iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。本文是iOS设计规范系列第5篇,介绍3大界面要素(栏、视图、控件)中的控件。

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。本文是iOS设计规范系列第5篇,介绍3大界面要素(栏、视图、控件)中的控件(Controls)。首先让我们回顾一下iOS的3大界面要素。
3大界面要素(Interface Essentials)
大多数iOS应用都是由UI Kit中的组件构建的。UI Kit是一种定义通用界面元素的编程框架,这个框架不仅让APP在视觉外观上保持一致,同时也为个性化设计留有很大空间。UI Kit提供的界面组件有三类:栏(Bars),视图(Views),控件(Controls)。

栏(Bars):
栏,可以告诉用户在APP中当前在所在的位置、能提供导航,还可能包含用于触发操作和传递信息的按钮或其他元素。包括6种:导航栏、搜索栏、侧边栏、状态栏、标签栏、工具栏。
视图(Views)包含用户在APP中看到的基本内容,例如:文本、图片、动画以及交互元素。视图可以具有滚动、插入、删除和排列等交互行为。
控件(Controls)控件,是用于触发操作并传达信息的。例如:按钮、开关、文本框和进度条,都属于典型的控件。
iOS的15种控件(Control)

一、按钮(Buttons)
按钮常用于触发特定操作,可自定义的背景颜色,并且可以包含标题或图标。系统为大多数用例提供了许多预定义的按钮样式。你也可以设计自定义按钮。系统按钮系统按钮通常出现在导航栏和工具栏中,也可以在任何地方使用。

- 在标题中使用动词。特定于操作的标题显示按钮是交互式的,并说明单击该按钮时会发生什么。
- 使用标题格式命名标题。将除了冠词、并列连词和四个或更少字母的介词之外,每个单词首字母都应大写。
- 按钮标题尽量简短。太长的文本可能会使您的界面拥挤,并可能在较小的屏幕上被截断。
- 只在必要时添加边框或背景颜色。默认情况下,系统按钮没有边框或背景。但是,在某些内容区域中,边框或背景是表示交互性所必需的。在“电话”应用程序中,带边框的数字键增强了拨打电话的传统模式,“通话”按钮的背景提供了易于击中的醒目的目标。
闽ICP备13000641号-4