Adobe XD
-
Prise en charge
Nos équipes s’engagent à vous rappeler sous 24 à 72 heures.
-
Durée et prix:
En distanciel
Durée: 21 heures
1950€ ht, 2340€ ttc.
Entrée permanente.En présentiel
Durée: 3 jours.
Inter: 1950€ ht
Intra: à partir de 900€ ht la journée. -
Objectifs :
Comprendre les enjeux de la conception d’interfaces
Maquetter des interfaces interactives de sites Web et d’applications mobiles
Réaliser des parcours de navigation répondant aux besoins des utilisateurs
Partager et tester des prototypes avec votre équipe et vos clients -
Niveau requis :
Être familier de l’environnement Web. Les connaissances de base d’Illustrator et de Photoshop seraient un plus.
-
Public :
Webdesigners, webmasters, graphistes, directeurs artistiques, directeurs de création, chefs de projets.
-
Moyens pédagogiques :
Explications, démonstrations, exercices, vérification des acquis
-
Moyens techniques :
En distanciel : le stagiaire doit disposer du logiciel enseigné, du logiciel permettant la connexion à distance avec le formateur et d’une connexion de bonne qualité.
En présentiel : Un ordinateur par personne – Vidéo projecteur – Connexion Internet -
Modalités d’évaluation :
Questionnaire d’évaluation en fin de session
-
Version PDF :
-
Programme :
-
Rappel sur le processus de conception
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
-
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Conception d’une version filaireMock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Supprimer les liens précédemment partagésIndicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Créer des liens de partageSupprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Définir un parcours utilisateurCréer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Propriétés partagées et communesRedimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Variantes des composantPropriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Importer depuis PhotoshopImporter depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Importer depuis IllustratorImporter depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Sélection, redimensionnement et rotationContour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Déplacer, aligner et empilerSélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Créer des dégradés de couleursGénérer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Gérer les styles de texteFormatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
IA: l’architecture de l’informationUI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Les étapes de conceptionIA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Les étapes de conceptionIA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Zoning et WireframesMockups storyboard vs prototype
Le prototypage
Les étapes de conceptionIA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Architecture de l’informationExpression des besoins
Description fonctionnelle
Les livrables, arborescence
Zoning et WireframesMockups storyboard vs prototype
Le prototypage
Les étapes de conceptionIA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Ciblage et personasArchitecture de l’information
Expression des besoins
Description fonctionnelle
Les livrables, arborescence
Zoning et WireframesMockups storyboard vs prototype
Le prototypage
Les étapes de conceptionIA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Veille et benchmarkingCiblage et personas
Architecture de l’information
Expression des besoins
Description fonctionnelle
Les livrables, arborescence
Zoning et WireframesMockups storyboard vs prototype
Le prototypage
Les étapes de conceptionIA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]
Veille et benchmarkingCiblage et personas
Architecture de l’information
Expression des besoins
Description fonctionnelle
Les livrables, arborescence
Zoning et WireframesMockups storyboard vs prototype
Le prototypage
Les étapes de conceptionIA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)
L’application
Adobe XD dans le workflowObjectifs du logiciel
L’interface d’Adobe XD
Accueil, les barres de menus et d’outilsLes panneaux de propriétés
Les plans de travail et repères
Ajouter et gérer les plans de travailManipuler les grilles et les repères
Les formes, créer une icône
Utiliser les formes simplesCréer des éléments vectoriels avec l’outil Plume
Les textes
Saisir du texte, importer des fichiers textesGérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques
Les images
Importer des images, créer des masquesLes couleurs
Utiliser et gérer les couleursCréer des dégradés de couleurs
Générer des couleurs
Enregistrer les couleurs
Créer des éléments répétés
Gérer les récurrences, utiliser les grilles de répétitionCombinaison d’objets et masques
Grouper, verrouiller et dupliquerDéplacer, aligner et empiler
Sélection, redimensionnement et rotation
Contour, remplissage et ombre portée
Masque de floutage
Travailler avec des sources externes
Sélectionner et utiliser des kits UIImporter depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web
Composants
Créer et manipuler les composantsVariantes des composant
Propriétés partagées et communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)
Etendre Adobe XD
Plugins, configuration requiseAffichage et installation des plug-ins
Sélections de plugins utiles
Prototyper
Créer des interfaces responsivesDéfinir un parcours utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal
Partager
Créer des liens de partageDéposer des commentaires
Tester
Enregistrer une vidéo des interactionsInstaller l’application Adobe XD
Tester le prototype en direct
Exporter
Exporter les plans de travailChoisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne
Partager le projet
Partager les écrans et les prototypesCréer des liens de partage
Supprimer les liens précédemment partagés
Indicateurs d’utilisation
Visualiser les prototypes en plein écran
Mettre en pratique
Définir une approche autour d’un projetConception d’une version filaire
Mock-up et mock-up Hi-Fi
Réalisation de l’interface sous Adobe XD
Insertion des animations et de l’interactivité
Partage du projet
[/dt_vc_list][/vc_column][/vc_row]