Dernière mise à jour : 2.07.2024 Exporter au format PDF Imprimer

UI/UX Design : Concevoir un site web réactif avec FIGMA

Communication - Audiovisuel
Informatique - Numérique
Continue

Fiche complète

Comment rendre un site web efficace ? Comment faire pour que ses visiteurs trouvent rapidement l'information qu'ils recherchent et vivent une expérience agréable qui va le pousser à revenir consulter ce site web ? Le logiciel FIGMA permet de créer des sites web, des applications, des interfaces utilisateur et la collaboration d'une équipe de designers. 

A l'issue de la formation, les participants seront capables de :  

  • Comprendre et maîtriser les concepts et les outils de UX/UI Design. 
  • Appliquer chaque étape du processus de conception UX (empathie, définition, idéation, prototype, test) pour concevoir une application réactive en utilisant FIGMA. 
  • Créer des prototypes interactifs et de les modifier, en collaboration avec les autres parties prenantes du projet. 
  • Créer un responsive design pour différentes tailles d’écrans (Smartphone, Tablette & Desktop)
  • Avoir une expérience en conception, développement ou gestion d’un projet web.

  • Introduction à UX/UI design. Différence entre UX & UI design. 

    Les fonctionnalités de base de FIGMA : 

    • Création d’un workflow et maquettes simples avec FIGMA 
    • Manipuler les composants dans FIGMA 
    • Importer des icônes dans FIGMA & les personnaliser 
    • Texte et police dans FIGMA 
    • Maîtriser le dialogue entre les interfaces utilisateur 

    Les fonctionnalités avancées 

    • Importer une police dans FIGMA 
    • Comment créer sa bibliothèque de polices dans FIGMA 
    • Créer ses propres icônes, boutons et composants UI 
    • Comment créer son logo dans FIGMA 
    • Comment accéder à mon design à partir de l’application FIGMA mobile app (sur iPhone & Android) 
    • Maîtriser l utilisation des palettes de couleurs et des polices de caractères  
    • Créer sa bibliothèque de composants dans FIGMA 
    • Développer un prototype interactif 
    • Comment partager son projet avec le client pour avis & commentaires 
    • Se familiariser avec l’export et l’import des fichiers et le partage des librairies entre les différents membres de l’équipe 
    • Maitriser le redimensionnement réactif dans FIGMA 
    • Apprendre le redimensionnement réactif pour augmenter et réduire la taille des fenêtres en toute souplesse 
    • Comment créer une conception pour différents types d’écran (SMARTPHONE, TABLETTE & DESKTOP) 
    • Vous mènerez un projet jusqu'au bout - en collaborant avec d'autres membres de l'équipe et en exportant les bons fichiers prêts à être remis à votre développeur du logiciel

Où suivre les cours ?