Aperçu du cours
Objectif de formation: La Formation Complète sur Figma vise à fournir aux participants les compétences nécessaires pour concevoir des interfaces attrayantes et fonctionnelles pour les applications web et mobiles en utilisant l’outil de conception Figma. Les participants apprendront les techniques de conception, les meilleures pratiques d’interface utilisateur et les fonctionnalités avancées de Figma.
Prérequis
- Aucune expérience préalable avec Figma requise
- Connaissances de base en conception d'interfaces et en outils de design sont un plus
Fonctionnalités
- Maîtriser l'outil de conception Figma pour la création d'interfaces web et mobiles
- Concevoir des interfaces esthétiques et intuitives en suivant les principes de conception
- Créer des prototypes interactifs et des animations pour les applications
- Collaborer efficacement avec des équipes et partager les designs
- Préparer des designs pour l'intégration et le développement
Public ciblé
- Designers d'interfaces
- développeurs intéressés par la conception
- toute personne impliquée dans la création d'interfaces d'applications web et mobiles.
Détails
- 12 Sections
- 48 Lessons
- 28 heures
Expand all sectionsCollapse all sections
- Introduction à Figma (3 heures)4
- 1.1Présentation de l’interface de Figma et des fonctionnalités de base
- 1.2Création d’un premier projet de conception
- 1.3Gestion des calques, des groupes et des cadres
- 1.4Travaux pratiques : Création d’un projet simple dans Figma
- Introduction à Figma (3 heures)4
- 2.1Présentation de l’interface de Figma et des fonctionnalités de base
- 2.2Création d’un premier projet de conception
- 2.3Gestion des calques, des groupes et des cadres
- 2.4Travaux pratiques : Création d’un projet simple dans Figma
- Conception d'Interfaces Web (8 heures)4
- 3.1Principes de conception d’interfaces web attrayantes et intuitives
- 3.2Création de mises en page responsives pour différentes résolutions
- 3.3Utilisation des grilles et des guides pour l’alignement des éléments
- 3.4Travaux pratiques : Conception d’une interface web avec différentes mises en page
- Conception d'Interfaces Web (8 heures)4
- 4.1Principes de conception d’interfaces web attrayantes et intuitives
- 4.2Création de mises en page responsives pour différentes résolutions
- 4.3Utilisation des grilles et des guides pour l’alignement des éléments
- 4.4Travaux pratiques : Conception d’une interface web avec différentes mises en page
- Conception d'Interfaces Mobiles (8 heures)4
- 5.1Spécificités de conception pour les interfaces mobiles
- 5.2Création d’interfaces adaptées aux différentes tailles d’écran
- 5.3Utilisation des composants interactifs pour les applications mobiles
- 5.4Travaux pratiques : Conception d’une interface mobile pour différentes tailles d’écran
- Conception d'Interfaces Mobiles (8 heures)4
- 6.1Spécificités de conception pour les interfaces mobiles
- 6.2Création d’interfaces adaptées aux différentes tailles d’écran
- 6.3Utilisation des composants interactifs pour les applications mobiles
- 6.4Travaux pratiques : Conception d’une interface mobile pour différentes tailles d’écran
- Interaction et Animation (5 heures)4
- 7.1Création d’interactions dynamiques entre les éléments
- 7.2Utilisation des prototypes pour simuler le flux de l’application
- 7.3Animation d’éléments pour améliorer l’expérience utilisateur
- 7.4Travaux pratiques : Création d’un prototype interactif avec animations
- Interaction et Animation (5 heures)4
- 8.1Création d’interactions dynamiques entre les éléments
- 8.2Utilisation des prototypes pour simuler le flux de l’application
- 8.3Animation d’éléments pour améliorer l’expérience utilisateur
- 8.4Travaux pratiques : Création d’un prototype interactif avec animations
- Collaboration et Partage (2 heures)4
- 9.1Utilisation des fonctionnalités de collaboration de Figma
- 9.2Partage de projets avec des collègues et des clients
- 9.3Collecte de commentaires et révision collaborative
- 9.4Travaux pratiques : Collaboration et partage de projets Figma
- Collaboration et Partage (2 heures)4
- 10.1Utilisation des fonctionnalités de collaboration de Figma
- 10.2Partage de projets avec des collègues et des clients
- 10.3Collecte de commentaires et révision collaborative
- 10.4Travaux pratiques : Collaboration et partage de projets Figma
- Intégration avec le Développement (2 heures)4
- 11.1Exportation de designs depuis Figma vers des formats utilisables en développement
- 11.2Génération de spécifications et de guides pour les développeurs
- 11.3Utilisation des plugins pour faciliter l’intégration du design
- 11.4Travaux pratiques : Exportation de designs pour le développement
- Intégration avec le Développement (2 heures)4
- 12.1Exportation de designs depuis Figma vers des formats utilisables en développement
- 12.2Génération de spécifications et de guides pour les développeurs
- 12.3Utilisation des plugins pour faciliter l’intégration du design
- 12.4Travaux pratiques : Exportation de designs pour le développement