《iOS Human Interface Guidelines》——System Button
2016-11-12 09:11
351 查看
系统按钮
系统按钮执行一个app特定的动作。
API NOTE
在iOS 7中,UIButtonTypeRoundedRect被重新定义成UIButtonTypeSystem。查看UIButton学习更多关于在你的代码中定义一个系统按钮的内容。
一个系统按钮:
默认没有边框或者背景外观
可以包含一个图片或者文本标题
支持自定义外观,比如边框或者背景图片(使用UIButtonTypeCustom类型的按钮并提供一个自定义的背景图来添加自定义的外观)
使用系统按钮来初始化一个动作。当你给一个系统按钮提供标题时,遵循下面的方法:
使用一个动词或者动词短语来描述按钮执行的动作。一个对应动作的标题告诉用户按钮是可交互的以及点击时会发生什么。
使用标题风格的大写。除了文章、并列连词和少于四个字母的介词以外每个单词都要大写。
不要创建太长的标题。太长的文本会被截断,这会让用户很难理解。
合适的话,在内容区域给系统按钮添加边框和背景外观。大部分情况下,你可以不用给按钮添加外观,只需要制作一个清晰的唤起动作的标题,定义颜色,并提供语境线索。然而在一些内容区域中,添加边框和背景外观来提升按钮的关注度会比较合适。
比如在电话中,带边框的数字键加强了打电话的心理模式,拨打按钮的背景也给用户一个引人注意的目标来点击。
本文翻译自苹果官方开发文档
查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines
系统按钮执行一个app特定的动作。
API NOTE
在iOS 7中,UIButtonTypeRoundedRect被重新定义成UIButtonTypeSystem。查看UIButton学习更多关于在你的代码中定义一个系统按钮的内容。
一个系统按钮:
默认没有边框或者背景外观
可以包含一个图片或者文本标题
支持自定义外观,比如边框或者背景图片(使用UIButtonTypeCustom类型的按钮并提供一个自定义的背景图来添加自定义的外观)
使用系统按钮来初始化一个动作。当你给一个系统按钮提供标题时,遵循下面的方法:
使用一个动词或者动词短语来描述按钮执行的动作。一个对应动作的标题告诉用户按钮是可交互的以及点击时会发生什么。
使用标题风格的大写。除了文章、并列连词和少于四个字母的介词以外每个单词都要大写。
不要创建太长的标题。太长的文本会被截断,这会让用户很难理解。
合适的话,在内容区域给系统按钮添加边框和背景外观。大部分情况下,你可以不用给按钮添加外观,只需要制作一个清晰的唤起动作的标题,定义颜色,并提供语境线索。然而在一些内容区域中,添加边框和背景外观来提升按钮的关注度会比较合适。
比如在电话中,带边框的数字键加强了打电话的心理模式,拨打按钮的背景也给用户一个引人注意的目标来点击。
本文翻译自苹果官方开发文档
查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines
相关文章推荐
- 《iOS Human Interface Guidelines》——Contact Add Button
- 《iOS Human Interface Guidelines》——Detail Disclosure Button
- 《iOS Human Interface Guidelines》——Case Study:From Desktop to iOS
- 《iOS Human Interface Guidelines》——Stepper
- iOS Human Interface Guidelines
- 《iOS Human Interface Guidelines》——Multitasking
- 《iOS Human Interface Guidelines》——Text Field
- 《iOS Human Interface Guidelines》——Edit Menu
- 《iOS Human Interface Guidelines》——Table View
- iOS11界面交互设计规范(iOS 11 Human Interface Guidelines)
- 《iOS Human Interface Guidelines》——Container View Controller
- 《iOS Human Interface Guidelines》——Navigation Bar
- 《iOS Human Interface Guidelines》——Action Sheet
- 《iOS Human Interface Guidelines》——iCloud
- 《iOS Human Interface Guidelines》——Info Button
- 《iOS Human Interface Guidelines》——Picker
- 《iOS Human Interface Guidelines》——Progress View
- 《iOS Human Interface Guidelines》——Web Clip Icons
- 《iOS Human Interface Guidelines》——3D Touch
- 《iOS Human Interface Guidelines》——Research Apps