arrowback
Retour aux Stacks

Design ta première interface

UI Design
UX Design
Motion
Illustrations & Icons
Direction artistique
Banque
Image de couverture lié au stack  sur la créationd de sa première interface

1 - Bien identifier tes objectifs

Pour créer une interface qui a du sens et qui vous satisfera pleinement, il faut savoir dès le début quel sera son objectif, pourquoi est-ce que tu dois créer cette interface ? Pour réaliser ton book, publier sur Instagram, répondre à une problématique précise ? Au final, peu importe tant que c'est bien clair pour toi. Pour bien mettre en forme tes idées voilà les outils que je te propose.

2 - Trouver de l'inspiration

Maintenant que tu es bien sûr de ton but avec cette interface, tu vas pouvoir commencer à chercher ce qui a déjà été fait pour t'inspirer, en piochant des petits bouts à droite à gauche pour constituer ton idée, t'approprier un concept pour l'adapter à ton projet ou juste copier quelque chose déjà existant. Pas trop vite, copier, pour débuter c'est très bien mais uniquement pour s'entraîner ! Ne poste, ne vends pas, ne t'approprie pas un travail qui ne t'appartient pas ! La copie est très utile pour apprendre de nouvelles techniques ou s'imprégner d'un style, mais pas question de chaparder le travail des autres ! Voilà mes sites préférés pour trouver de l'inspiration. Regroupe tout dans un même fichier pour créer un moodboard.

4 - Le rythme et les grilles

Ici je ne te propose pas d'outil directement mais c'est trop important pour que je le passe sous silence ! Les grilles, en UI, vont beaucoup t'aider à bien structurer et équilibrer tes design.
Voilà une petite partie du Material pour t'aider à comprendre de quoi il s'agit :
👉 https://material.io/design/layout/responsive-layout-grid.html
Pour t'aider à structurer tes éléments à l'intérieur des grilles, une base solide le 8pt grid :
👉 https://material.io/design/layout/spacing-methods.html

5 - Wireframing

L'idée ici c'est de faire un premier jet, uniquement en nuance de gris pour disposer les photos, les textes et voir si ce qu'on a appris au paragraphe d'avant fonctionne avec l'idée qu'on avait à la base. Pour ça, pars du plus grossier, puis affine petit à petit jusqu'à obtenir un résultat quasi parfait, toujours en noir et blanc bien sûr !

6 - La typographie & les couleurs

Petit conseil vite fait, commence par travailler en noir et blanc avec une typo neutre. Des jolies couleurs et une belle typo ne sont pas suffisantes pour que ta création soit vraiment réussie. Une fois que tu es satisfait du résultat en nuance de gris, voilà où je vais piocher mes couleurs et mes typos. 😁