Mise à jour le 18 juillet 2023
Formation Adobe XD
Durée : 2 jours (14 heures)
PROCHAINES SESSIONS :
Les 25-26 sept. 2023
Les 30 nov. et 1er déc. 2023
Les 19-20 fév. 2024
Les 14-15 mai 2024
Les 09-10 sept. 2024
Autres dates possibles en INTRA (au CFI Atlantique ou dans vos locaux)
Objectifs de la formation
- Concevoir des maquettes de sites web ou d’applications dynamiques
Contenu de la formation
PRISE EN MAIN D’ADOBE XD
Espace de travail et formes primitives
- Naviguer et se déplacer (+ raccourcis clavier)
- Propriétés de l’espace de travail et utilisation de la grille de repère
- Créer, paramétrer et utiliser un rectangle (primitive de base)
- Utiliser et manipuler les autres primitives
- Concevoir des graphiques et pictogrammes grâce aux opérations booléennes
Premier outil dynamique et texte
- Générer une grille de répétition et gérer le défilement
- Utiliser l’outil texte et personnalisation de la police d’écriture
Optimiser son temps de production
- Créer et utiliser des actifs ou des composants
- Découverte des UI kits (Kits d’interface utilisateurs)
- Installer et utiliser un premier plugin
CRÉER SA PREMIÈRE MAQUETTE DYNAMIQUE
La navigation
- Créer différents plans de travail d’une application de jeux
- Naviguer entre les plans de travail grâce l’onglet prototype
- Découvrir les divers modes de transitions
Les démarches avant-projet
- Premier rendez-vous client : croquis sur papier
- Création du cahier des charges et spécifications fonctionnelles
Charte graphique
- Rechercher et incorporer les couleurs. Choisir les polices de caractère
- Importer des images, des illustrations, des vidéos et des animations Lottie
Du zoning à la maquette dynamique
- Création du zoning de la page d’accueil d’un site au format desktop et mobile
- Transformation du zoning en maquette proche du résultat final
Exporter un projet
- Partager la maquette dynamique avec un client ou un développeur
Les plugins
- Découvrir la bibliothèque des plugins pour gagner en productivité
Trucs et astuces
- Comment créer un formulaire dynamique
- Découvrir les différents types de copier/coller
- Utiliser les marges et le redimensionnement réactif
Public visé
Webmasters, webdesigners, intégrateurs Web, graphistes…
• Salariés
• Entreprises
• Demandeurs d’emploi
• Particuliers
Pré-requis
Pratique du Web et des outils bureautiques.
Connaissance du HTML et CSS et de l’ergonomie Web.
Modalités avant formation
Questionnaire de positionnement et/ou entretien individuel pour prendre en compte le projet, évaluer les acquis, les besoins et construire le plan de formation.
Moyens, méthodes et outils
• 1 PC/personne – 1 vidéoprojecteur
• Logiciel : ADOBE XD
• Pédagogie progressive. Alternance entre apports théoriques et exercices d’application simples
• Intervenants professionnels de plus 15 ans d’expérience
Suivi et Évaluation
• Exercices de validation en continu pendant la formation
• Étude de cas en fin de formation
• Évaluation de satisfaction
• Certification : nous consulter
• Résultats aux examens et certifications
Fin de formation
• Émargement journée
• Support de formation en PDF
• Attestation de fin de formation
• Bilan formateur
Tarif session inter-entreprises : à partir de 50 € / heure / personne
- Demandeur d’emploi : nous consulter
- Formation intra ou de groupe : nous consulter
- Tarifs dégressifs possibles en fonction du nombre de jours sur le plan de formation
Formations complémentaires
- WORDPRESS : Initiation // 3 jours (21h)WORDPRESS : Initiation // 3 jours (21h)
- WORDPRESS : Perfectionnement > Le CSS // 2 jours (14h)WORDPRESS : Perfectionnement > Le CSS // 2 jours (14h)
- WORDPRESS : Perfectionnement > Les thèmes // 3 jours (21h)WORDPRESS : Perfectionnement > Les thèmes // 3 jours (21h)
- WORDPRESS : Perfectionnement > WooCommerce // 2 jours (14h)WORDPRESS : Perfectionnement > WooCommerce // 2 jours (14h)
- PRESTASHOP : Boutique en ligne // 3 jours (21h)PRESTASHOP : Boutique en ligne // 3 jours (21h)
- Gestion de projet WEB // 2 jours (14h)Gestion de projet WEB // 2 jours (14h)
- HTML 5 et CSS 3 : Initiation // 5 jours (35h)HTML 5 et CSS 3 : Initiation // 5 jours (35h)
- HTML 5 et CSS 3 : Perfectionnement // 2 jours (14h)HTML 5 et CSS 3 : Perfectionnement // 2 jours (14h)
- HTML 5 et CSS 3 : Structuration // 2 jours (14h)HTML 5 et CSS 3 : Structuration // 2 jours (14h)