Présentation
La conception de maquettes nécessite en général la création de composants génériques réutilisables dans différentes pages : les boutons principaux et secondaires, les éléments de navigation, les liens hypertexte, les légendes d’image et bien plus encore. Cette manière de concevoir une maquette tient davantage de la construction méticuleuse que de la créativité débridée, évitant une impression d’inconstance et d’incohérence qui risque de s’étendre à votre image de marque. C’est dans cette optique que l’on créera un UI Kit (ou « kit de composant d’interface graphique »), référence de tous les composants graphiques, prêts à être intégrés dans les différents écrans de notre interface graphique.
Au cours de cette formation, vous découvrirez comment créer des composants et leurs variants, pour styliser les éléments de votre interface graphique sous toutes les formes. Vous découvrirez comment définir méticuleusement ces composants pour faciliter leur mise à jour. Enfin, vous apprendrez à placer tous ces composants dans un Ui Kit pour faciliter leur réutilisation dans un ou plusieurs projets.
Objectifs de la formation
- S’initier à la création des composants et leurs variants
- Savoir modifier des composants
- Appréhender les concepts de l’automatisation
- Savoir ranger et mettre au propre une bibliothèque de composants
- Savoir partager une bibliothèque
Public
- Toute personne travaillant ou souhaitant travailler dans le maquettage de site internet, logiciels et applications.
Prérequis
- Une connaissance basique de Figma est nécessaire.
Programme
Créer des composants
Qu’est-ce qu’un composant ?
Créer un composant
Les paramètres du composant
L’auto-layout
Nommer et organiser des composants
Modifier les composants et créer les variants
Créer des variants et des instances
Modifier un composant parent et enfant
Les propriétés de composants
Créer de l’automatisation
Les instances imbriquées
Les instances simplifiées
Les styles et variables
Création d’Ui Kit et de bibliothèque d’éléments interactifs
Partager et importer une bibliothèque
Vérifier les paramètres de la bibliothèque
Exporter et importer une bibliothèque
Date de dernière modification : 07/02/2024
Organisation
Modalités d'évaluation :
Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.
Moyens pédagogiques :
Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.
Informations pratiques :
En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.
Ces formations pourraient vous intéresser
- En savoir plus
Figma : les bases
Figma est un logiciel de prototypage et de création de maquettes dans le domaine du web, des applications mobiles ou des logiciels sur ordinateur. Concurrent de Sketch et Adobe Xd, Figma tire son épingle du jeu avec une ergonomie …
- En savoir plus
Figma : le prototypage
Figma permet de créer des maquettes élégantes permettant de valider le parcours utilisateur en cohérence avec les couleurs et typographies souhaitées, mais cette identité graphique doit souvent pouvoir se décliner sur de …
- En savoir plus
Adobe Xd : découvrir les bases
Adobe Xd est un logiciel de conception et de modélisation d’interfaces de sites web et d’applications. Créé par la société Adobe et intégré à la Creative Suite, il permet de créer des maquettes pour mieux concevoir …