Comment ajouter un cadre d’iPhone à une capture d’écran

Réalisez une capture d’écran propre

Une maquette ne peut être meilleure que la capture qu’elle contient. Avant de capturer l’écran, fermez les notifications, masquez les données personnelles et assurez-vous qu’il présente une seule idée claire, comme une fonctionnalité, un résultat ou un message.

• iPhone avec Face ID : appuyez simultanément sur le bouton latéral et le bouton d’augmentation du volume.
• iPhone avec bouton principal : appuyez ensemble sur le bouton latéral (ou supérieur) et le bouton principal.
• Mac : appuyez sur Maj-Commande-4 pour capturer une zone, Maj-Commande-3 pour tout l’écran ou Maj-Commande-5 pour plus d’options.

Pour présenter une page web plutôt qu’une app, une fenêtre de navigateur de style Safari explique souvent mieux le contexte qu’un cadre de téléphone. Consultez les maquettes de navigateur et d’appareil.

Ajoutez le cadre d’iPhone dans Collage Easy

1. Ouvrez Collage Easy et créez un nouveau projet avec votre capture. Collage Easy est gratuit sur l’App Store pour iPhone, iPad et les Mac équipés d’une puce Apple (M1 ou ultérieure) et de macOS 14 ou ultérieur.
2. Ouvrez le panneau Mockups et choisissez un cadre d’iPhone. La capture apparaît dans l’écran de l’appareil.
3. Vérifiez l’ajustement. Une capture réalisée sur iPhone s’adapte le mieux à un cadre d’iPhone. Si vous utilisez une capture provenant d’un autre appareil, recadrez-la d’abord afin que la partie importante remplisse la zone de l’écran sans être étirée.
4. Choisissez un arrière-plan. Sélectionnez une couleur unie pour la documentation, un motif pour une touche ludique, une scène naturelle pour plus de chaleur ou votre propre image si le lieu compte.
5. Ajustez la taille et la position. Laissez une marge visible autour du cadre afin que le bord de l’appareil soit lisible. Essayez d’abord la version droite, puis comparez une légère inclinaison.
6. Ajoutez du contexte si nécessaire. Un titre court à l’extérieur du cadre, ajouté avec l’outil Texte, explique souvent mieux les choses qu’une flèche posée sur l’interface.
7. Exportez et vérifiez. Enregistrez l’image, ouvrez-la dans Photos et regardez-la à la taille à laquelle les gens la verront réellement.

Donnez un aspect professionnel à la maquette

• Un message par image. Si trois écrans sont nécessaires pour expliquer quelque chose, créez trois images ou un petit collage avec le même cadre et le même arrière-plan.
• Le contraste avant la décoration. Un écran d’app sombre sur un arrière-plan sombre disparaît. Choisissez un arrière-plan plus clair ou coloré, ou déplacez le cadre vers une zone plus calme.
• Restez crédible. De légères inclinaisons ajoutent de l’énergie, mais une forte rotation rend le texte de l’interface difficile à lire.
• Restez cohérent. Pour une présentation App Store, un portfolio ou une mise à jour produit, utilisez le même cadre, le même style d’arrière-plan et la même marge sur chaque image. La cohérence paraît intentionnelle.
• Le texte doit rester hors de l’écran. Placez les légendes sur l’arrière-plan, pas par-dessus l’interface, afin que la capture reste honnête et lisible.

Choisissez la bonne taille d’exportation

Décidez où la maquette sera vue avant de la peaufiner. Une publication portrait convient bien au format 1080 × 1350 pixels (4:5), une Story au format 1080 × 1920 (9:16), et un visuel principal de site web nécessite souvent un format paysage. Notre guide des tailles de collage répertorie les formats actuels pour Instagram, les Stories, Pinterest et l’impression. Si une maquette doit servir à plusieurs endroits, créez d’abord une version master, puis une variante par format. Le guide choisissez le format d’exportation avant le recadrage explique pourquoi.

Résolvez les problèmes courants

• La capture paraît étirée : réimportez l’original et ajustez-le sans le forcer dans une autre forme.
• Le texte est trop petit : recadrez la zone importante, agrandissez le cadre ou réduisez le nombre d’éléments autour.
• Le cadre se confond avec l’arrière-plan : choisissez un arrière-plan plus contrasté. Consultez concevoir des arrière-plans qui mettent le collage en valeur.
• Vous remarquez des données privées après l’exportation : réalisez une nouvelle capture. Ne comptez jamais sur un autocollant pour masquer des informations sensibles.