阅读量:0
iOS7引入了全新的设计语言，强调简洁、扁平化和去实体化。主要控件元素包括：，，1. **Bars**: 状态栏、导航栏和标签栏，用于提供界面上下文和导航。，2. **Buttons**: 包括圆角矩形按钮、纯文本按钮等，用于触发操作。，3. **Text Fields and Text Views**: 用于输入和显示文本。，4. **Tables and Collection Views**: 用于展示列表和网格数据。，5. **Segmented Controls**: 分段控件，允许用户在多个选项间切换。，6. **Activity Indicators**: 表示正在进行的操作或加载状态。，7. **Alerts, Action Sheets, and Popovers**: 模态视图，用于显示重要信息或获取用户决策。，8. **Pickers**: 选择器，用于从一系列预定义值中选择。，9. **Switches and Sliders**: 开关和滑块，分别用于二元选择和连续范围选择。，，设计规范强调一致性、易用性和可访问性，使用统一的配色方案（如毛玻璃效果的半透明层）、字体（Helvetica Neue）和布局准则（如边距和对齐），确保应用在不同设备上的体验一致且直观。
iOS 7的UI设计控件元素详细解读和设计规范，旨在为开发者和设计师提供一套详细的指导原则，以确保在iOS平台上创建的应用程序具有优秀的用户体验和一致性，以下是具体分析：
UI各控件
1、栏
状态栏：用于展示应用的状态信息，如电池电量、时间等。
导航栏：提供导航功能，帮助用户在不同界面之间切换。
工具栏：通常位于屏幕底部，包含一些常用操作按钮。
标签栏：用于在多个顶级视图之间进行切换。
搜索栏：允许用户进行搜索操作。
范围栏：用于限定搜索或其他操作的范围。
2、内容视图
活动菜单：展示用户可以执行的操作列表。
集合视图：以网格或列表形式展示数据项。
图片视图：用于展示图片。
地图视图：集成地图功能。
页面视图控制器：允许用户在多个页面之间滑动切换。
滚动视图：支持垂直或水平滚动的内容区域。
表格视图：以行和列的形式展示数据。
文本视图：用于显示和编辑多行文本。
网络视图：加载并显示网页内容。
3、控制元素
活动指示器：表示正在加载或处理数据。
添加联系人按钮：用于添加新的联系人。
日期时间选择器：允许用户选择日期和时间。
详情展开按钮：用于展开或收起更多信息。
信息按钮：提供关于某个项目的详细信息。
：用于显示简短的文本信息。
网络活动指示器：表示网络活动状态。
页面控件：用于在多个页面之间切换。
选择器：允许用户从一组选项中选择一个。
4、临时视图
活动指示器：表示正在执行的操作状态。
Date Picker（日期时间选择器）：允许用户选择日期和时间。
联系人添加按钮：用于添加新的联系人。
细节展示按钮：用于展开或收起更多信息。
信息按钮：提供关于某个项目的详细信息。
：用于显示简短的文本信息。
网络活动指示器：表示网络活动状态。
页面控制器：用于在多个页面之间切换。
选择器：允许用户从一组选项中选择一个。
进度视图：显示任务的进度。
刷新控件：用于刷新内容。
分段控件：允许用户在不同的选项之间切换。
滑动器：允许用户通过滑动选择一个范围内的值。
步进器：允许用户通过点击上下箭头来增加或减少数值。
开关：用于打开或关闭某个功能。
系统按钮：提供系统级别的操作，如返回主屏幕。
文本框：用于输入和显示单行文本。
布局
1、可点击对象的最小尺寸：至少44*44像素，确保用户能轻松准确地触摸。
2、和功能的位置：应放在屏幕的高权重区域，如前半屏，靠近屏幕左侧的位置更容易引起注意。
3、视觉权重和平衡：大尺寸元素有更高的优先级，而小尺寸元素则更显突出。
模态情景
1、模态视图：用于承载特定任务或信息，优点是专注，缺点是中断用户与应用其他部分的交互。
2、保持模态任务简洁：避免过于复杂，使其易于理解和完成。
3、明确的退出方式：让用户清楚知道退出后会发生什么。
4、警告框：用于传达重要信息，并常伴有可执行的操作选项。
手势交互
1、点击(tap)：基本的交互，用于选择或激活对象。
2、拖拽(drag)：移动对象或滚动屏幕。
3、滑动(flick)：快速滚动或移动，通常用于快速浏览。
4、轻扫(swipe)：显示隐藏内容，如列表的删除按钮或打开通知中心。
5、双击(doubletap)：常用于缩放，将内容居中放大。
FAQs
1、问：iOS 7 UI设计中的“命中目标”是什么意思？
**答：“命中目标”指的是设计可触控的控件时，其尺寸不得小于44x44px，以确保触摸的精度和命中率，这是为了确保用户能够轻松准确地触摸到他们想要交互的对象。
2、问：在iOS 7 UI设计中，如何确保文字的易读性？
答：为确保文字的易读性，文本中的文字尺寸不得小于11点，并且需要适当地增加行高和行间距，以提高文字的易读性，还应尽量确保文字色彩对比明显，调整文字与背景的对比度以提高可读性。
