Télécharger le programme InVision App, Studio et Design System Management au format PDF

Formation InVision App, Studio et Design System Management CPF NC

Pour le design d'interface (UX/UI)

Objectifs de la formation

Cette formation permet d'identifier tous les services de la plateforme d'Invision App, d'identifier les outils de design d'interface du logiciel Studio, d'appliquer une méthodologie optimisée dans la construction des fichiers, d'exporter et partager vos projets UX/UI Design, de créer un design system avec Design System Management.

Certifications associées

RU DIGITAL

Public

Graphiste, webdesigner, UI Designer, UX Designer, chef de projet ou toute personne devant utiliser Sketch dans le cadre de la conception et création d'interface.

Durée

14 heures en présentiel sur 2 jours

Pré-requis

Une bonne connaissance du Web est conseillée. Avoir une bonne maîtrise de son environnement informatique.

Formateur

Formateur Expert en design d'interface, UX/UI Design

Méthode pédagogique

8 participants maximum, un poste MAC par stagiaire et un support de cours est remis à la fin du stage. La formation est constituée d'explications théoriques, de démonstrations suivies d'exercices de mise en pratique.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage. Émargement quotidien d'une feuille de présence.


Programme InVision App, Studio et Design System Management

Invision, une plateforme de design digitale collaborative

  • Décrire le web service Invision et ses principaux usages : Cloud, Collaboration, Illustration, UX/UI Design, Prototypage basse et haute définition…
  • Découvrir Invision Freehand, Invision Moodboard, Invision Studio et Invision DSM (Design System Manager)
  • Identifier les fonctionnalités phares d'Invision, ses spécificités par rapport aux autres solutions
  • Découvrir les dernières actualités d'Invision

Designer avec Studio d'Invision

  • Prendre en main l’interface et mémoriser les raccourcis principaux
  • Exploiter le lanceur et importer des fichiers Sketch
  • Créer des espaces de travail (artboards) et des calques
  • Insérer des formes prédéfinies, créer des formes personnalisées
  • Sélectionner, positionner, transformer, supprimer des éléments : taille, couleurs fond et contour, dégradés, motifs, transformation, rotation…
  • Ajouter des effets : ombre interne ou externe, flou
  • Utiliser les opérations booléennes (union, subtract, intersect, exclude) et les masques
  • Ajouter et agencer des titres, des paragraphes
  • Importer et éditer des éléments vectoriels (logo, icône, illustration…) et matriciels (image)
  • Mettre en place des grilles (layout) et des repères
  • Créer des composants et exploiter les fonctionnalités de l’override
  • Exploiter les contraintes de redimensionnement

Acquérir une méthodologie optimisée

  • Organiser son projet de l’UX à l’UI : web design vs app mobile
  • Acquérir une bonne convention de nommage (fichiers, pages, artboards, calques, actifs, composants…)
  • Mettre en place des grilles, des layouts et des repères
  • Créer des composants, exploiter les fonctionnalités de l’override (textes, images, composants imbriqués) et les contraintes de redimensionnement
  • Organiser ses composants et gérer des librairies partagées par plusieurs documents
  • Profiter des ressources, des plugins et services complémentaires indispensables

Exporter et partager son projet dans Invision Cloud

  • Créer un prototype avancé (ajout d'interactions, d'évènements, de transitions, d'animations…)
  • Visionner ses écrans sur un mobile avec l’App mobile Invision
  • Partager ses écrans sur le cloud et exporter ses écrans en png
  • Commenter et échanger sur les pages et les éléments
  • Exploiter l’outil d’Inspecteur pour les développeurs (code et assets)

Créer un design system avec Invision Design System Management

  • Gérer depuis un seul endroit tous les éléments graphiques d’une marque
  • Documenter les couleurs, styles de texte, styles de calques, icônes, composants et fonts
  • Gérer les accès et les droits au Design System Manager
  • Partager ses ressources avec les développeurs

Inscrivez-vous dès à présent