【摘要】 考必过小编为大家整理了关于iOS 人机界面指南精简版笔记之界面元素:Controls(下)的信息,希望可以帮助到大家,下面我们就一起来看下iOS 人机界面指南精简版笔记之界面元素:Controls(下)的具体内容吧!
iOS 人机界面指南精简版笔记之界面元素:Controls(下)
最近仔细研读了苹果官网最新的设计规范。网上没有找到很满意的翻译版本,于是自己老老实实的啃了几遍官方文档,顺便把学习笔记输出给大家分享一下。
这里有几点要提醒一下大家:
这是简明笔记,只选了重点内容,不是通篇逐字逐句的翻译。想要全面了解的同学建议认真学习官方文档。
笔记没有完全按照官方的目录排序(官方二级目录按字母表顺序排列),而是根据重要程度、使用频率、相关性以及易混淆程度等,综合考量,重新排序
如果有疏漏和错误,欢迎找茬提意见~
基本界面元素包括三大类,分别是Bars(栏)、Views(视图)、Controls(控件)。今天是最后一期:Controls(控件)
往期回顾:
iOS 人机界面指南精简版笔记之界面元素:Bars
最近仔细研读了苹果官网最新的设计规范。
阅读文章iOS 人机界面指南精简版笔记之界面元素:Views(上)
iOS 基本界面元素包括三大类,分别是 Bars(栏)、Views(视图)、Controls(控件)。
阅读文章iOS 人机界面指南精简版笔记之界面元素:Views(下)
iOS 基本界面元素包括三大类,分别是 Bars(栏)、Views(视图)、Controls(控件)。
阅读文章iOS 人机界面指南精简版笔记之界面元素:Controls(上)
最近仔细研读了苹果官网最新的设计规范。
阅读文章以下是正文。
Pickers 选择器
选择器包括一列或者多列可滚动列表,每列都有一个选中值,选中值位于中间且颜色更深。通常在用户编辑字段或点击菜单后,选择器出现在屏幕底部或弹窗中。选择器可内联显示(一种函数调取方式,例如编辑日期),高度大致是 5 行内容,宽度横跨屏幕或内容边界。
往期回顾:
iOS 人机界面指南精简版笔记之界面元素:Controls(上)
最近仔细研读了苹果官网最新的设计规范。
阅读文章1. 选项排序要符合用户预期
在用户滚动选项列表之前,大多数选项是被隐藏的。采用符合用户预期的排序方式,用户可快速滑动列表并定位到相应选项。
2. 不要把选择器放入另一个页面
选择器应该和上下文内容紧挨在一起,把选择器放入另一个页面会疏离两者的关联关系,导致用户产生茫然:「我在哪里?我要干什么?」
3. 如果选项太多,建议使用表格代替选择器
表格可以增加高度,从而展示更多选项、且可以包含索引(例如通讯录的字母表索引。关于表格内容,在人机界面指南界面元素-Views(下)中 Tables 表格视图中有详细介绍),可提升搜索效率。
iOS 人机界面指南精简版笔记之界面元素:Views(下)
iOS 基本界面元素包括三大类,分别是 Bars(栏)、Views(视图)、Controls(控件)。
阅读文章4. 日期选择器
日期选择器可以方便用户快速选择特定日期、时间、日期+时间,它还提供了显示倒计时器的界面。
四种日期选择器类型可包含的字段
日期:年、月、日
时间:小时、分钟、AM/PM(可选)
日期+时间:年、月、日、小时、分钟、AM/PM(可选)
倒计时器:小时(0-23 时)、分钟(0-59 分)
「分钟」的颗粒度粗细:默认是 60 个值(0-59 分),也可以是 4 个值(0 分、15 分、30 分、45 分)
Text Fields 文本框
文本框是单行的输入框,高度固定(区别于文本域),一般带有圆角,点击后调出输入键盘。文本框用来向用户获取输入量不大的信息,例如邮件地址。
1. 在文本框内展示提示和说明
可在文本框内使用占位符来向用户提示和说明。若已使用占位符,请勿再使用其他文字标签辅助说明。
2. 可在右侧提供「清除」按钮
如果用户点击行的任何位置都可以展示附加信息(区别于点击按钮),不要使用细节展开按钮,而是使用细节披露按钮(列表右侧的小箭头)。
Info Buttons 详情按钮
注意添加联系人按钮可以作为键盘输入的补充方式,但不要完全取代键盘输入。
以上就是考必过小编为大家整理的关于iOS 人机界面指南精简版笔记之界面元素:Controls(下)的相关信息,想了解更多考试最新资讯可以关注考必过。