Public : Intégrateurs/développeurs web, graphistes
Durée : 3 jour(s)
Pré-requis : Intérêt pour les web et les applications
Objectifs : Comprendre les notions d'interface utilisateur. Créer des wireframes, des maquettes et des prototypes dynamiques d’interfaces utilisateurs .
Sanction : Attestation de fin de formation mentionnant le résultat des acquis
Référence : SIT101518-F
Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins
Contact : commercial@dawan.fr
1 875,00 CHF HT
Présentation de l'interface utilisateur (UI)
La place de l’UI au sein de l’UX
Le rôle de l’UI Designer
Créer un compte
Les différentes formules Figma
Les fichiers, équipes et projets d’équipes
Gérer et organiser ses projets avec la version gratuite
Faire le tour d’horizon des outils Figma : Design, Figjam, Slides, Buzz, Sites et Make
Comprendre les liens entre les outils
Lier les outils au travers de l’utilisation de la communauté Figma
Comprendre l’interface Design et ses outils
Comprendre l’interface Prototype et ses outils
Comprendre le principe des pages
Découvrir le panneau Layers et Assets
Comprendre l’outil essentiel des Frames
Utiliser et paramétrer les grilles de mise en page
Utiliser les repères
Naviguer dans la zone de travail
Créer des formes de bases
Créer des courbes avec la plume
Transformer une forme standard en tracé
Ajouter ou soustraire des formes
Gérer la couleur
Créer et éditer du texte
Transformer la boîte de texte
Redimensionner avec l’outil Scale
Importer une ou plusieurs images
Déplacer des images
Créer un masque sur une image
Ajouter des effets
Copier des tracés vectoriels depuis Illustrator
Répéter des éléments et les aligner
Comprendre le principe des styles pour automatiser nos actions
Créer des styles de texte, les appliquer et les modifier
Créer des styles de couleurs ou d’effets
Créer des styles de grilles de mise en page
Créer des groupes de style avec le renommage
Atelier : Créer une illustration sur Figma
Comprendre la différence entre frame simple et frame avec option Autolayout
Activer l’autolayout sur des éléments d’interface
Découvrir les paramètres et fonctionnement de l’autolayout
Paramétrer un autolayout
Créer et modifier des composants
Découvrir les propriétés possibles sur les composants
Ajouter et appliquer des propriétés aux composants
Comprendre le lien entre Composant principal et Instances
Animer ses composants
Atelier : Réaliser de premiers éléments d’interface avec les outils Autolayout et composants
Choisir et installer un plugin
Découvrir les plugins indispensables
Utiliser les plugins dans ses projets
Atelier : Création d’une onepage
Maîtriser les contraintes des éléments d’interface
Gérer les défilements verticaux et horizontaux
Comprendre les comportements scroll, fixed et sticky
Définir les comportements scroll, fixed et sticky d’un élément d’interface
Atelier : Création d’un ou plusieurs écrans d’une application mobile Podcasts
Délai d'accès :Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Dans le cas d’un financement via votre CPF, la validation de votre dossier devra être réalisée 11 jours ouvrés avant le début de formation
Modalités d’évaluation : Les évaluations en cours de formations sont réalisées par les ateliers de mise en pratique et les échanges avec les formateurs
Créer, réaliser des maquettes pour un site Responsive Web Design ou application.
Analyser les contraintes et mettre en place les bonnes pratiques de la conception d'une interface interactive (User Interface) adaptée aux supports desktop, tactiles ou mobiles.
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Distance | Du 21/07/2025 au 23/07/2025 | S'inscrire | |
| Distance | Du 04/08/2025 au 06/08/2025 | S'inscrire | |
| Distance | Du 15/09/2025 au 17/09/2025 | S'inscrire | |
| Distance | Du 29/09/2025 au 01/10/2025 | S'inscrire | |
| Distance | Du 15/12/2025 au 17/12/2025 | S'inscrire | |
| Genève | Du 04/08/2025 au 06/08/2025 | S'inscrire | |
| Genève | Du 20/10/2025 au 22/10/2025 | S'inscrire |