Formation Adobe XD : Design d'interface - Prototypages, mockups, wireframes

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

À l'issue de cette formation Adobe XD vous aurez acquis les connaissances et les compétences nécessaires pour :

  • Identifier les bonnes pratiques de conception d'interfaces
  • Créer 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 pour réaliser des interfaces fonctionnelles

PLB CONSULTANT


Informatique et Management
Voir la fiche entreprise

Tarif

Contacter l'organisme

Durée 2 jours (14h)
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

PLB CONSULTANT


Informatique et Management
Voir la fiche

Tarif

Contacter l'organisme

Durée 2 jours (14h)
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

Adobe XD est un outil de conception et de prototypage d'interfaces web et mobiles. Intégré à l'abonnement Adobe Creative Cloud, Adobe XD permet notamment de créer de la profondeur et de la perspective, d'ajouter des animations, de travailler à plusieurs sur un même document ou encore d'enregistrer des ressources dans le cloud. Il est bien évidemment compatible avec Illustrator, Photoshop, After Effects ainsi qu'avec la bibliothèque Creative Cloud.

Cette formation Adobe XD vous apprend à maîtriser la conception d'interfaces interactives de sites Web et d'applications mobiles avec Adobe XD.

Programme

Adobe XD

Introduction à Adobe XDQu'est-ce qu'Adobe XD ?
Les atouts et les enjeux du logiciel
Les logiciels phares de la création d'interface
Découvrir les nouveautés du logiciel Adobe XD
Le prototypageLes étapes de conception
Les principes de l'Atomic Design
Découvrir Adobe XDL'écran d'accueil
Les différentes zones de l'interface
Barre de menus et barre d'outils
Les panneaux de propriétés

Design d'interfaces web et d'applications avec Adobe XD

Les plans de travail et repèresCréer des plans de travail
Manipuler les plans de travail et les calques
Manipuler les grilles et les repères
Les formesCréer des formes simples
Créer des éléments vectoriels avec l'outil Plume
Importer des logos, icônes, illustrations
Les textesÉditer du texte
Importer des fichiers texte
Installer les plug-ins pour générer de la Data
Gérer les styles de texte
Les imagesImporter des images
Créer des masques
Utiliser les plug-ins spécifiques d'images
Les couleurs et les effetsUtiliser et gérer les couleurs
Créer des dégradés de couleurs
Appliquer des effets d'ombres / flous
La grille de répétition et défilementUtiliser et gérer une grille de répétition
Réaliser des contenus défilants
Les vidéos et les contenus animésImporter et incorporer des vidéos
Intégrer des animations de plug-ins Lottie
ComposantsCréer des composants
Manipuler les instances
Créer des composants imbriqués
Créer des états multiples de composants
Librairie et kits UICréer et éditer des styles de textes
Créer et éditer des styles de couleurs
Installer et utiliser des kits UI
Transformation des framesComprendre les principes du redimensionnement
Utiliser les contraintes automatiques et manuelles

Design d'un prototype interactif

PrototyperCréer les liens d'interactions entre frames
Découvrir les types d'interactions et d'animations
Utiliser les déclencheurs tactiles et vocaux
Appliquer les actions d'interactions (animation auto, lien hypertexte, lecture audio...)
VisualiserPrévisualiser l'interface
Enregistrer une vidéo des interactions
Installer l'application Adobe XD
Tester le prototype en direct

Partage et exportation d'un fichier XD

PartagerCréer et configurer les liens de partage
Configurer les modes de partage
Visualiser le document sur le Cloud
Déposer des commentaires
ExporterPréparer les éléments pour l'exportation
Exporter les frames en PNG, JPEG, PDF...
Exporter les assets pour l'intégration via le Cloud
Exporter via le plug-in Zeplin
Optimiser le processus de travailIdentifier les principaux plug-ins
Utiliser les librairies UI partagées
Définir une bonne convention de nommage
Organiser les composants et les styles
Collaborer en temps réel autour d'un prototype
Mémoriser les raccourcis principaux
Réaliser un prototype de site Web ou d'application mobileRéaliser un prototype interactif, à partir d'un kit UI ou wireframe fourni
Organiser la librairie de styles et de composants
Préparer le fichier pour l'exportation des images vectorielles ou bitmap
Partager un fichier sécurisé pour un client et l'intégration

Prérequis

Il est recommandé d'avoir une bonne connaissance de l'environnement web pour suivre cette formation Adobe XD. Une pratique courante d'un logiciel de dessin vectoriel et bitmap est également souhaitée.

Public

Ce cours s'adresse aux webmasters, graphistes, directeurs artistiques, responsables de communication, chefs de projets, cadres, consultants, MOA, MOE, AMOA.

Ces formations pourraient vous intéresser

Objectifs de la formation

  • Maquetter une interface digitale web ou mobile en basse/haute fidélité avec Figma
  • S'approprier les bases de l'utilisation et de la conception d'un design system
  • Maîtriser l'architecture de l'information pour proposer des maquettes respectant les bonnes pratiques ergonomiques
Tarif

