Du croquis à l'interface
Transformez la photo d'un tableau blanc ou un wireframe papier en interface numérique aboutie.
Dernière mise à jour :
Photographiez votre croquis, téléversez-le, obtenez un vrai écran.
Étapes
- Photographiez le croquis de face, en lumière uniforme, avec tout le dessin dans le cadre.
- Téléversez-le dans le champ de prompt.
- Ajoutez le contexte que le dessin ne peut pas porter : ce qu'est le produit, ce que signifient les boîtes, la direction visuelle.
Un croquis de notre écran d'onboarding. La grande boîte en haut à gauche est une vidéo, les trois boîtes empilées sont des étapes de configuration avec des coches. Look SaaS moderne, accent violet.
Pour que les croquis se lisent bien
- Étiquetez vos boîtes. « hero », « nav », « graphique » — les étiquettes écrites sont lues et utilisées.
- Dessinez la hiérarchie. Les boîtes plus grandes deviennent des éléments plus grands.
- Évitez les ombrages appuyés. Les dessins au trait se lisent plus fiablement que les dessins ombrés.
- Un écran par photo, sauf si vous transmettez délibérément un parcours.
Du croquis au wireframe plutôt
Si vous voulez rester en basse fidélité — nettoyer le croquis sans vous engager sur un style visuel — demandez un wireframe. Voir Mode wireframe.
Cet article vous a-t-il été utile ?
Articles liés
De la capture à l'interface
Téléversez une capture d'écran et obtenez une version modifiable et restylable de cette interface.
Mode wireframe
Générez des wireframes basse fidélité pour arrêter la structure avant le design visuel.
Du texte à l'interface
Transformez une description écrite en un écran modifiable et haute fidélité.