iOS 人机界面指南精简版笔记之界面元素:Controls(下)

时间:2020-08-29 10:08:58 来源:

【摘要】 考必过小编为大家整理了关于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(下)的相关信息,想了解更多考试最新资讯可以关注考必过。

上一篇      下一篇
技能类相关推荐 更多>>
全新的 iOS 14 小组件要如何设计?来看官方设计指南! iOS 人机界面指南精简版笔记之界面元素:Controls(上) iOS 人机界面指南精简版笔记之界面元素:Views(下) iOS 人机界面指南精简版笔记之界面元素:Views(上)<i iOS 人机界面指南精简版笔记之界面元素:Bars 图解WWDC 设计分会:iOS 13 设计新特性(1)<i class iOS 13 官方设计指南:深色模式篇中文版
技能类热点专题 更多>>
热点问答
国家公务员考试年龄限制是多少 公务员国考和省考考试内容有什么区别 函授大专学历能不能考公务员 国家公务员考试考点能自己选择吗 新闻学专业能报考2022年公务员考试吗 什么是联合培养研究生 什么是破格录取研究生 什么人不适合读研 研究生报名户口所在地填什么 研究生结业和毕业有什么区别
网站首页 网站地图 返回顶部
考必过移动版 https://m.kaobiguo.net