Formation Elaborer le WEB DESIGN avec la suite ADOBE
En détails
Objectif de la formation
• Acquérir les bonnes pratiques de conception d'interfaces web et mobiles
• Être capable de créer des prototypes de pages web et mobile
Durée
28H
Points forts de la formation
• Formateur expert
Accessibilité PSH
Formation accessible aux personnes en situation de handicap. Pour plus de renseignements, prendre contact avec le référent handicap du campus.
Résultats attendus de la formation
• Être capable de réaliser une maquette interactive web
• Réaliser des parcours de navigation dans le cadre d’un processus UX design
• Tester les prototypes auprès des futurs utilisateurs dans une démarche itérativ
Démarche pédagogique
• Apports théoriques
• Mise en situation avec exercices pratiques
Moyens pédagogiques
• Videoprojecteur et salle informatique
• Adobe Photoshop CC
• Adobe Illustrator CC
• Adobe XD
Validation
attestation de formation
Calendrier
Programme
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
Modalités d'inscription et pré-requis
• Maîtriser Adobe Photoshop et Adobe Illustrator
Tarifs
Lieu de la formation
-
Le Havre
CHCI – Centre Havrais de Commerce International 182 quai George V
76600 Le Havre
