《iOS Human Interface Guidelines》——Wallet
Wallet
Wallet(钱包)帮助人们查看和管理Pass(凭证),这是一种相似于登机牌、优惠券、会员卡、奖励卡和各种票的物理凭证的数字替代。Wallet也同意人们加入信用卡、借记卡和储值卡来和Apple Pay一起使用。在你的app中。你能够创建一个Pass,将其分配给用户,然后当内容更改时更新它。
PassKit 框架使自己定义内容来接收Pass以及当用户的Pass库中有它的时候使用Pass变得easy。
(查看Wallet Developer Guide来学习关于Wallet的主要技术以及怎样在你的app中使用PassKit API。)以下这些指南能够帮助你创建一个人们乐于放在Wallet中并享受使用它的Pass。
设计在全部设备上都好看的Pass。当你选择一种Pass风格——比如登机牌、优惠券、票、奖励卡或者通用的pass——你会获得一个独特的布局和非常多能够编辑的区域(查看Pass Style Sets the Overall Visual Appearance获取不同pass风格的细节)。
系统会在每一个设备上恰当地显示你的pass。所以正确地使用pass的区域非常重要。比方说在Apple Watch上,strip和略缩图是不显示的。所以你不会想把必要的信息放在这些区域中。查看Designing
Passes for Apple Watch学习很多其它关于Apple Watch上pass布局的内容。
使用合适的pass区域来显示文本。使用区域让旁观用户能够获取你pass中的全部信息,并给你的pass一个一致的外观。
还应该避免在图像上放置文字和使用自己定义的字体。因为不是全部的设备都会显示全部的图片。并且自己定义的字体会让用户读起来非常困难。
不要使用依托于设备的语言。
你无法预期你的用户会在什么设备上查看你的pass,所以你不会想使用在一些特殊的设备上没有意义的语言。比方说,告诉用户去“滑动界面”的文字内容在Apple Watch上没有意义。
尽可能地避免简单地复制已经存在的物理凭证。
Wallet有着确定的设计美学,而和这样的美学结合的pass看起来是最好的。
不要复制物理pass的外观,使用这个机会去设计一个遵循Wallet形式和功能的清晰的、简洁的pass。
你放在pass前面板的信息要有讲究。人们期待能够看一眼pass就非常快地获取他们须要的信息,所以pass的前面版应该整洁且易于阅读。假设有其它的信息你认为用户或许会须要,将他放在pass的背面板比挤在前面板要好。注意Apple Watch上的pass不包括背面板。
避免使用平淡的白色背景。
pass会在背景是一个鲜明的、立体的颜色或者是使用强烈的生动的颜色的图片时看起来最好。当你设计背景时,永远要确保它不会干扰到内容的可读性。
为你的公司名使用logo文本区域。
logo文本区域的文本会在全部的pass上使用一致的字体渲染。
为了避免和Wallet里的其它pass冲突,推荐你将文本放在logo文本区域而不是使用自己定义的字体。
使用一个白色的公司logo。
logo图会放在pass的左上角,靠近你的公司名。提供一个单纯白色版本号的不包括文字的logo会是最好的。假设你想要装饰logo来和渲染的logo文本相匹配。加入一个1像素Y位移、1像素模糊、35%透明度的黑色阴影。
可能的话使用一个矩形的条形码。因为pass的布局。一个矩形的条形码——比如PDF417——会比方形的二维码看起来好。例如以下右图所看到的,方形的二维码会在两边形成空白区域并且会在垂直方向上使上面和以下的区域变得拥挤。
性能最好的图片。因为用户常常通过邮件或Safari接收pass。使下载尽可能的快非常重要。为了提升用户体验,使用能达成想要的视觉外观的最小的图片文件。
当合适的时候更新pass来加强它的有用性。
即使pass是用来取代基本不会更改的物理凭证的,你的数字pass也能够通过反映现实世界的事件来提供更好的体验。比方说。你能够在飞机延误的时候更新航空登机牌。这样用户就总是能在他们查看pass的时候获取当前的信息。
本文翻译自苹果官方开发文档
查看完整合集:https://github.com/Cloudox/iOS-Human-Interface-Guidelines
《iOS Human Interface Guidelines》——Wallet的更多相关文章
- 《iOS Human Interface Guidelines》——Multitasking
多任务处理 多任务处理让人们在屏幕上(以及合适的iPad模式)查看多个app,而且在近期使用的app中高速地切换. 在iOS 9中.人们能够使用多任务处理UI(例如以下所看到的)来选择一个近期使用的a ...
- 《iOS Human Interface Guidelines》——Search Bar
搜索栏 搜索栏接收用户输入用于搜索的文本(例如以下,带有占位文本). API NOTE 查看UISearchBar学习怎样在你的代码中定义搜索栏.查看UISearchDisplayController ...
- 《iOS Human Interface Guidelines》——Popover
弹出框 弹出框是当人们点击一个控件或屏幕上一个区域时显示的一个暂时的界面. API NOTE 在iOS 8及以后的系统中.你能够使用UIPopoverPresentationController来显示 ...
- 《iOS Human Interface Guidelines》——System Button
系统button 系统button运行一个app特定的动作. API NOTE 在iOS 7中,UIButtonTypeRoundedRect被又一次定义成UIButtonTypeSystem.查看U ...
- 《iOS Human Interface Guidelines》——Edit Menu
编辑菜单 用户能够显示一个编辑菜单来在文本视图.网页视图和图像视图运行诸如剪切.粘贴和选择的操作. 你能够调整一些菜单的行为来在你的app中给用户给多的内容控制.比方你能够: 指定哪一个标准菜单命令对 ...
- 《iOS Human Interface Guidelines》——Container View Controller
容器视图控制器 容器视图控制器管理和展示它的子视图集合--或者子控制器集合--以一种自己定义的方式. 系统定义的容器视图控制器的样例有标签栏视图控制器.导航栏视图控制器和分栏视图控制器(查看Tab B ...
- 《iOS Human Interface Guidelines》——Segmented Control
分段控件 分段控件是一组线性段.每一个button相应的功能能够显示一个不同的视图. API NOTE 查看UISegmentedControl来学习很多其它关于在你的代码中定义一个分段控件的内容. ...
- 【译】iOS人性化界面指南(iOS Human Interface Guidelines)(一)
1. 引言1.1 译者自述 我是一个表达能力一般的开发员,不管是书面表达,还是语言表达.在很早以前其实就有通过写博客锻炼这方面能力的想法,但水平有限实在没有什么拿得出手的东西分享.自2015年7月以来 ...
- 怎么看iOS human interface guidelines中的user control原则
最近离开了老东家,整理整理思路,因为一直做的是微信公众号相关的产品对app的东西有一段时间没有做过了,所以又看了一遍iOS human interface guidelines,看到user cont ...
随机推荐
- Android 你知道界面布局嵌套多少层之后会Crash吗
我们先放一张Hierarchy Viewer的图:(模拟器Android4.4) 看到数字6了吗,那个RelativeLayout是MainActivity的根ViewGroup, 而在Relativ ...
- [Windows Server 2012] MySQL更改数据库引擎(MyISAM改为INNODB)
★ 欢迎来到[护卫神·V课堂],网站地址:http://v.huweishen.com ★ 护卫神·V课堂 是护卫神旗下专业提供服务器教学视频的网站,每周更新视频. ★ 本节我们将带领大家:更改MyS ...
- 2-2 列表推导同 filter 和 map 的比较
列表推导同 filter 和 map 的比较 参考廖雪峰的文档: filter()函数:用于过滤序列. filter()接收一个函数和一个序列.把传入的函数依次作用于传入的序列的每个元素,根据返回值是 ...
- 梦想CAD控件网页版搜索图面上的文字
在网页中查找到CAD控件图纸上的文字.点击此处在线演示. 主要用到函数说明: _DMxDrawX::NewSelectionSet 实例化一个构造选择集进行过滤,该类封装了选择集及其处理函数. _DM ...
- java虚拟机(五)--垃圾回收机制GC5
什么样的对象需要回收 如果对象已经死亡了,就可以进行回收,判断方式如下 1).引用计数器:给对象添加一个计数器,有地方引用,就+1,当引用失效,就-1.当计数器为0时,判断对象不能再使用,但是当对象相 ...
- 第三节:执行一些EF的增删改查
针对两表操作 一丶增加 #region 05-增加操作 /// <summary> /// 05-增加操作 /// </summary> /// <param name= ...
- Django - 模版之继承
模版继承: 当多个html有共同之处时,需要建立一个模版html(master.html) 1.在模版html中,写入公共的部分: 备注:在模版中,我们可以指定多个block ,其中,可以在标题,cs ...
- node-sass安装失败的解决方案
这是一个老生常谈的问题了,网上有很多解决方法,找一个自己觉得合适的才是最重要的...... 执行以下命令即可: npm config set sass_binary_site https://npm. ...
- RQNOJ #204 特种部队 sol
link 首先我们可以注意到一个非常无聊的性质.先一直向右边走,然后折返回来向左边走,本质上与先向右走,然后向左走,再向右走这样循环走完整个路程是一致的. 根据这个性质,我们可以将向左走与向右走两个东 ...
- Bazinga HDU 5510 Bazinga(双指针)
Bazinga HDU 5510 Bazinga(双指针) 题链 解法:对于串i来说,如果串i是不符合的,那么代表串i之前的字符串都是i的子串,那么我们求一个新的i(定义为ti),如果i是ti 的子串 ...