Formation Adobe XD
A distanceEn détails
Objectif de la formation
• Réaliser des visuels adaptés au web
• Optimiser le processus
• Créer des prototypes pour tests utilisateurs et envoi des éléments au développeur/intégrateur
Durée
2 jours (14 heures)
Points forts de la formation
• Exercices sur des cas concrets et démonstrations
• Découverte de ressources
• Prise en main rapide
• Formation conçue pour être dispensée à distance
Accessibilité PSH
Formation accessible aux personnes en situation de handicap. Pour plus de renseignements, prendre contact avec le référent handicap du campus.
Démarche pédagogique
• Méthode inductive et participative
• Démonstrations, présentation de réalisations "types"
• Exercices à déposer sur un drive
• Quizz
• Echange de pratiques
Moyens pédagogiques
• Ordinateur muni de Adobe XD
• Smartphone ou tablette avec Adobe XD
• Zoom : visio conférence
• Google Classroom : rendu des fichiers, commentaires,
• Milanote : documentations et pas à pas de chaque exercice
• Teamviewer : prise en main à distance d'un ordinateur. Itilisé, avec accord du participant, pour intervenir directement sur le fichier et faire une démo sur-mesure
Évaluation
Evaluation des participants par les intervenants en cours deformation afin d'évaluer le degré d'acquisition
Validation
Attestation de formation
Calendrier
Programme
Introduction
• Présentation du groupe
• Intro "Web design et prototypage"
• Vocabulaire technique et notions fondamentales
Design web : texte, image et formes
• Présentation de l'interface
• Outils forme
• Outils plume
• Outils texte
• Combiner les formes
• Passerelle avec la suite Adobe
• Imports depuis Photoshop
• Utilisation de la bibliothèque CC
• Utilisation des fonts Google
• Prévisualiser le rendu sur mobile
• Création d'une page d'accueil mobile de site vitrine
Design web : les composants
• Utilisation des composants
• Utiliser les grilles
• Décliner pour les différents formats d'écrans
• Déclinaison d'un kit UI
Design web : les grilles de répétitions
• Gestion des grilles de répétitions
• Légende automatique via fichier texte
• Gérer les masques
• Design d'une page d'accueil de site e-commerce
Design web : créations de visuels pour les réseaux sociaux
• Théorie : pourquoi Adobe XD est pertinent pour la production de visuels pour les réseaux sociaux
• Optimisation du process
• Déclinaison de visuels pour les réseaux sociaux
Prototypage
• Création d'une navigation dynamique
• Création de boutons
• Création d'un prototype d'application mobile
Productivité
• Les process de production pour être productif
• Comment ajouter des plugins
• Plugin recommandés
Animation automatique
• Interaction et transition d'interface
Partager, finaliser et exporter son projet
• Export des plans de travail
• Export des éléments jpg et png
• Partager le projet en ligne
• Enregistrer une vidéo du projet
• Activer les commentaires
• Activer le partage des informations techniques pour l'intégration web
• Export complet et finalisation de projet
Pour aller plus loin
• Ressources web pour Adobe XD
• Organiser sa veille graphique
• Se former en continu sur Adobe XD
• Quizz de synthèse
• Débrief du groupe
Certificateurs, partenaires et financeurs
Modalités d'inscription et pré-requis
Pré-requis :
• Connaissance des fondamentaux de la suite Adobe
Pré-requis techniques :
• Un ordinateur équipé d'une caméra, d'un micro et de Adobe XD
• Une connexion à internet
• Logiciel de Visio conférence Zoom
• Logiciels Google Classroom, Milanote, Teamviewer (aide à l'installation et la prise en mains)
Tarifs
Lieu de la formation
-
Formation à Distance
Cette formation peut être effectuée à distance.
Merci de nous contacter pour en connaitre les détails
