基于 <a href="https://developer.apple.com/apple-pay/Apple-Pay-Identity-Guidelines.pdf">Apple Pay Identity Guidelines for iOS Developers 文档/</a>翻译总结.
其他链接:
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开始可用 3.pngDo:
iOS8.3 及其以后只使用苹果提供的按钮 API;
iOS8.3 之前的 iOS8 系统,用苹果提供的<a href="https://developer.apple.com/devcenter/download.action?path=/ios/apple_pay_resources/Apple_Pay_Resources.zip">切图</a>;
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
4.pngApple Pay 大写 A 大写 P!
Apple Pay Mark(下图所示)
Apple Pay Mark 一般用于标识 Apple Pay。
Paste_Image.png Paste_Image.png
Do:
只用苹果提供的<a href="https://developer.apple.com/devcenter/download.action?path=/ios/apple_pay_resources/Apple_Pay_Resources.zip">切图</a>;
与其他支付选项格式一致;
可用于 app 促销宣传;
Don't:
不可自定义;
不可以弹框形式弹出 mark、不可自适应宽度或改变比例;
不要比其他支付方式图标小;
不要改变圆角弧度;
不要翻译 Apple Pay;
不要在 Apple Pay mark 上增加信息;
不要增加阴影一类的效果或者倒影;
不要旋转或者增加动画;
Example:
Paste_Image.png
其他
对于 iOS8.3 之前的 iOS8系统使用的图片资源:
Paste_Image.png
切图可以拉伸,但是不可以变窄!
不可改变高度;
选择你需要高度的切图;
Do not alter the Apple Pay logo or Buy with or Set upmessage;
网友评论