Sélectionner une page
Formations Design Webdesigner Formation Design System

Formation Design System

formation design system
Prix 2590€ HT / personne
3 jours (21 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Aide au Financement 4000€ de Bonus Atlas en CPF

Présentation

Le Design System est devenu une composante essentielle du design d’interface web et mobile.

Il permet une collaboration efficace et une conception cohérente des produits numériques.

Vous pourrez maîtriser la création et la gestion de Design Systems. Un concept fondamental pour les designers, les développeurs et les chefs de projet qui cherchent à rationaliser leur processus de conception et à garantir une expérience utilisateur harmonieuse.

Les Design Systems englobent des éléments tels que les composants d’interface, les bibliothèques de styles, les modèles d’interaction et les principes du design.

Notre formation Design System vous permettra d’acquérir les compétences nécessaires pour concevoir, mettre en œuvre et maintenir un Design System efficace et évolutif.

Tirez parti de cette formation pour renforcer vos compétences en matière de design et de collaboration pour exploiter pleinement les avantages des Design Systems afin de créer des expériences numériques cohérentes.

 

Objectifs

  • Comprendre les enjeux liés au Design System
  • Créer une bibliothèque de composants complexes
  • Documenter son Design System
  • Apprendre à collaborer et à communiquer avec cet outil
  • Maintenir et évoluer un Design System

 

Public visé

  • UI Designer
  • UX Designer
  • Directeur Artistique
  • Chef de projet
  • Développeur
  • Product Owner

 

Pré-requis

  • Avoir une bonne connaissance web
  • Avoir une expérience en conception, développement ou en gestion de projet web
  • Avoir une appétence pour le logiciel Figma
  • Avoir une sensibilité au graphisme et à l’ergonomie

Programme de la formation Design System

 

Jour 1 – Introduction aux Design Systems

  • Qu’est-ce qu’un Design System ?
  • Les enjeux du Design System
  • Découverte de la partie “Bibliothèques de composants
  • Découverte de la partie “Documentation
  • Exemples et cas d’usage

 

Choix des outils appropriés

  • Découverte de Figma
  • Découverte de Zeroheight

 

Découverte des composants

  • Introduction à l’Atomic Design
  • Différencier les éléments
    • Atomes
    • Molécules
    • Organismes

 

Création des premiers éléments

  • Utilisation de Figma pour la création de composants UI
  • Différencier les composants principaux des instances
  • Création du guide de styles

 

Jour 2 – Créer une bibliothèque de composants

  • Création des éléments de type atomes
  • Création des éléments de type molécules
  • Création des éléments de type organismes

 

Conventions et accessibilité

  • Découverte des normes d’accessibilité à respecter en UI Design
  • Application des normes d’accessibilité à la bibliothèque de composants

 

Création d’une page avec les composants enregistrés

  • Utilisation efficace de la bibliothèque pour créer de nouvelles pages
  • Partager la bibliothèque de composants aux autres designers

 

Jour 3 – Documenter et collaborer

  • Premier pas sur Zeroheight
  • Création des spécificités d’usage
  • Création des spécificités de design
  • Création des spécificités d’intéraction
  • Documentation pour les designers
  • Documentation pour les intégrateurs (développeurs)

 

Penser son évolution

  • Découverte du versionning
  • Mise en place d’un système de versionning

 

Collaboration et partage des ressources

  • Export et partage de la bibliothèque de composants
  • Export et partage de la documentation
  • Export et partage des assets annexes
  • Apprendre à collaborer en équipe

Pour aller plus loin

 

Formation Figma

Formation HTML CSS JS

Formation Divi 4 Avancé

Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Nos Formateurs Référents

Kévin Mercier

Kévin Mercier

UI Designer freelance depuis plus de 7 ans et formateur en UI Design et Design System depuis 3 ans, j’aime aider les designers à monter en compétences sur les nouveaux concepts et outils du design d’interface, pour qu’ils puissent exploiter au mieux leur potentiel.

Témoignages

⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !

Afficher tous les témoignages

⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !

Noter la formation

Prix 2590€ HT / personne
3 jours (21 heures)

Paris | Classe Virtuelle

Dernières places Virtuelle uniquement
Cafés et déjeuners offerts en interentreprises
Disponible en intra-entreprise pour former votre équipe
Aide au Financement 4000€ de Bonus Atlas en CPF

UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?

Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.

ILS SE SONT FORMÉS CHEZ NOUS

partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp
partenaire sncf
partenaire hp
partenaire allianz
partenaire sfr
partenaire engie
partenaire boursorama
partenaire invivo
partenaire orange
partenaire psa
partenaire bnp