À distance
Ref
WM05419

L'essentiel de l'UI avec Figma

Créer des maquettes adaptées aux contraintes des intégrateurs Web avec Figma

Expertise
3 jours - 21 heures
À distance
Paris

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 graphistes, 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 la formation “Les essentiels de l’UI design”.

Objectifs
  • Concevoir des livrables opérationnels pour le web : maquettes graphiques responsive, librairie de composants, prototype interactif.
  • Partager son travail avec les parties prenantes d’un projet web.
Compétences acquises
  • Maîtrise de l’Atomic Design
  • Maîtrise des outils de protypage
  • 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
Public
  • 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
  • Tout public ayant les compétences prérequises (voir plus loin)
Prérequis
  • Être très à l’aise sur informatique
  • Avoir une expérience en conception, développement ou gestion d’un projet web
  • Avoir une sensibilité au graphisme et à l’ergonomie
Programme
Pendant
L'essentiel de l'UI avec Figma

Tendances et méthodes de l’UI design (0,5 jour)

  • Histoire du webdesign
  • Méthodes et outils
  • Tendances graphiques
  • Décourte de l'Atomic Design
  • Composants d’interface
  • Mise en page web
  • Animation et 3D

Maquetter et Prototyper avec Figma ( 2 jours)

  • Maquettage d’une page web
  • Création et utilisation d’assets
  • Conception en responsive design
  • Prototypage et animation
  • Export et partage
  • Atelier de mise en pratique

Aller plus loin en UI Design (0,5 jour)

  • Les conventions en UI Design
  • Comment et où Benchmarker
  • Découverte des Design Systems
Financement

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 ABILWAYS spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.

Nous contacter pour en savoir plus
Points forts
Nos intervenants
Kevin MERCIER
Kevin MERCIER
Modalités pédagogiques
Matériel et/ou 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.Si vous utilisez votre ordinateur personnel (pour formation en présentiel ou classe virtuelle), merci d' installer au préalable : LA SUITE ADOBE 2022, FIGMA ( version web suffisante) et SKETCH ( version web suffisante) - Il est recommandé de se munir d'un double écran.Équipe pédagogique :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.Techniques pédagogiques :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.
Avis sur cette formation
★★★★★
★★★★★
4.8333/5
(6 avis)
DAVID G.
publié le 27/10/2024
5/5
Donne de très bonnes bases pour la prise en main de Figma.
MIKAEL F.
publié le 08/11/2023
5/5
Très bonne formation
anonymous a.
publié le 01/03/2022
5/5
Un rythme adapté, mêlant théorie et pratique. Très inspirant !
anonymous a.
publié le 16/11/2021
4/5
La formatrice maîtrisait bien son sujet et elle était à l'écoute de nos attentes. Seul bémol : je ne pensais pas que nous allions passer autant de temps sur un logiciel, je pensais que nous serions plus sur les grandes tendances graphiques du webdesign.
anonymous a.
publié le 13/12/2019
5/5
parfait
anonymous a.
publié le 12/10/2019
5/5
Excellente formation, formateur passionné et passionnant, avec une grande expertise. Non seulement j'ai appris beaucoup de choses, mais j'ai aussi gagné beaucoup de temps ! Pleinement satisfait :)
Date de mise à jour : 19/11/2024