Formation Elaborer le WEB DESIGN avec le suite ADOBE

Etudier les outils de prototypage Web

• Les atouts d’Adobe XD et 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

• L'écran d'accueil, Barre de menus et 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 - groupes de calque

• Créer et gérer les calques

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 et 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 et 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 et 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