A partir de 2 100,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Intégrer et gérer des éléments dans la bibliothèque Cloud
  • Installer et utiliser des typographies via Typekit
  • Identifier et décrire l'apport des nouvelles fonctions de Illustrator
  • Identifier et décrire l'apport des nouvelles fonctions de Photoshop
  • Identifier et décrire l'apport des nouvelles fonctions de InDesign
  • Exporter des contenus pour le Web
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Titre professionnel RNCP31114 Bloc 1 Niveau 5 - Bac+2 (BTS)
Tarif

A partir de 690,00 €

Durée

4j / 32h

Modes
  • Entreprise
  • Distance

Objectifs de la formation

  • Gérer l'interface et les sources
  • Créer des compositions et des animations
  • Réaliser des animations de textes
  • Gérer l'étape de rendu
  • Archiver ses projets
Tarif

A partir de 1 390,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Test et intégration de code Java

Proposé par ENI Service

Objectifs de la formation

  • Comprendre les enjeux du test logiciel pour la qualité des développements
  • Intégrer une méthodologie de conception dans un projet logiciel
  • Concevoir des tests unitaires avec le framework JUnit
  • Utiliser des objets Mocks dans la mise en œuvre des tests unitaires
  • Concevoir des tests dans un environnement Jakarta EE
  • Concevoir et exécuter des tests dans une application utilisant le framework Spring
  • Mettre en œuvre les Design Patterns dans les applications Java
  • Utiliser les bonnes pratiques d'architecture logicielle dans ses projets
  • Savoir mettre en place une stratégie de supervision des applications Java
  • Utiliser un profiler de code pour anticiper les dysfonctionnements des applications
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Connaître les fondamentaux du design thinking
  • Utiliser les bénéfices du design thinking
  • Appliquer les méthodes issues du design thinking dans la communication
Tarif

A partir de 1 390,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Dans le contexte de transformation digitale actuel, n’importe quelle personne concernée de près ou de loin par un projet de développement web ou mobile doit dorénavant posséder de solides bases en ergonomie et en « user experience » afin de participer activement à la production d’une application en conformité avec les attentes du cahier des charges.
Sur les gros projets menés en équipe, vous devez comprendre et respecter les maquettes des designers.
Dans des projets de moindre importance, c'est à vous qu'il incombe de veiller à l'ergonomie de votre interface.
Il est donc primordial de posséder de solides bases sur la démarche ergonomique : comprendre les utilisateurs pour créer un produit centré sur leurs besoins, leurs compétences, leurs habitudes, tout en se montrant innovant, créatif et moderne. 

Cette formation vous permettra de vous positionner au sein d’un projet et de mieux comprendre les attendus de la tâche qui vous est confiée. Vous pourrez ainsi discuter avec pertinence avec des interlocuteurs spécialisés et si vous en avez la charge, à l’intégration HTML5/CSS3 avec beaucoup plus d’intelligence et d’efficacité.

Au-delà des aspects techniques liés à la réalisation des interfaces, ce cours détaille les différentes phases de la démarche de « design centré utilisateur », depuis l'amont du projet (identification des utilisateurs cibles, ou Personas) jusqu'à sa finalisation (tests utilisateurs). Il intègre également les spécificités de chaque projet, que ce soit dans sa gestion (cycle en V, Agile…) ou dans le choix de la technologie (sites responsifs, applications mobiles…).

En alliant théorie et pratique, ce cours donne une vision d’ensemble d'un projet de développement d'interface web et mobile. Il propose une méthodologie dont les bénéfices se percevront en termes d'efficacité et de retour sur investissement. Enfin, la formation permet aussi d’ajouter une ligne généralement appréciée dans son CV à la rubrique « Ergonomie et UX ».

Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Créer des formulaires.
  • Les envoyer via le mail.
  • Gérer le suivi dans Acrobat.
Tarif

Contacter l'organisme

Durée

3.5 heures

Modes
  • Centre
  • Entreprise
  • Distance

Formation Design Thinking l'essentiel

Proposé par PLB CONSULTANT

Objectifs de la formation

À l’issue de cette formation Design Thinking L'essentiel, les participants auront acquis les connaissances et les compétences nécessaires pour :

  • Appliquer la méthode pour concevoir et définir un produit ou service qui répond aux besoins de leurs clients/utilisateurs
  • Comprendre les besoins et les problèmes de leurs utilisateurs ou clients
  • Définir un challenge en Design Thinking
  • Mener un projet Agile pour la réalisation d’un prototype
  • Présenter un projet de façon convaincante
  • Réaliser un atelier collaboratif.
Tarif

A partir de 1 480,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

formation Adobe Première Pro

Proposé par BELFORMATION

Objectifs de la formation

  • Maîtriser les fonctionnalités de base de Première Pro.
  • Importer, organiser et gérer les fichiers multimédias.
  • Réaliser des montages vidéo professionnels.
  • Utiliser les transitions, effets et titres pour vos vidéos.
  • Appliquer des corrections colorimétriques et audio.
  • Utiliser les outils avancés tels que les masques et les effets de mouvement.
  • Exporter vos vidéos dans différents formats.
Tarif

A partir de 1 500,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...