Intégrateurs/développeurs web, graphistes
Den Inhalt vun dëser Säit ass net op Lëtzebuergesch verfügbar
Intérêt pour les web et les applications
Comprendre les notions d'interface utilisateur. Créer des wireframes, des maquettes et des prototypes dynamiques d’interfaces utilisateurs.
Présentation de l'interface utilisateur (UI)La place de l’UI au sein de l’UXLe rôle de l’UI Designer
Créer un compteLes différentes formules FigmaLes fichiers, équipes et projets d’équipesGérer et organiser ses projets avec la version gratuite
Faire le tour d’horizon des outils Figma : Design, Figjam, Slides, Buzz, Sites et MakeComprendre les liens entre les outilsLier les outils au travers de l’utilisation de la communauté Figma
Comprendre l’interface Design et ses outilsComprendre l’interface Prototype et ses outilsComprendre le principe des pagesDécouvrir le panneau Layers et Assets
Comprendre l’outil essentiel des FramesUtiliser et paramétrer les grilles de mise en pageUtiliser les repèresNaviguer dans la zone de travailCréer des formes de basesCréer des courbes avec la plumeTransformer une forme standard en tracéAjouter ou soustraire des formesGérer la couleurCréer et éditer du texteTransformer la boîte de texteRedimensionner avec l’outil Scale
Importer une ou plusieurs imagesDéplacer des imagesCréer un masque sur une imageAjouter des effetsCopier des tracés vectoriels depuis IllustratorRépéter des éléments et les aligner
Comprendre le principe des styles pour automatiser nos actionsCréer des styles de texte, les appliquer et les modifierCréer des styles de couleurs ou d’effetsCréer des styles de grilles de mise en pageCréer des groupes de style avec le renommage
Comprendre la différence entre frame simple et frame avec option AutolayoutActiver l’autolayout sur des éléments d’interfaceDécouvrir les paramètres et fonctionnement de l’autolayoutParamétrer un autolayout
Créer et modifier des composantsDécouvrir les propriétés possibles sur les composantsAjouter et appliquer des propriétés aux composantsComprendre le lien entre Composant principal et InstancesAnimer ses composants
Choisir et installer un pluginDécouvrir les plugins indispensablesUtiliser les plugins dans ses projets
Maîtriser les contraintes des éléments d’interfaceGérer les défilements verticaux et horizontauxComprendre les comportements scroll, fixed et stickyDéfinir les comportements scroll, fixed et sticky d’un élément d’interface
Découvrir les différents types d’interactionDécouvrir les différents types d’actions Comprendre et gérer les différents paramètres d’animationsVisualiser et tester les prototypesTester sur Téléphone avec l’application mobile Figma
Partager et commenter une maquetteTravailler en simultanéUtiliser les widgetsPartager son fichier sous forme de librairieExporter et sauvegarder ses projets
Inspecter le code de ses maquettesLes plugins pour exporter en HTML/CSS
Active Learning
contrôle continu ou certification si prévue dans le financement
Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)
Locaux accessibles PMR
Paris, rue Antoine Bourdelle:
Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou
Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).
Cela vous permet d'interagir pleinement lors de la session.
Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:
Le(s) logiciel(s) installé(s) sur le poste du participant, Une connexion internet stable, Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur), Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam
Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.
Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI
Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m
