Des outils pour placer les écrans d’une application ou d’un site dans des cadres de téléphone, d’ordinateur portable ou de tablette, et pour montrer un design sur des produits comme des t-shirts, des boîtes ou des cartes de visite. Détermine d’abord où l’image servira : fiche de boutique, page de présentation, réseaux sociaux ou présentation client demandent des tailles différentes.
À savoir: Les conditions d’utilisation gratuite varient selon l’outil et l’offre. Lorsqu’une carte n’indique pas de limite propre à l’outil, vérifie les quotas, les filigranes et les conditions d’exportation sur la page officielle.
Mockuuups Studio est un éditeur de mockups où tu déposes ton design sur des milliers de mockups d’appareils et d’impression ; il est disponible dans le navigateur, en application de bureau et via des modules pour Figma, Sketch, Penpot et Adobe Express.
Créer des mockups
Placeit est l’outil de design en ligne d’Envato, qui propose des mockups pour les vêtements, les appareils numériques, l’impression et les produits d’impression à la demande, ainsi qu’un créateur de logos, des modèles de design et des outils vidéo ; les téléchargements illimités viennent avec un abonnement.
Créer des mockups
Rotato est un générateur de mockups qui place ton propre design d’application ou de site web sur les écrans de plus de 30 appareils 3D prêts à l’emploi et le transforme en vidéo animée ou en image ; il propose une application macOS et une version web en bêta publique.
Créer des mockups
À savoir: Installation sur ordinateur nécessaire.
Shots.so est une application de mockups en ligne qui transforme des captures d’écran de produits en visuels de présentation ou en courtes vidéos, avec des cadres d’appareil, des arrière-plans et des mouvements animés.
Créer des mockups
Importe ta propre capture ou ton design et examine le résultat en taille réelle : vérifie que le texte reste net dans le cadre et que les angles et les reflets paraissent naturels. Exporte la même scène en plusieurs tailles et regarde laquelle reste nette.
Pour les modèles de mockup prêts à l’emploi, lis sur la page de licence les conditions d’usage commercial, d’attribution et de revente, et vérifie sur la page officielle si l’export gratuit comporte un filigrane ou une limite de résolution. Certains modèles exigent un logiciel de bureau séparé comme Photoshop, d’autres fonctionnent dans le navigateur.
Puis-je utiliser des mockups dans les captures d’une boutique d’applications ? Les boutiques fixent des tailles et des règles de contenu pour les captures ; consulte leurs consignes actuelles pour savoir dans quelle mesure cadres d’appareil, texte ou arrière-plans sont acceptés.
Un mockup, est-ce un prototype d’interface ? Non. Le mockup présente un design fini dans une scène réaliste ; le prototype sert à tester un parcours cliquable entre écrans. Pour tester un parcours, regarde les outils de design d’interface et de prototypage.
Cette comparaison repose sur la documentation officielle publiée. Il ne s’agit ni d’un test pratique ni d’un classement de qualité. Les fonctions inconnues ne sont pas considérées comme vérifiées.
| Nom de l’appli | Sur quel appareil ? | Résultat gratuit | Sans compte | Sans filigrane | Hors ligne | Traitement par lots | Langue du contenu | À savoir / Sources et date de vérification |
|---|---|---|---|---|---|---|---|---|
| Mockuuups Studio | Site web | Oui | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Sources et date de vérification |
| Placeit | Site web | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Sources et date de vérification |
| Rotato | Ordinateur | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Installation sur ordinateur nécessaire. Sources et date de vérification |
| Shots.so | Site web | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié | Non vérifié |