Astuce accélérez votre processus de conception avec Studio

Dans le conseil rapide d'aujourd'hui, je vais vous présenter «Studio», un outil de conception de produits numériques. Voyons comment cela peut accélérer votre processus de conception!

 

studio.design

Au fil des années, nous nous sommes tous familiarisés avec l'utilisation d'outils tels que Photoshop, Adobe XD ou Sketch, pour la conception de dispositions et d'interfaces. Studio adopte une approche légèrement différente du processus de conception.

Il s’agit d’un outil Web, gratuit à l’heure actuelle. Si vous souhaitez vous inscrire ou vous connecter, rendez-vous sur https://studio.design/ et entrez vos informations d’identité..

Vous serez accueilli avec un Projets page, prête et en attente de votre premier projet si vous venez de vous inscrire. Lorsque vous démarrez un nouveau projet, vous avez la possibilité de concevoir un projet Web ou une application iPhone..

Les outils

Une fois que vous lancez un projet, vous verrez un page (semblable à un artboard dans d’autres applications de conception), des commandes de zoom et de vue et, à gauche, vous pouvez ajouter des zones, des images, du texte et des icônes. Ce sont à peu près tout ce que vous pouvez ajouter. Il y a donc immédiatement une différence entre Studio et les autres applications de conception d'interface utilisateur auxquelles vous pourriez être habitué.!

L'interface du studio

Ce manque apparent de souplesse est rapidement annulé lorsque vous voyez que la barre latérale gauche donne également accès à une gamme d’éléments prédéfinis (kits d’interface utilisateur). Les kits d'interface utilisateur contiennent des éléments et des modèles communs, tels que des barres de navigation, des sections de héros, des formulaires, etc. Vous trouverez également des blocs incorporés, à travers lesquels vous pouvez également faire glisser et déposer Google Maps, des vidéos, etc. sur votre page..

Surtout, tous les éléments de mise en page de Studio sont réactifs; leur taille et leur disposition changent en fonction de la taille de la page que vous concevez. C’est la clé du fonctionnement de Studio et de son impact potentiel sur la conception des interfaces..

Regardez la vidéo ci-dessus pour plus de détails sur l'utilisation de Studio, ses outils et ses ressources. Dites-nous ce que vous pensez de Studio dans les commentaires!