Captures d’écran App Store panoramiques : créer une série continue

Les captures d’écran App Store panoramiques forment une série conçue comme une seule image large, puis découpée en captures distinctes, pour qu’un fond, une forme ou un appareil semble se prolonger d’une capture à l’autre quand on fait défiler. Elles fonctionnent quand chaque tranche tient encore debout seule, parce que l’App Store affiche des espaces entre les captures et les montre souvent une ou quelques-unes à la fois. La préparation du fichier est simple : un canevas exactement N captures de large, découpé à des largeurs exactes en pixels.

Cet article explique comment une série continue apparaît vraiment dans les résultats de recherche et sur la page produit, comment concevoir autour des raccords, comment préparer et découper le fichier, et quand un panorama ne vaut pas la peine.

Comment les captures panoramiques s’affichent dans l’App Store

La même série apparaît dans trois contextes différents, et un panorama ne se comporte pas de la même façon dans chacun.

Les recommandations d’Apple sur la page produit indiquent que les une à trois premières captures apparaissent dans les résultats de recherche quand aucun aperçu de l’app n’est disponible, selon l’orientation. Une série en paysage n’affiche qu’une seule capture dans la recherche : un panorama en paysage n’y est donc jamais vu comme un panorama. Nous avons détaillé la mise en page des résultats de recherche dans quoi mettre sur votre première capture d’écran App Store.

Concevoir autour du raccord

Le raccord, c’est le bord où une capture se termine et où la suivante commence. Sur la page produit, il y a là un espace visible : tout ce qui traverse un raccord s’affiche avec une bande en moins au milieu. Concevez en tenant compte de cet espace plutôt que de faire comme s’il n’existait pas.

Ce qui peut traverser un raccord

• Les fonds et les aplats de couleur, comme un dégradé qui change de teinte d’un bout à l’autre de la série ou une ligne d’horizon.
• Les formes et les lignes simples : un ruban, une vague, un tracé, un grand cercle. L’œil comble facilement l’espace.
• Les éléments d’interface secondaires, comme une carte flottante ou la courbe d’un graphique qui mène à la capture suivante.
• Un appareil incliné, mais seulement si la partie de chaque côté a encore l’air voulue. Un téléphone coupé net en deux, c’est rarement le cas.

Ce qui ne doit jamais traverser un raccord

• Les légendes. Une phrase coupée sur deux captures est illisible en vue plein écran et dans les versions localisées.
• Les visages, les logos et l’interface clé que vous voulez faire lire.
• Tout ce qui doit être vu et se trouve dans les 5 % extérieurs environ d’une tranche. Gardez une marge de sécurité des deux côtés de chaque raccord, puisque les coins sont arrondis et que l’espace masque le bord.

Faites tenir chaque tranche seule

Un bon test : exportez la série, puis regardez chaque capture seule, en taille réelle. Chacune doit avoir une légende, un morceau clair de vraie interface de l’app, et une composition qui paraît terminée même avec les éléments continus coupés sur les bords. La directive 2.3.3 d’Apple s’applique toujours à chaque tranche : les captures « doivent montrer l’app en cours d’utilisation ». Une tranche qui n’est que le prolongement d’un graphisme de fond est donc à la fois faible et exposée à un refus. Nous listons les autres directives qui font tomber des captures dans pourquoi Apple refuse des captures d’écran App Store.

Dosez le panorama

Les séries continues marchent mieux quand la continuité est discrète et le contenu bien visible. Un schéma qui se lit souvent bien : les captures 1 à 3 partagent un élément de liaison fort (un seul balayage de couleur ou un appareil qui s’étend sur la 1 et la 2), et à partir de la capture 4 on garde le même système de fond avec des liaisons plus légères. Comme ça, le bandeau dans la recherche a l’air réfléchi, et les captures suivantes restent faciles à remplacer.

Préparer le fichier : un canevas large, découpé en visuels exacts

1. Choisissez la taille d’export et le nombre de captures

La largeur du canevas est la largeur d’une capture multipliée par le nombre de captures du panorama. La hauteur est celle d’une capture. Les tailles en pixels doivent correspondre exactement à une taille acceptée ; consultez notre référence des tailles de captures d’écran et les spécifications des captures d’écran d’Apple.

Les séries iPhone, iPad et Google Play n’ont pas le même format : chacune a besoin de son propre panorama. Redimensionner un canevas large à une autre hauteur décale tous les raccords.

2. Marquez les raccords avant de concevoir

