Mettre une capture dans un mockup iPhone

Une capture brute est un rectangle d’interface. Le mockup lui donne un corps, une ombre et un endroit où se poser, et c’est ce qui la fait lire comme un produit plutôt que comme un document. La mécanique est simple ; ce qu’on rate, ce sont les proportions, le rayon des coins et l’espace autour de l’appareil.

Partez d’une capture au ratio natif

Faites la capture sur un appareil ou un simulateur correspondant au cadre prévu, pour que le ratio soit juste dès le départ. Si vous étirez une capture 16:9 dans un cadre 19,5:9, tout se déforme subtilement et le résultat paraît faux d’une manière qu’on ressent sans pouvoir la nommer. Si vous n’avez qu’une capture au mauvais format, recadrez plutôt que d’étirer : perdre une bande de liste ne se voit pas, une typographie déformée si.

Laissez les coins et l’encoche au cadre

N’arrondissez pas les coins de la capture dans un éditeur d’images avant de la poser. Le cadre masque déjà l’écran, et des coins pré-arrondis créent un double bord ou un halo. Même chose pour la barre d’état et l’îlot dynamique : si le mockup les dessine, masquez-les dans la capture, sinon vous aurez deux horloges. Un bon outil propose ces réglages plutôt que de vous obliger à retoucher la source.

Laissez de l’air, puis choisissez le fond

Un appareil collé au bord du cadre paraît à l’étroit et se recadre mal partout. Laissez une marge généreuse, puis choisissez un fond qui remplit une seule fonction : un dégradé doux pour les captures de boutique, un aplat de marque pour les réseaux, la transparence pour une bannière web où le fond de page doit apparaître. Ne passez à une photo que si l’app parle du monde physique, sinon elle rivalise avec l’interface pour l’attention.