Règles d`utilisation de l`identité visuelle Apple Pay

Apple Pay
Guide d’utilisation et charte graphique
pour les développeurs iOS
Janvier 2016
Sommaire
Apple Pay
Aperçu3
Boutons Apple Pay
Boutons de paiement Apple Pay
4
Boutons de configuration Apple Pay
5
À faire et à ne pas faire
6
Évitez les erreurs
7
Exemples8
Utilisation d’Apple Pay au format texte
9
Vignette Apple Pay
Charte graphique
10
À faire et à ne pas faire
11
Exemples dans une app
12
Exemples dans des communications marketing
13
Faire la promotion d’Apple Pay
Règles éditoriales
15
Modalités légales 16
Annexe A
17
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
2
Apple Pay
Aperçu
Ce guide d’utilisation est destiné aux membres de l’Apple Developer Program qui
proposent aux utilisateurs de leur app un accès aux fonctionnalités d’Apple Pay
sur iOS. Afin de garantir la pérennité de l’identité visuelle d’Apple Pay, veillez à
respecter ces directives lorsque vous faites la promotion d’Apple Pay et lorsque les
fonctionnalités d’Apple Pay sont disponibles dans une app.
Modalités
Les développeurs sont tenus de suivre ce guide
d’utilisation afin d’activer la fonctionnalité Apple Pay
dans des apps tierces sur des appareils iOS, ainsi que
pour promouvoir Apple Pay dans les communications
marketing de leurs apps.
Les informations fournies dans ce guide d’utilisation
sont sujettes à modification. Pour toute mise à jour,
veuillez vous référer au Developer Resource Center à
l’adresse https://developer.apple.com/apple-pay/.
Apple se réserve le droit de retirer à tout moment
l’autorisation d’utiliser Apple Pay ou les ressources
d’interface utilisateur (IU) fournies par Apple si un
manquement aux présentes directives est constaté,
ou en cas d’utilisation jugée inappropriée par Apple.
Ressources IU fournies par Apple
Les boutons Apple Pay et la vignette Apple Pay
présents dans ce guide sont approuvés par Apple
pour une utilisation dans des apps tierces. Les
boutons Apple Pay et la vignette Apple Pay doivent
être placés dans votre app afin de permettre à vos
utilisateurs d’activer les fonctionnalités d’Apple Pay
sur iOS. N’utilisez pas les boutons Apple Pay dans vos
communications marketing.
Sur iOS 8.3 et versions ultérieures, les boutons de
paiement Apple Pay doivent être créés à l’aide de
l’API fournie par Apple. Sur iOS 9, des boutons de
configuration Apple Pay peuvent également être
créés. Pour en savoir plus, veuillez vous référer au
chapitre « Boutons Apple Pay » (pages 4-8).
Pour les versions antérieures à iOS 8.3, utilisez
uniquement les visuels de boutons fournis par Apple
et suivez les instructions pour l’utilisation de visuels
dans l’Annexe A.
Ressources marketing fournies par Apple
La vignette Apple Pay peut être utilisée dans vos
communications marketing. Suivez les instructions
dans « Vignette Apple Pay – Exemples de
communications marketing » (pages 13-14).
Guide d’utilisation et charte graphique pour les développeurs iOS
Logo Apple Pay
Si vous êtes une banque ou un émetteur de cartes
bancaires approuvé par Apple, vous pouvez utiliser
le logo Apple Pay dans l’interface utilisateur de
votre app à condition que votre mise en page ait
été approuvée par Apple au préalable. Utilisez le
logo Apple Pay dans votre app uniquement lorsque
l’espace dont vous disposez est limité. Pour la
majorité des configurations, utilisez les ressources IU
mentionnées ci-contre.
Assistance
L’assistance de l’Apple Developer Program est
disponible à https://developer.apple.com/support.
En savoir plus
Pour davantage d’informations concernant Apple
Pay, veuillez vous référer à la section Apple Pay
du Developer Resource Center à l’adresse https://
developer.apple.com/apple-pay/.
Modalités légales
Dans chaque document, faites figurer les marques
déposées d’Apple accompagnées des symboles
appropriés et des mentions légales comme indiqué
dans « Modalités légales » (page 16). Pour en savoir
plus sur les mentions légales :
www.apple.com/legal/intellectual-property.
Janvier 2016
3
Boutons Apple Pay
Boutons de paiement Apple Pay
Modalités
Sur iOS 8.3 et versions ultérieures, les boutons de
paiement Apple Pay doivent être créés à l’aide
de l’API fournie par Apple en utilisant la classe
PKPaymentButton. Préférez les boutons ci-contre
pour activer Apple Pay sur iOS. Un bouton de
paiement doit toujours rediriger vers la page de
confirmation de paiement Apple Pay.
Dimensions
Veillez à spécifier la hauteur et la largeur de votre
configuration, qui doivent correspondre aux
dimensions des autres boutons de votre interface
de paiement. Les boutons de paiement Apple Pay
doivent être de taille égale ou supérieure et en
aucun cas de taille inférieure aux autres boutons
présents.
Style
Les visuels de bouton sont fournis dans les couleurs
suivantes : noir, blanc et blanc avec contour. Chaque
option de couleur est disponible en deux versions,
l’une avec le logo Apple Pay seul et l’autre avec le
logo Apple Pay accompagné du message Buy with
(Acheter avec). Sélectionnez une seule option pour
l’intégralité de votre app. L’API traduit et change le
message Buy with (Acheter avec) en se basant sur
les préférences de langue de l’utilisateur. Ne créez
pas de versions traduites du bouton de paiement.
Noir
À utiliser sur fond blanc ou fond clair (permettant un
contraste satisfaisant). N’utilisez pas de bouton noir sur un
fond noir ou de couleur très foncée et dans ces cas, préférez
les options de boutons ci-dessous.
Espace libre
L’espace de dégagement minimum autour d’un bouton de
paiement est de 0,1 X (X étant la hauteur du bouton). Ne
placez aucun visuel ou texte dans cet espace libre. N’accolez
pas le bouton de paiement Apple Pay à d’autres boutons et
visuels et maintenez un espace de dégagement autour du
bouton à tout moment.
Blanc
Utilisez le bouton blanc sans contour sur des fonds de
couleur permettant un contraste satisfaisant.
Blanc avec contour
Utilisez le bouton blanc avec contour sur des fonds blancs
ou très clairs ne permettant pas un contraste satisfaisant
avec le bouton blanc. N’utilisez pas ce bouton sur des fonds
sombres ou de couleur saturée et dans ces cas, préférez le
bouton blanc sans contour.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
4
Boutons Apple Pay
Boutons de configuration Apple Pay
Modalités
Sur iOS 9 et versions ultérieures, les boutons de
configuration Apple Pay doivent être créés à l’aide
de l’API fournie par Apple en utilisant la classe
PKPaymentButton. Préférez les boutons ci-contre
pour activer Apple Pay sur iOS. Le bouton de
configuration Apple Pay doit toujours lancer la
procédure de configuration.
Lorsque la procédure de configuration est finalisée,
le bouton de paiement Apple Pay doit apparaître
dans l’interface, sa taille et son emplacement
correspondant à ceux du bouton de configuration
Apple Pay.
Dimensions
Veillez à spécifier la hauteur et la largeur de votre
configuration et à faire en sorte que les boutons
Apple Pay soient de la même taille, ou plus grands,
que les autres boutons de votre interface. Les
dimensions spécifiées pour ces boutons ne doivent
pas être inférieures à celles des autres boutons.
Style
Les visuels de bouton sont fournis dans les couleurs
suivantes : noir, blanc et blanc avec contour. Chaque
option de couleur est disponible en deux versions,
l’une avec le logo Apple Pay seul et l’autre avec le
logo Apple Pay accompagné du message Set Up
(Configurer). Sélectionnez une seule option pour
l’intégralité de votre app. L’API traduit et change le
message en se basant sur les préférences de langue
de l’utilisateur. Ne créez pas de versions traduites du
bouton de configuration.
Noir
À utiliser sur fond blanc ou fond clair (permettant un
contraste satisfaisant). N’utilisez pas de bouton noir sur un
fond noir ou de couleur très foncée et dans ces cas, préférez
les options de boutons ci-dessous.
Espace libre
L’espace de dégagement minimum autour d’un bouton de
configuration est de 0,1 X (X étant la hauteur du bouton). Ne
placez aucun visuel ou texte dans cet espace libre. N’accolez
pas le bouton de configuration Apple Pay à d’autres boutons
et visuels et maintenez un espace de dégagement autour du
bouton à tout moment.
Blanc
Utilisez le bouton blanc sans contour sur des fonds de
couleur permettant un contraste satisfaisant.
Blanc avec contour
Utilisez le bouton blanc avec contour sur des fonds blancs
ou très clairs ne permettant pas un contraste satisfaisant
avec le bouton blanc. N’utilisez pas ce bouton sur des fonds
sombres ou de couleur saturée et dans ces cas, préférez le
bouton blanc sans contour.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
5
Boutons Apple Pay
À faire et à ne pas faire
À faire
• Utilisez uniquement l’API fournie par Apple pour
créer un bouton Apple Pay sur iOS 8.3 ou versions
ultérieures.
• Pour les versions antérieures à iOS 8.3, utilisez les
visuels de boutons fournis par Apple et suivez les
instructions présentes dans l’Annexe A.
• Les boutons de paiement Apple Pay doivent
toujours rediriger vers la page de confirmation de
paiement Apple Pay.
• Les boutons de configuration Apple Pay doivent
toujours initier la procédure de configuration
d’Apple Pay.
• Les dimensions spécifiées pour les boutons
Apple Pay doivent être égales ou supérieures aux
dimensions des autres boutons de paiement.
• Utilisez le bouton dans sa forme originale quelle
que soit l’orientation de votre format (portrait ou
paysage).
• Choisissez le bouton permettant un contraste
satisfaisant avec la couleur de fond.
À ne pas faire
• Ne créez pas vos propres boutons Apple Pay et
utilisez uniquement l’API fournie par Apple.
• N’utilisez jamais les boutons de paiement Apple
Pay à d’autres fins que celles pour lesquelles ils sont
conçus.
• N’utilisez pas les boutons dans vos communications
marketing pour la promotion de votre app. Utilisez les
boutons uniquement dans votre interface utilisateur.
• Les dimensions spécifiées pour les boutons Apple
Pay ne doivent pas être inférieures aux dimensions
des autres boutons de votre interface.
• Ne créez pas de versions traduites des boutons. Des
versions traduites des boutons sont fournies dans
l’API, en fonction des préférences de langue de
l’utilisateur.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
6
Boutons Apple Pay
Évitez les erreurs
N’utilisez pas le logo Apple seul.
Sur un fond de couleur saturée, utilisez le bouton blanc sans contour.
N’utilisez pas le logo Apple Pay seul dans
une app (usage réservé aux banques et
aux émetteurs de cartes comme décrit
page 3, « Logo Apple Pay »)
Sur un fond noir ou de couleur foncée, utilisez le bouton blanc.
Apple Pay
Ne créez pas de bouton au format texte.
Veuillez vous référer à « Utilisation d’Apple
Pay au format texte » (page 9).
Ne créez pas votre propre bouton de
paiement.
Si vous souhaitez utiliser un bouton blanc sur un fond blanc ou très clair,
utilisez le bouton blanc avec contour.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
7
Boutons Apple Pay
Exemples
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
8
Utilisation d’Apple Pay au format texte
Utilisez Apple Pay au format texte lorsque les
autres options de paiement sont également au
format texte.
Écrivez Apple Pay en deux mots séparés en
utilisant un A et un P majuscules suivis de
lettres en minuscule. Apple Pay peut être écrit
tout en majuscules si le style de votre IU est
déjà établi de la sorte. N’écrivez pas Apple Pay
tout en majuscules dans vos communications
marketing.
Utilisez la police de caractères et le style
typographique de votre IU. N’imitez pas la
police de caractères d’Apple.
Pour toute app ou communication à destination
des États-Unis, veillez à inclure le symbole de
marque déposée (®) à la première occurrence
d’Apple Pay dans votre texte marketing. Le
symbole n’est pas requis lorsqu’Apple Pay est
mentionné par la suite. N’utilisez pas le symbole
de marque déposée lorsqu’Apple Pay apparaît
en tant qu’option de paiement dans votre page
de sélection.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
9
Vignette Apple Pay
Charte graphique
Modalités de l’app
Utilisez la vignette Apple Pay afin d’identifier Apple
Pay dans votre page de paiement lorsque d’autres
marques sont présentées dans ce format ou dans un
format similaire.
Modalités de communications marketing
Utilisez la vignette dans vos communications
marketing uniquement lorsque vous faites la
promotion d’Apple Pay en relation avec votre app.
N’utilisez pas la vignette dans les autres promotions
de votre app ou de votre entreprise. Le message
principal de votre communication doit être relatif à
Apple Pay.
Visuels
Les visuels sont disponibles au sein du Developer
Resource Center : https://developer.apple.com/applepay/.
Dimensions
Dans votre page de paiement, faites en sorte que la
hauteur de la vignette corresponde à celle des autres
marques de même format. La vignette Apple Pay ne
doit pas être de taille inférieure aux vignettes des
autres marques de paiement.
La vignette Apple Pay est uniquement disponible en
blanc avec contour. Aucune autre option de couleur n’est
disponible. Ne modifiez en aucun cas le visuel et ne créez
pas votre propre version de la vignette Apple Pay. Utilisez le
visuel fourni par Apple.
Au sein de vos apps, utilisez la vignette Apple Pay lorsque
d’autres marques de paiement sont présentées au format
« carte bancaire ».
Espace libre
L’espace de dégagement minimum autour de la vignette
est de 0,1 X (X étant la hauteur de la vignette). Ne placez
aucun visuel ou texte dans cet espace libre. N’accolez pas
la vignette Apple Pay à d’autres boutons ou visuels et
maintenez un espace de dégagement autour de la vignette
à tout moment.
Guide d’utilisation et charte graphique pour les développeurs iOS
Couleur de fond
Préférez un fond blanc ou de couleur claire pour l’utilisation
de la vignette Apple Pay. La vignette peut être disposée sur
un fond de couleur foncée lorsque votre app ou la mise en
page de vos communications possède un fond de couleur
foncée.
Janvier 2016
10
Vignette Apple Pay
À faire et à ne pas faire
À faire
• Utilisez uniquement le visuel fourni par Apple.
• Au sein d’apps, utilisez la vignette Apple Pay lorsque
les autres marques de paiement sont présentées
dans un format similaire.
• Utilisez la vignette dans vos communications
marketing lorsque le sujet principal de votre
communication est Apple Pay.
À ne pas faire
• Ne créez pas votre propre version de la vignette
Apple Pay.
• Ne modifiez pas le visuel de quelque manière que
ce soit, tant dans sa largeur que dans son échelle.
• Ne faites pas figurer une vignette de taille inférieure
aux autres marques de format similaire.
• Ne modifiez pas l’arrondi des angles du visuel.
• Ne traduisez pas le mot Pay dans la vignette Apple
Pay.
• N’ajoutez pas de texte à la vignette.
• N’ajoutez pas d’effets visuels à la vignette, tels que
des ombres, reflets ou effets de surbrillance.
• N’appliquez aucune rotation ou animation à la
vignette.
Ne modifiez pas le visuel de quelque
Buy with
manière que ce soit, y compris sa
couleur. La vignette Apple Pay est
uniquement disponible en blanc avec
contour.
Buy with
Buy with
N’ajoutez pas de texte à la vignette.
N’utilisez pas le logo Apple Pay seul
sans le contour de la vignette.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
11
Vignette Apple Pay
Exemples dans une app
Utilisez la vignette Apple Pay afin d’identifier
Apple Pay dans votre page de paiement
lorsque d’autres marques figurent dans ce
format ou dans un format similaire. La vignette
Apple Pay doit correspondre aux autres
marques de paiement en terme de dimensions
et de disposition.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
12
Vignette Apple Pay
Exemples dans des communications marketing
100
Bannière faisant la promotion d’Apple Pay
Utilisez la vignette Apple Pay lorsque le sujet principal de
votre communication est Apple Pay.
La vignette Apple Pay doit être secondaire en terme de taille
et de placement par rapport au message principal, à l’app ou
au nom de votre entreprise. La vignette Apple Pay ne doit pas
être le sujet central de votre mise en page.
Lorsque l’image d’un appareil Apple est utilisée, montrez
l’interface de votre app telle qu’elle apparaît en réalité à
l’écran. Vous pouvez vous servir d’images des différentes
étapes du paiement Apple Pay telle qu’elles apparaissent
dans votre app. Veuillez vous référer au guide marketing
de l’App Store pour tout usage des visuels de produits
Apple : https://developer.apple.com/app-store/marketing/
guidelines/fr/#images.
Bannière faisant la promotion d’une app
Utilisez le badge Download on the App Store (Télécharger
dans l’App Store) lorsque le sujet principal est la promotion
de votre app.
Le badge Download on the App Store (Télécharger dans l’App
Store) est disponible à l’adresse https://developer.apple.com/
app-store/marketing/guidelines/fr/#downloadonappstore.
Les outils de communication marketing et l’usage du badge
Download on the App Store (Télécharger dans l’App Store)
sont sujets au guide marketing de l’App Store : https://
developer.apple.com/app-store/marketing/guidelines/fr.
Guide d’utilisation et charte graphique pour les développeurs iOS
Évitez les erreurs
N’associez pas le badge Download on the App Store
(Télécharger dans l’App Store) et la vignette Apple Pay dans
le même espace. Utilisez les ressources fournies par Apple
correspondant au message principal de votre communication.
Janvier 2016
13
Vignette Apple Pay
Exemples dans des communications marketing
www.company.com/appname
Cette section fait la promotion d’Apple Pay.
La vignette Apple Pay est présente.
Cette section fait la promotion d’une app.
Le badge Download on the App Store (Télécharger
dans l’App Store) est présent.
Page principale
Lorsque l’espace le permet, tel que sur la page principale d’un site Internet ou sur une pleine
page de publicité, la vignette Apple Pay et le badge Download on the App Store (Télécharger
dans l’App Store) peuvent apparaître ensemble s’ils sont placés dans des sections dédiées ou
dans des parties différentes qui font la promotion d’Apple Pay ou d’une app. N’accolez pas la
vignette Apple Pay avec le badge Download on the App Store (Télécharger dans l’App Store)
dans une seule et même section. La vignette Apple Pay et le badge Download on the App Store
(Télécharger dans l’App Store) doivent être placés exclusivement à côté du contenu auquel ils
correspondent.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
14
Faire la promotion d’Apple Pay
Règles éditoriales
Une description d’Apple Pay peut figurer dans vos
communications promotionnelles présentant la
compatibilité de votre app avec Apple Pay sous iOS.
Utilisation du nom Apple Pay
Lorsque vous utilisez le nom Apple Pay dans vos
titres ou vos textes, écrivez toujours Apple Pay en
deux mots avec un A majuscule et un P majuscule
suivis de lettres en minuscule.
N’utilisez jamais le logo Apple dans vos textes en lieu
et place du nom Apple.
Dans les communications à destination des ÉtatsUnis, utilisez le symbole ® à la première occurrence
du nom Apple Pay dans votre texte.
Utilisation des marques déposées d’Apple
Les marques déposées d’Apple doivent être écrites
en toutes lettres telles que sur la Liste des marques
déposées d’Apple, consultable à l’adresse https://
www.apple.com/legal/intellectual-property/
trademark/appletmlist.html. Par exemple, Touch ID
s’écrit en deux mots avec un T majuscule suivi de
lettres en minuscule puis du mot ID en majuscule.
Écrivez iPhone avec un i minuscule suivi d’un P
majuscule, puis de lettres en minuscule. Le nom
iPhone doit toujours débuter par un i minuscule,
même lorsqu’il est le premier mot d’une phrase, d’un
paragraphe ou d’un titre.
Présentez les marques déposées d’Apple en
conformité avec l’identité de votre société. Utilisez la
même police de caractères que dans le reste de votre
communication. N’imitez pas la typographie d’Apple.
Ne pas traduire
Ne traduisez pas Apple Pay ni aucune autre marque
déposée d’Apple. Ne traduisez jamais Apple, Apple
Pay, iPhone, Touch ID ou toute autre marque déposée
d’Apple, même lorsqu’elles figurent dans des textes dans
une autre langue que l’anglais.
Exemples de communication
Vous pouvez utiliser les textes ci-dessous pour
promouvoir Apple Pay dans vos communications
ou créer votre propre texte en relation avec votre
app. Référez-vous toujours aux présentes directives
lorsque vous utilisez le nom Apple Pay.
Payez avec Apple Pay en utilisant
simplement Touch ID sur votre
iPhone 6s.
Payez avec  Pay en utilisant
simplement Touch ID sur votre
iPhone 6s.
• Avec votre iPhone 6s, votre iPad Air 2 ou votre iPad
mini 4, effectuez vos paiements en toute simplicité,
sécurité et confidentialité, d’un seul toucher du
doigt.
• Apple Pay vous permet d’effectuer des paiements
au sein de vos apps de manière aisée, sécurisée et
confidentielle, d’un seul toucher du doigt.
Guide marketing de l’App Store
Lorsque vous assurez la promotion de votre app,
veuillez vous référer au Guide marketing de l’App
Store, disponible à https://developer.apple.com/appstore/marketing/guidelines/fr.
Captures d’écran de votre app
Des captures d’écran de votre app illustrant le
paiement avec Apple Pay peuvent être présentées
dans des images de produits fournies par Apple.
Veuillez vous référer au Guide marketing à l’adresse
https://developer.apple.com/app-store/marketing/
guidelines/fr.
Guide d’utilisation et charte graphique pour les développeurs iOS
Payez avec ApplePay en utilisant
simplement Touch ID sur votre
iPhone 6s.
Payez avec APPLE PAY en utilisant
simplement Touch ID sur votre
iPhone 6s.
Janvier 2016
15
Modalités légales
Prérequis d’Apple
Apple Pay et les ressources Apple Pay décrites dans
le présent document ne peuvent en aucun cas être
utilisés de manière susceptible de suggérer à tort
une association avec Apple ou de porter préjudice
à la valeur ou à la réputation d’Apple Pay, des
produits Apple ou d’Apple.
Symboles de marques déposées et mentions
légales
N’ajoutez pas de symbole de marque déposée aux
ressources IU Apple Pay fournies par Apple. Dans vos
apps, faites figurer les mentions légales d’Apple aux
côtés du contenu juridique.
Pour davantage d’informations sur l’utilisation
des marques déposées d’Apple, veuillez consulter
les directives relatives à la propriété intellectuelle
et à l’usage des marques d’Apple à l’adresse
www.apple.com/legal/intellectual-property/
guidelinesfor3rdparties.html.
Dans les communications distribuées uniquement
aux États-Unis, le symbole approprié (™, SM ou ®)
doit suivre chaque marque commerciale d’Apple à sa
première occurrence dans le texte. Par exemple :
Sous réserve de l’approbation d’Apple, une
traduction des mentions légales (mais non des
marques commerciales) peut être utilisée pour un
contenu distribué en dehors des États-Unis. Ne
traduisez jamais une marque commerciale d’Apple.
Apple®
Apple Pay®
iPhone®
Touch ID®
Pour connaître le symbole associé à chaque marque
commerciale, consultez la Liste des marques
déposées d’Apple à l’adresse www.apple.com/
legal/intellectual-property/trademark/appletmlist
.html.
Téléchargement des visuels
Sous réserve de votre acceptation des conditions du
contrat de licence Apple Pay, vous pouvez télécharger
les visuels des ressources Apple Pay. Veuillez consulter
le Centre de ressources pour les développeurs à
l’adresse https://developer.apple.com/apple-pay/.
Faites toujours figurer les mentions suivantes, quel
que soit le pays :
Apple, le logo Apple, Apple Pay, iPhone et Touch
ID sont des marques d’Apple Inc., déposées aux
États-Unis et dans d’autres pays.
Mentionnez uniquement les marques dont vous
faites usage dans vos communications marketing
(écrites ou audio).
© 2016 Apple Inc. Tous droits réservés. Apple, le logo Apple, Apple Pay, iPhone,
MacBook Air et Touch ID sont des marques d’Apple Inc., déposées aux ÉtatsUnis et dans d’autres pays. Apple Store et App Store sont des marques d’Apple
Inc., déposées aux États-Unis et dans d’autres pays. iOS est une marque ou
une marque déposée de Cisco aux États-Unis et dans d’autres pays, utilisée
sous licence. Les autres noms de produits et de sociétés mentionnés dans ce
document appartiennent à leurs propriétaires respectifs
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
16
Annexe A
Versions antérieures à iOS 8.3
Suivez les instructions ci-dessous uniquement pour créer des boutons Apple Pay au
sein d’une app fonctionnant sur des versions antérieures à iOS 8.3.
Choix du visuel
Chaque version du bouton est fournie en format
png à échelle double ou triple dans des dimensions
comprises entre 32 pt et 64 pt de hauteur.
Choisissez le visuel de bouton dont la hauteur
correspond à votre mise en page et aux autres
marques de paiement. Les boutons Apple Pay
peuvent être de largeur égale ou supérieure à celle
des autres boutons. Ne choisissez pas une hauteur
inférieure à celle des autres boutons.
Ajustement de la largeur du bouton
La largeur du visuel de bouton peut être étendue
de façon à correspondre à votre mise en page. Vous
pouvez étendre le bouton, mais ne pouvez pas le
réduire au-delà de la ligne intérieure orange illustrée
ci-contre. Ne modifiez pas la hauteur du bouton.
Choisissez plutôt la hauteur appropriée dans les
fichiers fournis. Ne modifiez pas le logo Apple Pay
ni les textes Set up (Configurer) ou Buy with (Acheter
avec). Le visuel et son agencement au sein du bouton
doivent être tels que fournis par Apple.
12px
12px
12px
12px
Étirer
Étirer
Les fichiers de visuels sont organisés par hauteur
et peuvent être téléchargés dans le Centre de
ressources pour développeurs à l’adresse
https://developer.apple.com/apple-pay/.
Vous pouvez étendre le bouton, mais ne pouvez pas le
réduire au-delà de la ligne intérieure orange. Étendez-le
en étirant le 12e pixel de chaque côté, tel que présenté
ci-dessus. Choisissez une largeur équivalente à celle des
autres boutons de paiement de votre interface.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
17
Annexe A
Versions antérieures à iOS 8.3
À faire
• Utilisez uniquement les visuels de boutons fournis
par Apple.
• Les boutons de paiement Apple Pay doivent
toujours rediriger vers la page de confirmation de
paiement Apple Pay.
• Les boutons de configuration Apple Pay doivent
toujours initier la procédure de configuration.
• Choisissez une hauteur de bouton qui soit égale ou
supérieure aux autres boutons de paiement.
• Choisissez la version présentant uniquement le
logo pour usage dans une interface dans une autre
langue que l’anglais.
• Utilisez la même version du bouton pour les formats
portrait et paysage.
• Choisissez une couleur de bouton qui présente un
contraste satisfaisant avec l’arrière-plan.
À ne pas faire
• Ne créez pas votre propre version des boutons
Apple Pay. Utilisez uniquement celles fournies par
Apple.
• N’utilisez jamais les boutons de paiement Apple
Pay à d’autres fins que celles pour lesquelles ils sont
conçus.
• Ne modifiez pas le visuel de quelque manière que
ce soit, à l’exception de l’ajustement de la largeur
pour être en adéquation avec votre mise en page.
Voir Annexe A en page 17.
• N’utilisez pas les boutons dans vos communications
marketing pour promouvoir votre app. Ils sont
réservés à l’interface utilisateur uniquement.
• Ne choisissez pas une hauteur de bouton inférieure
à celle des autres boutons de paiement de votre
interface.
• Ne placez pas votre propre texte dans un bouton.
• Ne modifiez pas l’arrondi des angles du visuel.
• Ne changez pas la couleur du bouton. Les boutons
noirs ou blancs présentés dans ce guide sont les
seuls approuvés par Apple.
• Ne traduisez pas le mot Pay dans le logo Apple Pay.
Ne traduisez pas les messages Buy with (Acheter
avec) ou Set up (Configurer) et ne créez pas votre
propre version traduite du bouton de paiement.
• N’ajoutez pas d’effets visuels au bouton, tels que
des ombres, reflets ou effets de surbrillance.
• N’appliquez aucune rotation ou animation au
bouton.
Guide d’utilisation et charte graphique pour les développeurs iOS
Janvier 2016
18