Un mockup est une mise en situation : votre affiche dans la rue, votre identité sur une carte de visite, votre application dans un téléphone. Il aide un client à se projeter et donne de la valeur à un portfolio. Mal utilisé, il fait l’effet inverse : il détourne l’attention du travail ou trahit un montage bâclé. Voici comment s’en servir.
Choisir le bon mockup
Partez du support réel. Une identité destinée à des sacs en papier kraft se montre sur du kraft, pas sur un papier couché brillant. Un livre de 300 pages ne se présente pas avec un mockup de brochure. Plus le support ressemble à la réalité, plus la présentation est convaincante.
Préférez la sobriété. Un décor chargé, une main manucurée ou un fond de bois flotté datent vite et volent la vedette. Un fond neutre et une lumière douce laissent parler le projet.
Restez cohérent. Dans un même portfolio ou une même présentation, utilisez des mockups de même style : même lumière, même ambiance, même angle de vue. Un ensemble homogène paraît plus professionnel qu’une collection de scènes disparates.
Pour trouver des fichiers, commencez par Mockup World ou GraphicBurger, qui classent leurs mockups PSD par support. Les générateurs en ligne comme Mockuuups Studio, Artboard Studio ou Placeit évitent d’ouvrir Photoshop. Pour les captures d’écran, Shots ou Screely les placent dans des cadres d’appareils ou de navigateurs. Pour des écrans en 3D ou animés, voyez Rotato ou Threed.
Préparer son visuel
La plupart des mockups PSD reposent sur des objets dynamiques : vous double-cliquez sur le calque, collez votre visuel, enregistrez, et la perspective s’applique automatiquement.
- Respectez les dimensions prévues par l’objet dynamique. Un visuel trop petit sera flou, un visuel d’un autre format sera déformé.
- Travaillez en RVB : le mockup est une image pour l’écran, même s’il montre un objet imprimé.
- Gardez les effets fournis (ombres, reflets, texture du papier) : ce sont eux qui rendent le montage crédible.
- Vérifiez les bords : un liseré blanc ou un visuel qui dépasse du support se voit tout de suite.
Les erreurs qui trahissent un montage
- Une perspective qui ne correspond pas à celle de la scène.
- Un visuel parfaitement net sur un objet photographié avec du flou.
- Des noirs trop profonds sur un papier qui devrait les griser.
- Une lumière qui vient de gauche sur l’objet et de droite sur le visuel.
- Le même mockup gratuit que des milliers d’autres portfolios. Celui-là, les recruteurs le reconnaissent.
Vérifier la licence
Les mockups gratuits ne sont pas tous utilisables librement. Certains sont réservés à un usage personnel, d’autres demandent un crédit à l’auteur ou interdisent la revente des images produites, ce qui exclut par exemple de vendre des produits sur une boutique en ligne avec ces visuels. Lisez la licence sur le site d’origine. La page des mockups gratuits renvoie vers chacun d’eux.
Quand ne pas utiliser de mockup
Le mockup présente un projet, il ne remplace pas la réalité. Pour vendre un objet fabriqué, montrez une photo de l’objet. Pour un portfolio, une photo réelle d’une affiche imprimée ou d’un livre tenu en main vaudra toujours plus qu’un montage parfait. Et pour présenter une interface, une courte vidéo de navigation est souvent plus parlante qu’un téléphone en perspective.
Pour concevoir l’interface elle-même, les kits d’interface et les design systems de référence sont un bon point de départ.