Astuce comment créer des maquettes de perspective dans Sketch

La manipulation de graphiques en trois dimensions (ajout de perspective avec un point de fuite ou suivant un plan isométrique) peut s'avérer très utile pour les maquettes. Dans cette astuce, nous utiliserons un plugin appelé «Miroir magique» pour nous aider à créer des perspectives dans Sketch..

Regarder le screencast

 

Supposons que vous travaillez sur une application iOS et que vous voulez une image de héros sur le site Web de quelqu'un tenant un iPhone, sous un angle, affichant l'interface utilisateur de l'application. Réaliser cela à l'aide des méthodes traditionnelles dans Sketch est une tâche ardue. Nous allons donc utiliser un plugin Sketch appelé Magic Mirror pour nous aider..

Installer Magic Mirror

Il y a plusieurs façons d'installer ce plugin; soit télécharger et installer à partir du site Web, soit utiliser Sketch Toolbox pour vous aider à gérer les plugins de manière plus intuitive.

Une fois installé, retournez dans Sketch et accédez à Plugins> Magic Mirror 2> Activer Magic Mirror

Définir une zone

Avec tout le paramétrage, vous devez maintenant définir une zone dans Sketch, la sélectionner, puis spécifier une planche graphique dans la boîte de dialogue Magic Mirror. Le contenu de cette planche graphique sera ensuite reflété dans la zone sélectionnée. En utilisant notre exemple d'application iOS, nous pourrions obtenir quelque chose comme ceci:

Zone en miroir avec la planche graphique «iPhone 7 Plus»

Avec votre planche graphique reflétée dans la zone sélectionnée, vous pouvez la faire pivoter et la retourner, et même (dans la version professionnelle du plugin) dicter si elle est à la résolution @ 1 × ou @ 2 ×.

Modèles

Un des aspects intéressants de ce plugin sont ses modèles. Visitez le site Web et vous trouverez une section entière avec les modèles disponibles prêts à être utilisés. Certains nécessitent un achat, mais la plupart sont gratuits.

“Device and Wood” est gratuit

Emballer

C'est ainsi que vous pouvez utiliser le plugin Magic Mirror pour créer des maquettes avec une perspective. J'espère que vous avez trouvé cela utile, et n'oubliez pas de consulter les actualités de la catégorie Modèles d'esquisse sur Themeforest.!

Choisissez parmi environ 100 modèles d'esquisse sur Themeforest

Aussi: Placeit

Placeit est un générateur de maquette; un outil en ligne qui vous permet d'intégrer vos propres conceptions (conceptions d'interface utilisateur, logos, autres éléments de marque) dans des environnements de présentation. Par exemple, vous pouvez créer une application que vous souhaitez placer dans un iPhone sur une table basse ou superposer votre logo sur la chemise d'un modèle.. 

iPhone X Mockup

Peut-être aimeriez-vous même que vos dessins soient intégrés à des vidéos d'archives (sérieusement, vous devez jeter un coup d'œil aux vidéos). Avec près de 3 000 modèles en attente, Placeit répondra à toutes vos attentes.

Lecture utile

  • Plugins, ressources et cadeaux pour pimenter Sketch
  • Astuce: comment utiliser les symboles mis à jour de Sketch
  • 10+ nouveaux plug-ins Sketch pour améliorer votre flux de travail de conception
  • Modèles d'esquisse sur Themeforest
  • Photo iPhone par Alejandro Escamilla sur Unsplash