Ajoutez des repères à chaque multiple de la largeur d’une capture (1290, 2580, 3870, 5160 pour le premier exemple) et une marge de sécurité de chaque côté. Dans Figma, le plus simple est une rangée de visuels à la taille d’export, placés bord à bord sans espace, avec l’illustration continue dans un groupe posé à cheval sur eux ; chaque visuel masque sa partie. Notre article sur créer des captures d’écran App Store dans Figma couvre les visuels et les réglages d’export.

3. Découpez à des largeurs exactes

Si vous concevez sur un seul canevas large plutôt que sur des visuels séparés, découpez-le en tuiles de la taille exacte d’une capture. Avec ImageMagick :

magick panorama.png -crop 1290x2796 +repage +adjoin shot-%02d.png

Vous obtenez shot-00.png, shot-01.png et ainsi de suite, chacune faisant exactement 1290 × 2796. Si la largeur du canevas n’est pas un multiple exact, la dernière tuile sort plus étroite et App Store Connect la refusera à l’envoi : vérifiez donc d’abord la taille du canevas. Aplatissez les fichiers (sans transparence) avant de les envoyer ; Apple n’accepte pas les images avec couche alpha.

4. Prévisualisez avec les espaces

Avant de publier, disposez les fichiers exportés côte à côte avec un espace entre eux et des coins arrondis, à peu près à la taille d’un résultat de recherche. Vous voyez ainsi le panorama comme les gens le verront vraiment, ce qui réserve souvent une surprise par rapport au canevas sans couture sur lequel vous avez travaillé.

Les erreurs panoramiques courantes

• Ne concevoir que sur le canevas sans couture. La série est superbe en une seule image dans l’outil de design et cassée sur le store, parce que les espaces n’ont jamais été prévisualisés.
• Un appareil coupé en plein milieu. Une moitié de téléphone sur la capture 2 et l’autre sur la capture 3, ça ressemble à deux erreurs de recadrage dès qu’on en ouvre une seule.
• Des légendes qui dépendent l’une de l’autre. « Planifiez votre semaine » suivi de « …et tenez-vous-y » ne marche que si on voit les deux ensemble, ce qui n’est pas le cas en vue plein écran.
• Trop de fond, pas assez d’app. Le graphisme continu prend tellement de place que l’interface se réduit à une vignette dans une vignette.
• Oublier les autres séries. Le panorama iPhone est fini, et les séries iPad et Google Play en sont des recadrages bâclés, avec des raccords aux mauvais endroits.
• Des tranches décalées de quelques pixels. Un canevas de 6448 px au lieu de 6450 px laisse la dernière tranche à la mauvaise taille, ce qu’App Store Connect refuse à l’envoi.

Quand ne pas faire de série panoramique

Un design continu n’est pas meilleur par défaut. Laissez-le de côté, ou limitez-le aux trois premières captures, quand :

• Vous comptez tester ou réordonner souvent vos captures. Passer la capture 3 en position 1 pour un test d’optimisation de la page produit casse un panorama. Des captures autonomes sont bien plus faciles à tester.
• Vous utilisez des pages produit personnalisées. Chaque page produit personnalisée utilise souvent un autre ordre ou une autre sélection de captures, ce qu’un panorama unique ne permet pas sans tout refaire.
• Vous localisez dans beaucoup de langues. La longueur des légendes change selon la langue, et chaque élément continu doit être vérifié dans chaque langue.
• Votre série est en paysage. Une seule capture en paysage apparaît dans la recherche : l’effet n’est visible que sur la page produit.
• Votre première capture doit faire un gros travail toute seule. Si le panorama affaiblit la capture 1 (interface plus petite, appareil coupé, légende repoussée sur le côté), c’est la première impression qui paie l’effet.
• Vous ouvrez avec un aperçu de l’app. La vidéo prend la première place : le bandeau dans la recherche commence donc par l’aperçu, pas par votre panneau.

En bref

• Traitez les captures 1 à 3 comme le panneau que les gens voient dans la recherche ; le reste est un bonus
• Ne laissez traverser les raccords qu’aux fonds, aux formes et aux éléments secondaires
• Gardez légendes, visages et interface clé à l’intérieur de chaque tranche, avec une marge de sécurité
• Vérifiez chaque tranche seule en taille réelle : légende, vraie interface, composition terminée
• Largeur du canevas = largeur d’une capture × nombre de captures, un canevas par appareil et par store
• Découpez à des largeurs exactes en pixels, aplatissez, et prévisualisez avec les espaces avant d’envoyer

Pour tout le processus, de l’histoire à l’envoi, consultez comment créer des captures d’écran App Store.