[译]《iOS Human Interface Guidelines》——Wallet

Wallet

Wallet(钱包)援助人们查看和管理Pass(凭证),那是一连串似于登机牌、降价券、会员卡、奖励卡和各类票的物理凭证的数字代表。Wallet也允许人们添加信用卡、借记卡和储值卡来和Apple
Pay一起利用。在你的app中,你可以创建一个Pass,将其分配给用户,然后当内容改动时更新它。

图片 1

image

PassKit框架使自定义内容来收取Pass以及当用户的Pass库中有它的时候使用Pass变得简单。(查看Wallet
Developer Guide来上学有关Wallet的主要性技术以及哪些在您的app中使用PassKitAPI。)下边这一个指南可以接济您创设一个人们愿意放在Wallet中并享受使用它的Pass。

统筹在有着设备上都窘迫的Pass。当您选取一种Pass风格——例如登机牌、促销券、票、奖励卡或者通用的pass——你会拿走一个与众不一样的布局和许多可以编写的区域(查看Pass
Style Sets the Overall Visual
Appearance获取分歧pass风格的细节)。系统会在每个设备上恰当地展现你的pass,所以正确地运用pass的区域很重大。比如说在Apple
沃特ch上,strip和略缩图是不显得的,所以你不会想把需要的音讯放在这么些区域中。查看Designing
Passes for Apple 沃特ch学习愈来愈多关于Apple 沃特ch上pass布局的情节。

行使方便的pass区域来显示文本。利用区域让观察用户可以博得你pass中的所有音讯,并给你的pass一个一模一样的外观。还应当避免在图像上停放文字和动用自定义的书体,因为不是持有的设备都会突显所有的图形,并且自定义的字体会让用户读起来很不便。

不用使用依托于设备的言语。您不能预想你的用户会在哪些设备上查看你的pass,所以您不会想使用在一部分新鲜的装备上并未意思的言语。比如说,告诉用户去“滑动界面”的文字内容在Apple
沃特ch上一向不意思。

尽可能地幸免不难地复制已经存在的情理凭证。Wallet有着确定的宏图美学,而和那种美学结合的pass看起来是最好的。不要复制物理pass的外观,使用这几个机遇去设计一个依据Wallet格局和机能的不可磨灭的、简洁的pass。

您身处pass前面板的音讯要有敬爱。人人期望能够看一眼pass就便捷地收获他们要求的信息,所以pass的前边版应该整洁且简单阅读。假若有其余的消息你认为用户可能会需求,将她放在pass的北边板比挤在后面板要好。注意Apple
沃特ch上的pass不包涵背面板。

幸免使用平淡的反动背景。pass会在背景是一个明了的、立体的水彩依然是行使强烈的活跃的颜料的图样时看起来最好。当你布署背景时,永远要力保它不会纷扰到内容的可读性。

为你的信用社名使用logo文本区域。logo文本区域的文本会在富有的pass上利用同样的书体渲染。为了防止和Wallet里的别样pass争辨,推荐您将文件放在logo文本区域而不是行使自定义的字体。

行使一个白色的店堂logo。logo图会放在pass的左上角,靠近你的营业所名。提供一个单纯白色版本的不包括文字的logo会是最好的。即使您想要装饰logo来和渲染的logo文本相匹配,添加一个1像素Y位移、1像素模糊、35%透明度的青色阴影。

莫不的话使用一个矩形的条形码。出于pass的布局,一个矩形的条形码——例如PDF417——会比方形的二维码看起来好。如下右图所示,方形的二维码会在两边形成空白区域还要会在笔直方向上使地点和上面的区域变得水泄不通。

图片 2

image

特性最好的图纸。出于用户时时通过邮件或Safari接收pass,使下载尽可能的快很要紧。为了升高用户体验,使用能完成想要的视觉外观的小小的图片文件。

当适用的时候更新pass来进步它的实用性。不怕pass是用来替代基本不会更改的大体凭证的,你的数字pass也可以经过反展示实世界的风浪来提供更好的经验。比如说,你可以在飞行器推延的时候更新航空登机牌,那样用户就一连能在她们查看pass的时候获得当前的信息。

正文翻译自苹果官方开发文档

查阅完整合集


查看小编首页