Concepteur designer graphique

• Concepteur designer graphique - Code CertifInfo 118721
  • Niveau de qualification : 6 - Savoirs approfondis

Objectifs

• Au terme de cette formation, vous serez en mesure de :
  
  ? Expliquer les fondements théoriques du design d'interface, du visual design, de l'ergonomie et de l'architecture de l'information
  
  ? Identifier les besoins utilisateurs et analyser les objectifs business pour orienter les choix de conception
  
  ? Structurer l'information sur un écran en appliquant des principes de hiérarchisation visuelle et de lisibilité
  
  ? Appliquer les principes de couleur, de typographie et de composition graphique
  
  ? Concevoir des wireframes, maquettes et prototypes interactifs simples sur Figma
  
  ? Créer des composants d'interface réutilisables dans un UI Kit ou Design System
  
  ? Intégrer les principes de l'accessibilité numérique dans la conception d'interfaces
  
  ? Collaborer avec les développeurs en mettant en oeuvre des pratiques efficaces de hand off
  
  ? Mettre en oeuvre une démarche d'éco-conception pour réduire l'impact environnemental du numérique
  
  ? Sensibiliser et impliquer les équipes (design, front, back) dans une dynamique d'écoresponsabilité
  
  ? Décrire les contraintes liées à l'intégration web (export, performance, responsive) et adapter la conception en conséquence

Ce parcours de formation permet de valider le bloc de compétences “Concevoir un design d'interface” de la certification professionnelle Concepteur designer graphique délivré par LISAA, de niveau 6 - (NSF 320 et 320v) enregistrée au RNCP, sous le numéro RNCP40365, par décision du directeur général de France Compétences en date du 28/03/2025. 

 

Programme de la formation

MODULE “UI Design” (4 jours)

Jour 1 : Conception visuelle et Designer Full-stack

? Branding - Principes de la couleur et plugins figma - Typographie et lisibilité -  Iconographie et responsive

Atelier Audit pour améliorer l'expérience émotionnelle de votre produit.

? Compétences d'un Designer fullstack - Atelier Amélioration de l'expérience 

Jour 2 : Processus et Conception d'interface utilisateur

? UI Design process

Atelier Benchmark Recherche concurrentielle sous différents angles - Compilation d'une liste de ressources - Analyse et comparaison des interactions et flux utilisateurs des concurrents - Propositions de fonctions utiles aux utilisateurs du produit

? Modules, Patterns, Éléments

Atelier Mockup Créer une page pour une Webapp.

Jour 3 : Accessibilité, Eco-conception et Design responsive

? Tendances comportementales - Technologies - Accessibilité - Eco-conception

Atelier Créer une maquette de page accessible et durable, audit et itération.

? Conception de Sites Web

? Placement et comportement des éléments - Techniques - Appareils - Grilles, Rythme & Espacement

Atelier Responsive Design : création d'une série d'écrans pour 3 appareils différents.

Jour 4 : Transmission (Hand Off), Design System et Prototypage sur Figma

? Best practices pour la collaboration avec les développeurs

? Passation de design 

Atelier Design critique

? Design system & multibranding

Atelier Design system

Atelier mise en pratique sur Figma 

MODULE “Figma” (2 jours)

Jour 1 : Premier contact avec Figma : du wireframe au mockup

? Appréhender Figma, son interface, sa structure, ses logiques

? Découvrir les fonctions de bases de Figma

? Atelier Wireframe : créer son 1er wireframe simple et bien structuré

? Découvrir la logique de composants atomiques

? Atelier UI kits : créer ses premiers composants responsives

Jour 2 : Structurer son workflow dans Figma

? Atelier Mock-Up : poser des premières intentions graphiques

? Introduction aux fonctions avancées de Figma - Introduction au design accessible dans Figma

? Atelier prototype : créer un prototype hi-fi et l'animer simplement 

? Collaborer, partager, augmenter son flow de production

? Exercice d'application et d'évaluation

Workshop : Comprendre les enjeux de l'éco-conception“Accessibilité Numérique”

Découvrir les règles fondamentales de l'écologie numériques et expérimenter les leviers et méthode pour agir

Durant cet atelier vous découvrirez les règles fondamentales de l'éco-conception mais aussi des méthodes pratiques, vous pratiquerez sur des cas réels et prendrez en main des outils pour vous permettre d'évaluer et de réduire le poids de vos interfaces.

Travail individuel de préparation à la certification (10h)

Validation et sanction

Concepteur designer graphique

Type de formation

Certifiante

Sortie

Bac + 3 et 4