Maquette d'appareil
Ce qu'est une maquette d'appareil, comment placer des captures dans un cadre d'appareil et où les équipes les utilisent.
Une maquette d'appareil est une image qui montre une capture d'écran dans le cadre dessiné ou photographié d'un appareil, comme un téléphone, une tablette, un ordinateur portable ou une fenêtre de navigateur. Le cadre indique au lecteur sur quel appareil l'interface s'exécute.
Chaque modèle de maquette a une zone d'écran de taille et de ratio fixes. La capture doit correspondre à cette zone, sans quoi elle est étirée, recadrée ou entourée d'espace vide. Les modèles fondés sur des photographies appliquent aussi une perspective, si bien que la capture est déformée pour épouser l'écran incliné.
Une maquette est une image de présentation. Elle diffère de l'émulation d'appareil, qui modifie le rendu de la page elle-même.
Pourquoi les maquettes d'appareil comptent
Une capture brute d'un écran de téléphone sur une page web peut ressembler à un long rectangle quelconque. Le cadre indique immédiatement la taille de l'écran et le contexte. Il donne aussi un aspect homogène à des captures hétérogènes sur une page d'accueil ou dans une présentation.
Cadres d'appareils courants
- Téléphones en orientation portrait, avec ou sans encoche ni zone de la Dynamic Island.
- Tablettes en orientation portrait ou paysage.
- Ordinateurs portables avec l'écran incliné.
- Fenêtres de navigateur avec une barre d'adresse simple, utilisées pour les captures d'applications web.
Créer une maquette d'appareil
- Capturez l'écran au ratio d'écran du cadre.
- Ouvrez un modèle de maquette dans un outil de design ou un générateur de maquettes.
- Placez la capture dans la zone d'écran, puis vérifiez les coins et l'encoche.
- Exportez à la taille dont la destination a besoin.
Dans Temposhot, le sélecteur Custom Area propose des préréglages de téléphones comme iPhone 17 Pro (402×874), iPhone 17 Pro Max (440×956), Galaxy S25 (360×780) et Pixel 9 (360×808). Pour les pages web, Website Capture propose la taille d'appareil Mobile, soit 390×844.
Erreurs courantes
- Utiliser une capture d'un ratio différent, si bien que le cadre coupe du contenu.
- Agrandir une petite capture pour remplir un grand cadre, ce qui floute le texte.
- Placer une maquette là où une boutique attend une capture simple. Vérifiez les exigences actuelles de la boutique.
- Utiliser des cadres d'appareils obsolètes qui ne correspondent plus au matériel actuel.
Vous refaites les mêmes captures encore et encore ?
Capturez tous les écrans de taille téléphone en une seule tâche avec l'automatisation des captures d'écran sur Mac.
Questions fréquentes
Les boutiques d'applications acceptent-elles les maquettes ?
Les règles diffèrent selon la boutique et évoluent dans le temps. Lisez les consignes actuelles de la boutique sur les captures d'écran avant de soumettre.
Quelle résolution la capture doit-elle avoir ?
Au minimum la taille en pixels de la zone d'écran du cadre. Une capture Retina fournit en général assez de pixels.
Sources
Ressources associées
- Sources de capture : préréglages de Custom Area.
- Social Image Composer : placer une capture sur un fond avec des marges.
- Aspect Ratio Calculator : faire correspondre le ratio d'écran d'un cadre.
Vous prenez toujours les mêmes captures d'écran ?
Temposhot capture un écran, une fenêtre ou une zone à intervalles programmés et exporte l'ensemble en PDF, en images, en ZIP ou en MP4. Les outils gratuits du navigateur ne permettent de traiter qu'une image à la fois.
Ressources associées
Termes associés
- Ratio d'aspectCe que signifie le ratio d'aspect pour les images et les captures d'écran, les ratios courants et les erreurs à éviter.
- Taille d'image pour les réseaux sociauxDimensions d'image recommandées pour Instagram, X, LinkedIn et Facebook, et comment redimensionner pour un affichage optimal sur chaque plateforme.
- Modèle de capture d'écranCe qu'est un modèle de capture d'écran, comment des réglages de capture réutilisables font gagner du temps et les erreurs courantes.
- Superposition d'imageUne superposition est tout élément placé au-dessus d'une image : texte, flèches, logo ou cadre d'appareil. Découvrez les principaux types, le fonctionnement de la transparence et les erreurs courantes.
- Suppression de l'arrière-planComment fonctionne la suppression de l'arrière-plan d'une image, où elle est utilisée et la différence entre suppression par IA et suppression manuelle.
- Capture responsiveCe qu'est une capture responsive, les tailles de fenêtre d'affichage courantes et les erreurs à éviter lors des captures sur plusieurs appareils.
- Flux de travail de capture d'écranCe qu'est un flux de travail de capture d'écran et comment construire un processus reproductible, de la capture à la livraison.