Outils UI design — Sketch, Adobe XD, Penpot
Intra
Vous souhaitez appréhender les mystères de la conception d’interface ? Rejoignez-nous pour une immersion complète dans le monde de Figma, le logiciel incontournable de création d’interfaces.
Découvrez Figma, depuis ses origines jusqu’à sa pertinence actuelle pour les professionnels du design. Apprenez à naviguer dans son interface et familiarisez-vous avec les principaux outils qui transformeront vos idées en wireframes structurés et élégants.
Passez à la conception graphique d’interface et découvrez comment augmenter votre efficacité grâce aux bases solides de l’UI, tout en plongeant dans des ateliers pratiques pour consolider vos compétences.
Abordez les fondamentaux du prototypage et la puissance des tests utilisateurs. Cette phase est essentielle pour garantir que vos designs répondent aux besoins réels des utilisateurs et sont prêts pour la production.
Divez ensuite dans la structure et l’industrialisation du design avec un focus sur les systèmes dynamiques, l’optimisation de l’espace de travail et les techniques avancées pour collaborer et transmettre vos créations.
Finissez en beauté avec la réalisation d’un prototype interactif HD, l’apprentissage des plugins indispensables et l’adoption d’une logique produit tout en veillant à l’accessibilité et à l’ergonomie.
Que vous souhaitiez suivre cette formation au sein de votre entreprise ou en visio synchrone sur Zoom par exemple, nous adaptons notre approche pour répondre au mieux à vos besoins.
Nos formateurs experts sont là pour vous guider, rendant l’apprentissage facile et interactif.
Différents formats existent pour cette formation :
Rejoignez la formation « FIGMA » dès aujourd’hui et débloquez tout le potentiel de vos projets de design avec Figma !
À l'issue de la formation, le participant sera capable de :
Introduction à Figma et à l’interface utilisateur
Présentation de Figma : historique et enjeux dans le design moderne
Navigation dans l’interface de Figma : outils et fonctionnalités de base
Personnalisation de l’espace de travail : organisation et gestion des fichiers
Importation et exportation de ressources : formats et bonnes pratiques
Collaboration en temps réel : gestion des commentaires et des versions
Création d’interfaces avec composants et variantes
Conception d’éléments d’interface : boutons, formulaires et icônes
Utilisation des composants : création et réutilisation efficace
Gestion des variantes : adaptation des composants à différents états
Application de grilles et systèmes de mise en page : principes d’alignement
Exercices pratiques : création d’une interface simple avec composants
Construction d’un design system
Définition d’un design system : principes et avantages pour les projets
Création de styles : typographie, couleurs et effets
Documentation du design system : organisation et accessibilité
Mise en place de composants réutilisables : optimisation du flux de travail
Atelier collaboratif : élaboration d’un design system pour un projet fictif
Prototypage et interactions
Principes du prototypage : types et objectifs des prototypes
Création de prototypes interactifs : ajout d’animations et de transitions
Tests utilisateur : méthodes et outils pour recueillir des retours
Intégration des retours utilisateurs dans le design : itération et amélioration
Mise en situation : réalisation d’un prototype pour un projet spécifique
Préparation du handoff dev
Compréhension du processus de handoff : enjeux et bonnes pratiques
Exportation des assets : formats et spécifications techniques
Création de documentation pour les développeurs : clarté et précision
Outils de communication entre designers et développeurs : intégration et collaboration
Cas pratique : préparation d’un dossier de handoff pour un projet complet
La formation combine systématiquement apports théoriques et applications pratiques :
Une assistance technique est disponible par email à info@hmformation.fr ou par téléphone au 01 82 02 15 75. Une assistance en direct est assurée pendant les horaires d'ouverture. En dehors de ces horaires, toute demande fait l'objet d'une réponse sous 24 heures ouvrées.
HM Formation étudie avec le participant et son employeur les adaptations nécessaires pour rendre la formation accessible aux personnes en situation de handicap, en tenant compte des contraintes du poste de travail et du format choisi (présentiel/Visio synchrone). Un référent handicap est disponible pour échanger sur les besoins spécifiques.
Attestation individuelle de formation (L.6353-1 du Code du travail) mentionnant les acquis de l’apprenant, accompagnée de la grille d’évaluation des compétences.