美文网首页
Apple Pay Interface Guide

Apple Pay Interface Guide

作者: Kailee | 来源:发表于2016-02-22 18:19 被阅读112次

    基于 <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.png

    Do:
    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.png

    Apple 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;

    相关文章

      网友评论

          本文标题:Apple Pay Interface Guide

          本文链接:https://www.haomeiwen.com/subject/tcsbkttx.html