Apple Pay Interface Guide

基于 Apple Pay Identity Guidelines for iOS Developers 文档/翻译总结.

其他链接:
Apple Pay Guide:https://developer.apple.com/apple-pay/

Apple Pay 官方资源地址包下载地址:
https://developer.apple.com/devcenter/download.action?path=/ios/apple_pay_resources/Apple_Pay_Resources.zip

Apple Pay Buttons

Apple Pay Buttons 包括 Apple Pay Payment Buttons(图1) 和 Set Up Apple Pay Buttons(图2):

iOS8.3以及以后可用
iOS9开始可用
Apple Pay Interface Guide_第1张图片
3.png

Do:
iOS8.3 及其以后只使用苹果提供的按钮 API;
iOS8.3 之前的 iOS8 系统,用苹果提供的切图
Apple Pay 按钮只能唤起苹果支付 sheet;
Set up 按钮只能初始化到安装 Apple Pay;
按钮尺寸大于等于其他支付方式;
横竖屏样式统一;
根据背景色协调使用黑色或白色的 Apple Pay 按钮以及是否带边框线;

Don‘t:
不可以自定义按钮,只能用苹果提供的 API;
不可将 Apple Pay 按钮唤起其他 views;
不要将 Apple Pay 按钮用于市场交流宣传你的 app,它仅作为页面交互使用;
不要比其他支付按钮小;
不需要国际化,Apple Pay按钮API自带国际化;

Using Apple Pay in Text

Apple Pay Interface Guide_第2张图片
4.png

Apple Pay 大写 A 大写 P!

Apple Pay Mark(下图所示)

Apple Pay Mark 一般用于标识 Apple Pay。


Paste_Image.png
Apple Pay Interface Guide_第3张图片
Paste_Image.png

Do:
只用苹果提供的切图
与其他支付选项格式一致;
可用于 app 促销宣传;

Don't:
不可自定义;
不可以弹框形式弹出 mark、不可自适应宽度或改变比例;
不要比其他支付方式图标小;
不要改变圆角弧度;
不要翻译 Apple Pay;
不要在 Apple Pay mark 上增加信息;
不要增加阴影一类的效果或者倒影;
不要旋转或者增加动画;
Example:


Apple Pay Interface Guide_第4张图片
Paste_Image.png

其他

对于 iOS8.3 之前的 iOS8系统使用的图片资源:


Apple Pay Interface Guide_第5张图片
Paste_Image.png

切图可以拉伸,但是不可以变窄!
不可改变高度;
选择你需要高度的切图;
Do not alter the Apple Pay logo or Buy with or Set upmessage;

你可能感兴趣的:(Apple Pay Interface Guide)