Pré-requis : Pratique des logiciels graphiques Adobe Photoshop ou Illustrator.
Objectifs : Comprendre les notions d'interface utilisateur. Créer des wireframes, des maquettes et des prototypes dynamiques d’interfaces utilisateurs .
Sanction : Attestation de fin de formation mentionnant le résultat des acquis
Référence : SIT101841-F
Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins
Contact : commercial@dawan.fr
2 475,00 € HT
Présentation de l'interface utilisateur (UI)
La place de l’UI au sein de l’UX.
Les éléments de l’UX
Rôle de l’UI Designer
Créer un compte
Les différentes formules
Installer l’application
Les projets et les équipes
Gérer et organiser ses projets avec la version gratuite
Découvrir l’interface
Ajouter, modifier, supprimer des frames (espace de travail).
Naviguer dans la zone de travail : zoomer, se déplacer
Utiliser et paramétrer les grilles
Ajouter des repères
Créer des pages
Créer des formes de bases : Touches de contraintes, attributs de fond et de contour
Gérer la couleur : Créer un style de couleur ou ajouter au document
Créer des courbes avec la plume
Transformer une forme standard en tracé
Ajouter ou soustraire des formes
Découvrir le panneau layers, créer des groupes de calques.
Créer et éditer du texte : En ligne ou en bloc
Choisir les polices à utiliser
Redimensionner avec l’outil scale
Créer et utiliser les styles de texte
Transformer la boîte de texte
Atelier : créer un logo avec Figma
Choisir et installer un plugin
Découvrir les plugins indispensables
Utiliser les plugins
Importer une ou plusieurs images
Déplacer des images
Créer un masque sur une image
Ajouter des effets
Copier des tracés vectoriels depuis Illustrator
Créer et modifier des composants
Répéter des éléments et les aligner
Atelier : créer une maquette d’appli de musique
Créer des styles de texte, les appliquer et les modifier
Créer des groupes de style avec le renommage
Créer des styles de couleurs ou d’effets
Atelier : créer une maquette onepage
Créer des liens avec des ancres
Créer des liens entre frames
Gérer les paramètres d’animations
Visualiser et tester les prototypes
Tester sur Téléphone avec l’application mobile
Atelier : créer une interface de messagerie
Créer et modifier des composants
Ajouter des propriétés aux composants
Créer des variants
Travailler en responsive avec l’auto-layout
Gérer les défilements verticaux et horizontaux
Atelier : créer une interface de site de recettes
Inspecter le code de ses maquettes
Les plugins pour exporter en HTML/CSS
Atelier : exporter une maquette en HTML/CSS
Partager et commenter une maquette
Travailler en simultané
Utiliser les widgets
Atelier : créer un design system en collaboration
Créer, réaliser des maquettes pour un site Responsive Web Design ou application avec Photoshop et Adobe XD.
Analyser les contraintes et mettre en place les bonnes pratiques de la conception d'une interface interactive (User Interface) adaptée aux supports desktop, tactiles ou mobiles.
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
Bât Ravezies - 2e étage 250 avenue Emile Counord
33300 Bordeaux
Liaison directe de la gare Bordeaux Saint-Jean via le tram C
Rue de la Loi, 23
1040 Bruxelles
32 Boulevard Vincent Gâche
44000 Nantes
c/o CCI France Suisse Route de Jussy 35 Case postale 6298
CH-1211 Thônex - Genève
46 rue des Canonniers - 2è étage
59800 Lille
Proche des deux gares
5 Rue Goethe
L-1637 Luxembourg
62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée
69003 Lyon
38/40 rue de la République Escalier A, 1er étage
13001 Marseille
A proximité du vieux port
26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage
34000 Montpellier
Quartier Antigone
32 Boulevard Vincent Gâche 5 ème étage
44200 Nantes
455 promenade des Anglais Bât Arenice, 7è étage
06200 Nice
11 rue Antoine Bourdelle
75015 Paris
dans le 15e arrondissement
3 place du Général Giraud
35000 Rennes
4 rue de Sarrelouis - 4è étage
67000 Strasbourg
1 place Occitane Bât. Le Sully - 4è étage
31000 Toulouse
Proche de Jean-Jaurès et du Capitole