Design et identité visuelle
Le mockup, montrer un support avant de l’imprimer
Un mockup montre un support dans son contexte avant qu’il existe. Il aide à décider, et il sait aussi rendre présentable un fichier qui ne l’est pas.
Un mockup est une mise en situation d’un support avant sa fabrication : une carte posée sur une table, une affiche sur un mur, une brochure tenue en main. Il sert à juger une proportion et un contexte, jamais à valider un fichier destiné à l’impression.
Qu’est-ce qu’un mockup, et à quoi sert-il vraiment ?
À répondre à une question que le fichier seul ne permet pas de trancher : à quoi ressemble ce support dans le monde réel, à sa taille réelle, à côté d’autres objets. Un logo qui paraît équilibré sur un écran de vingt-sept pouces peut se révéler minuscule sur une carte de 85 x 55 mm, et cette découverte coûte cher après le tirage.
Le mockup a donc une fonction précise et limitée : il aide à décider entre deux propositions, il aide à montrer une intention à une personne qui ne lit pas les maquettes techniques, et il aide à repérer un problème de proportion. Il ne dit rien de la qualité du fichier, de la définition des images ni du respect des marges.
Quand une mise en situation aide-t-elle à décider ?
- Quand il faut comparer deux versions d’un même support à taille réelle.
- Quand la décision revient à une personne qui n’a pas l’habitude de lire des fichiers de mise en page.
- Quand le contexte compte réellement : un panneau dans une rue, une carte dans un porte-cartes, une affiche dans un couloir.
- Quand la proportion entre le texte et l’image est le point discuté.
Dans ces quatre cas, la mise en situation raccourcit la discussion parce qu’elle remplace une projection mentale par une image commune. Hors de ces cas, elle allonge le travail sans rien trancher.
Quand masque-t-elle un défaut ?
Presque toujours, et c’est sa nature qui l’explique. Une mise en situation applique une lumière flatteuse, une ombre douce, un léger flou et un angle choisi. Ces effets rendent présentable un fichier qui ne l’est pas, et trois défauts précis disparaissent sous eux.
| Ce que la mise en situation cache | Ce qui le révèle |
|---|---|
| Une image de définition insuffisante | l’épreuve imprimée à taille réelle |
| Un texte trop près du bord | le gabarit avec sa zone de sécurité |
| Un contraste trop faible | une impression en niveaux de gris |
| Une couleur qui change à l’impression | une épreuve sur le papier retenu |
| Une coquille dans une adresse | une relecture par une autre personne |
La règle qui découle du tableau est simple : la mise en situation sert à décider, l’épreuve imprimée sert à valider. Confondre les deux revient à valider une impression sur une photographie retouchée.
Où trouver des mises en situation utilisables ?
Les fichiers de mise en situation circulent sous des licences très variables, et le mot gratuit ne dit rien de ce qui est autorisé. Trois points se vérifient avant tout usage public : l’usage commercial est-il permis, une attribution est-elle demandée, et la revente ou la rediffusion du fichier nu est-elle exclue. Ces questions sont les mêmes que pour les photographies, traitées dans la page consacrée aux banques d’images.
Une mise en situation peut aussi se photographier soi-même, avec une impression d’essai, une table et une fenêtre. Le résultat est moins spectaculaire et beaucoup plus fidèle, puisqu’il montre le vrai papier avec sa vraie teinte.
Un mockup et une maquette de site, est-ce la même chose ?
Non, et la confusion vient du vocabulaire. La mise en situation d’un support imprimé montre un objet fini dans un décor. La maquette d’un site est une représentation de pages avant leur développement, avec des blocs, des états et des enchaînements. Les deux servent à décider avant de produire, mais elles ne se discutent pas devant les mêmes personnes et ne se jugent pas sur les mêmes critères.
La conception d’un site commence d’ailleurs plus tôt que sa maquette, au moment de poser le plan des pages. La rubrique qui traite les supports imprimés et leurs mises en situation reste le design graphique, et la question du plan d’un site est traitée à part.
À lire ensuite
- La dimension à respecter avant tout tirage se lit dans la table des formats.
- Les images utilisées dans ces mises en situation viennent souvent de banques de photos.
- La maquette d’un site est un autre sujet, traité dans l’arborescence d’un site.