Design graphique, UX design et UI design
🎨 1. Le design graphique
Définition simple :
C’est l’art de créer des visuels qui communiquent un message.
On joue avec les formes, les couleurs, les images et la typographie pour rendre l’information belle, claire et attractive.
En détails :
- Objectif : transmettre un message visuel de manière efficace et esthétique.
- Supports : affiches, flyers, logos, bannières, magazines, sites web, réseaux sociaux…
- Outils courants : Photoshop, Illustrator, Canva, InDesign, GIMP.
- Exemple concret : créer l’affiche d’un événement culturel avec couleurs, textes et images harmonisés.
🧠 2. L’UX Design (User Experience Design)
Définition simple :
C’est l’art de penser un produit numérique (site web, application…) pour qu’il soit facile, agréable et efficace à utiliser.
L’UX ne parle pas seulement de beauté, mais surtout de ressenti et de satisfaction de l’utilisateur.
En détails :
- Objectif : rendre l’expérience utilisateur fluide, logique et sans frustration.
- Domaines d’application : sites web, applis mobiles, logiciels, objets connectés.
- Méthodes :
- Étudier les besoins des utilisateurs (questionnaires, interviews)
- Créer des parcours simples (wireframes, prototypes)
- Tester et améliorer l’ergonomie
- Outils courants : Figma, Adobe XD, Miro, Sketch.
- Exemple concret : sur une application de livraison, placer les boutons “Commander” et “Payer” là où l’utilisateur les trouve naturellement.
🎯 3. L’UI Design (User Interface Design)
Définition simple :
C’est l’art de concevoir l’interface visuelle d’un site ou d’une application.
On s’occupe de l’apparence des boutons, menus, couleurs, typographies… pour que ce soit beau et cohérent.
En détails :
- Objectif : créer un design visuel clair, harmonieux et adapté à l’identité de la marque.
- Ce que ça englobe :
- Choix des couleurs et polices
- Style des boutons et icônes
- Organisation visuelle des écrans
- Outils courants : Figma, Adobe XD, Sketch, Canva.
- Exemple concret : sur une application bancaire, choisir une palette de couleurs rassurante, des icônes simples, et un style graphique moderne.
🔗 Résumé clair
| Terme | Rôle principal | Exemple |
|---|---|---|
| Design graphique | Créer des visuels pour communiquer | Affiche d’un concert |
| UX Design | Concevoir l’expérience utilisateur | Simplifier un formulaire en ligne |
| UI Design | Concevoir l’interface visuelle | Choisir les couleurs et styles d’un site |
💡 Astuce à retenir :
- UX = Comment ça marche (expérience)
- UI = Comment ça se présente (interface)
- Design graphique = Communication visuelle sur tous supports
