Conception UX/UI avec FIGMA

Maîtrisez la conception UX et les interfaces UI

8h 12min40 leçons4 sections

Ce que vous apprendrez

  • Comprendre la différence entre UX et UI
  • Apprendre les principes de la pensée design
  • Utiliser Figma pour le design d'interface
  • Réaliser un projet pratique complet avec Figma
  • Concevoir une expérience utilisateur exceptionnelle
  • Analyser et améliorer l'expérience utilisateur

À propos du cours

Figma est un outil de conception d'interfaces utilisateur, d'applications web et mobiles, et de graphiques interactifs. Ce cours comprend des explications sur l'utilisation de Figma pour concevoir des interfaces utilisateur et travailler avec divers éléments de conception tels que des boutons, des champs, des boîtes, des images, des graphiques et des textes. Il s'adresse aux designers, développeurs et personnes souhaitant apprendre à utiliser Figma de manière efficace dans leur travail quotidien.

Résultats attendus

  • Maîtriser Figma pour concevoir des interfaces et expériences utilisateur.
  • Analyser et améliorer l'expérience utilisateur en fonction des données.
  • Créer des designs professionnels et travailler avec des couleurs, des polices et des images.
  • Préparer des prototypes de design de haute qualité et les partager avec l'équipe.

Contenu du cours

1

Principes de Design UI/UX

18 leçons
  1. Introduction au Cours6:27
  2. La Différence entre le Design de l'Expérience Utilisateur et les Interfaces Utilisateur UX vs UI9:25
  3. Qu'est-ce que l'Expérience Utilisateur et Étude de Cas ?8:45
  4. Qu'est-ce que la Recherche sur l'Expérience Utilisateur ?7:41
  5. Analyse de l'Expérience Utilisateur5:45
  6. Qu'est-ce que le Flux Utilisateur ?11:32
  7. Pensée Design11:36
  8. Introduction à l'UI6:13
  9. Le premier et le deuxième principe de l'UI8:19
  10. Le troisième et le quatrième principe de l'UI9:32
  11. Les écrans les plus utilisés dans le design7:23
  12. La différence entre les systèmes d'exploitation13:10
  13. Qu'est-ce que la roue des couleurs7:00
  14. Significations et connotations des couleurs7:18
  15. Sites web spécifiques aux couleurs14:33
  16. Polices dans l'UX_UI16:07
  17. Sites célèbres pour les designers9:30
  18. La différence entre les formats d'image4:56
2

Utilisation de Figma

11 leçons
  1. Télécharger les programmes et outils nécessaires et introduction à Figma13:30
  2. Plan de travail dans Figma13:30
  3. Formes dans Figma17:30
  4. Texte dans Figma14:38
  5. Couleurs et images21:15
  6. Groupe vs Cadre14:41
  7. Composants18:17
  8. Mise en page et design réactif14:11
  9. Créer des liens entre les écrans (partie un)20:27
  10. Créer des connexions entre les écrans (Partie Deux)8:22
  11. Partager et Exporter17:53
3

Projet Complet de A à Z avec Figma

8 leçons
  1. Définir les objectifs et idées pour le projet final13:16
  2. Parcours utilisateur, croquis et modèle de projet (Partie Un)11:56
  3. Parcours utilisateur, croquis et modèle de projet (Partie Deux)25:57
  4. Parcours utilisateur, croquis et modèle de projet (Partie Trois)15:58
  5. Finaliser le design et le télécharger sur Behance (Partie Un)28:27
  6. Finaliser le design et le télécharger sur Behance (Partie Deux)19:37
  7. Finaliser le design et le télécharger sur Behance (Partie Trois)17:55
  8. Finaliser le design et le télécharger sur Behance (Partie Quatre)20:25
4

Les Add-ons

3 pièces jointes
  1. Télécharger le Cahier d'Exercices
  2. Sites Importants Indispensables pour Tout Designer
  3. Télécharger le Fichier de Design Final

Formateur

Diya Ahmed

Diya Ahmed

Designer UX/UI avec plus de 5 ans d'expérience, formateur et conférencier dans les programmes de design graphique.
5,146 étudiants1 cours

Cours similaires

  • Microsoft PowerPoint
    4.5|6,552|0h 0m

    Microsoft PowerPoint

    Apprenez des compétences en conception de présentations professionnelles

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Acheter maintenant
  • Applications de Motion Graphic Professionnelles
    4.8|7,042|0h 0m

    Applications de Motion Graphic Professionnelles

    Conception d'Annonces de Motion Graphic Étape par Étape

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Acheter maintenant
  • After Effects
    4.9|7,127|7h 43m

    After Effects

    Apprenez la production de motion graphics

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Acheter maintenant
  • Adobe Premiere Pro
    4.5|7,226|7h 19m

    Adobe Premiere Pro

    Apprenez le montage vidéo avec Premiere Pro

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Acheter maintenant