Date de mise à jour : 30/01/2024 | Identifiant OffreInfo :
03_241190313F
Organisme responsable :
CCI Formation - Puy-de-Dôme
Acquérir les bonnes pratiques de conception d'interfaces web et mobiles
Être capable de créer des prototypes de pages web et mobile
Extrait de la formation diplomante
Chef de Projet Web et Stratégie Digitale
Introduction :
- Comprendre les atouts d'Adobe XD ?
- Exemple d'outils comparables (Axure, Sketch, Invision)
- Comprendre le prototypage web
Les étapes du processus de conception UX :
- Le design d'interface
- L'architecture de l'information
- Les tendances du design
L'interface d'Adobe XD :
- Découvrir l'interface d'Adobe XD
- L'écran d'accueil
- Barre de menus et barre d'outils
- Les panneaux de propriété
Les plans de travail et repères :
- Ajouter et gérer les plans de travail
- Manipuler les grilles et les repères
Les calques :
- Créer et gérer les calques et les groupes de calque
Les outils de forme :
- Créer des formes simples
- Créer des éléments vectoriels avec l'outil Plume
- Créer une icône
L'outil texte :
- Saisir du texte
- Importer des textes
- Gérer les styles de texte
Les images :
- Importer des images
- Créer et gérer les masques
Les symboles :
- Les boutons
- Les icones
- La navigation desktop et mobile
Les couleurs :
- Utiliser et gérer les couleurs
- Créer des dégradés de couleurs
- Générer des couleurs
La grille de répétition :
- Utiliser et gérer une grille de répétition
Réaliser une interface d'application mobile :
- Conception d'une version papier ou maquette filaire détaillée
- Réalisation de l'interface sous Adobe XD
Le kit UI :
- Créer et gérer les composants
- Types des composants
- Les propriétés des composants
- Redimensionner un composant
- Sélectionner et utiliser un kit UI
- Créer deux écrans pour une version desktop (connexion / inscription)
Créer un prototype web :
- Créer un parcours utilisateur
- Créer une interface responsive design
- Créer les liens d'interactions entre les pages
- Prévisualiser l'interface
Exporter et tester une interface web ou mobile :
- Exporter les plans de travail
- Choisir les formats d'export (PNG, JPEG...)
- Tester le prototype via un navigateur
Attestation de formation
Non certifiante
Sans niveau spécifique