Adobe XD

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]

Conception 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 projet
Conception 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 projet
Conception 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és
Indicateurs d’utilisation
Visualiser les prototypes en plein écran

Mettre en pratique

Définir une approche autour d’un projet
Conception 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 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 projet
Conception 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 prototypes
Cré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 projet
Conception 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 prototypes
Cré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 projet
Conception 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 travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 utilisateur
Créer les liens d’interactions, prévisualiser l’interface
Déclencheurs claviers et manettes, iPilotage vocal

Partager

Créer des liens de partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 communes
Redimensionnement réactif des composants
Créer deux écrans d’application mobile (connexion / inscription)

Etendre Adobe XD

Plugins, configuration requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 rotation
Contour, remplissage et ombre portée
Masque de floutage

Travailler avec des sources externes

Sélectionner et utiliser des kits UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 conception
IA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 conception
IA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 Wireframes
Mockups storyboard vs prototype

Le prototypage

Les étapes de conception
IA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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’information
Expression des besoins
Description fonctionnelle

Les livrables, arborescence

Zoning et Wireframes
Mockups storyboard vs prototype

Le prototypage

Les étapes de conception
IA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 personas
Architecture de l’information
Expression des besoins
Description fonctionnelle

Les livrables, arborescence

Zoning et Wireframes
Mockups storyboard vs prototype

Le prototypage

Les étapes de conception
IA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 benchmarking
Ciblage et personas
Architecture de l’information
Expression des besoins
Description fonctionnelle

Les livrables, arborescence

Zoning et Wireframes
Mockups storyboard vs prototype

Le prototypage

Les étapes de conception
IA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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 benchmarking
Ciblage et personas
Architecture de l’information
Expression des besoins
Description fonctionnelle

Les livrables, arborescence

Zoning et Wireframes
Mockups storyboard vs prototype

Le prototypage

Les étapes de conception
IA: l’architecture de l’information
UI / UX: le design d’interface
Les tendances du design (Flat, material, Atomic,…)

L’application

Adobe XD dans le workflow
Objectifs du logiciel

L’interface d’Adobe XD

Accueil, les barres de menus et d’outils
Les panneaux de propriétés

Les plans de travail et repères

Ajouter et gérer les plans de travail
Manipuler les grilles et les repères

Les formes, créer une icône

Utiliser les formes simples
Créer des éléments vectoriels avec l’outil Plume

Les textes

Saisir du texte, importer des fichiers textes
Gérer les styles de texte
Formatage et enrichissement
Enregistrer les styles typographiques

Les images

Importer des images, créer des masques

Les couleurs

Utiliser et gérer les couleurs
Cré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étition

Combinaison d’objets et masques

Grouper, verrouiller et dupliquer
Dé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 UI
Importer depuis Illustrator
Importer depuis Photoshop
Importer depuis Sketch
Importer depuis les navigateurs Web

Composants

Créer et manipuler les composants
Variantes 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 requise
Affichage et installation des plug-ins
Sélections de plugins utiles

Prototyper

Créer des interfaces responsives
Dé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 partage
Déposer des commentaires

Tester

Enregistrer une vidéo des interactions
Installer l’application Adobe XD
Tester le prototype en direct

Exporter

Exporter les plans de travail
Choisir les formats d’export (PNG, JPEG…)
ressources liées composants (anciennement symboles) documents en ligne

Partager le projet

Partager les écrans et les prototypes
Cré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 projet
Conception 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]