Formation - L'essentiel de l'UI avec Figma
Créer des maquettes adaptées aux contraintes des intégrateurs Web avec Figma
Le design UI est aujourd’hui une étape incontournable de la conception web. Plus que la simple application du graphisme au digital, le design UI revêt de nombreuses spécificités et contraintes, mais aussi de multiples possibilités créatives.
Ces dernières années, les pratiques en design d’interface ont considérablement évolué. Les nouvelles méthodes de travail permettent une meilleure collaboration avec les parties prenantes d’un projet web et les logiciels sont devenus plus simples d’utilisation, plus performants et surtout plus adaptés aux besoins des professionnels. Il est désormais possible de créer des prototypes interactifs et des animations, de gérer le responsive design, de générer du code CSS, mais aussi d’industrialiser la déclinaison graphique et de mettre au point des design systems.
Que vous soyez graphiste, directeur artistique, chef de projet, product owner ou encore développeur web : développez vos compétences en design d’interface et gagnez en productivité avec notre formation "L'essentiel de l’UI design" d'une durée de trois journées.
- Comprendre les différentes phases importantes de l’UI Design : Brainstorming, Benchmark, Wireframes, Moodboard, Maquettes, Prototypes, etc.
- Concevoir des livrables opérationnels pour le web : maquette graphique responsive, librairie de composants, prototype interactif
- Partager son travail avec les parties prenantes d’un projet web
- Maîtrise de l’Atomic Design
- Comprendre les différentes phases de l’UI Design : Brainstorming, Benchmark, Wireframes, Moodboard, Maquettes, Prototypes, etc.
- Maîtrise des fonctionnalités essentielles de Figma
- Maquettage de pages web en responsive design
- Création d’une librairie de composants
- Prototypage et création de micro-interactions
- Partage de livrables exploitables aux développeurs
- Graphistes et directeurs artistiques souhaitant se former au design d’interface
- Chefs de projet et développeurs web souhaitant améliorer leur productivité et leur collaboration avec les designers d’interface
- Être très à l’aise sur informatique
- Avoir une sensibilité au graphisme et à l’ergonomie
Les fondamentaux de l’UI design
- Panorama des métiers du web et vocabulaire commun
- Branding pour une interface : couleurs, typographies, iconographies, ton of voice
- Les grandes phases de l’UI Design : Brainstorm, Benchmark, Moodboard, Wireframes, Maquette, Prototype interactif
- Différences Print et Web
- Les règles d’accessibilité
Prise en main de l’outil Figma
- Découverte de la suite d’outils Figma
- Création d’un guide de styles
- Maquettage d’une page web
- Création et utilisation des composants
- Conception en responsive design
- Prototypage et animation
- Collaborer efficacement avec des designers et des développeurs
- Export et partage
Aller plus loin en UI Design
- Les conventions en UI Design
- Comment et où Benchmarker
- Découverte des Design Systems
- Découverte des outils IA pour l’UI Design
Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.
Pour plus d’information, une équipe de gestionnaires SKOLAE Formation spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.
Modalités d'évaluation - évaluation en 3 phases :
Pendant la formation : un bilan journalier effectué par l'intervenant.
À chaud : à la fin de la formation, un bilan qualité pour mesurer l’atteinte des objectifs.
À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle.
Matériel et logiciels nécessaires pour suivre cette formation :
Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.
Formation en distanciel : il est recommandé de se munir d'un double écran. S'il y a lieu, des accès à Figma pourront être créés par Pyramyd et vous seront communiqués en formation.
Formation en intra-entreprise : il est recommandé de se munir d'un double écran. Installer Figma au préalable.
Équipe pédagogique et techniques pédagogiques :
Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.
Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs.
Exercices, études de cas et cas pratiques rythment cette formation.
Ressources pédagogiques :
Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
