Télécharger le programme InVision Studio Initiation au format PDF

Formation InVision Studio Initiation CPF NEW

Pour le design d'interface (UX/UI)

Objectifs de la formation

Cette formation vous permet d'identifier et d'utiliser les outils de design d'interface du logiciel Studio d'InVision, une méthodologie optimisée dans la construction des fichiers et d'exporter et de partager vos projets UX/UI Design.

Certifications associées

RU DIGITAL

Modalités

INTRA INTER PARIS

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é. 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 par stagiaire et des vidéo tutorielles pour approfondir ses connaissances sont envoyées en 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 Studio Initiation

Découvrir Studio d'InVision

  • Décrire le logiciel Studio d'InVision et ses principaux usages : illustration vectorielle, UX Design (wireframe), UI Design
  • Identifier les fonctionnalités phares du logiciel Studio d'InVision, ses spécificités par rapport aux autres solutions
  • Découvrir les dernières actualités du logiciel Studio d'InVision

Prendre en main le logiciel

  • Nommer et explorer les différentes zones de l’interface Studio d'InVision
  • Connaître les conventions d’usage dans les outils de design
  • Mémoriser les raccourcis principaux
  • Ajuster les préférences

Designer des formes pour des interfaces web/app

  • 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
  • Maîtriser et modifier les courbes de Bézier
  • Utiliser les opérations booléennes (union, subtract, intersect, exclude)
  • Utiliser les masques
  • Ajouter et agencer des titres, des paragraphes
  • Importer et éditer des éléments vectoriels (logo, icône, illustration…) et matriciels (image)

Acquérir une méthodologie optimisée dans la construction de fichiers .studio

  • 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
  • Mettre en place des actifs (styles de couleurs et de textes)
  • Créer des composants et exploiter les fonctionnalités de l’override (textes, images, composants imbriqués)
  • Exploiter les contraintes de redimensionnement
  • Organiser ses composants
  • Ajouter et gérer des librairies partagées par plusieurs documents
  • Profiter des ressources et modèles externes spécifiques à Studio d'InVision
  • Profiter des plugins et services complémentaires indispensables spécifiques à Studio d'InVision

Créer un prototype avancé avec des animations

  • Définir le premier écran du prototype
  • Créer des connexions entre les différents écrans
  • Maîtriser les différentes possibilités d'interactions et d'animations

Exporter et partager son projet Studio d'InVision

  • Visionner ses écrans sur un mobile
  • Exporter ses écrans en fichiers pdf, jpg et png
  • Partager ses écrans sur le cloud
  • Exporter les éléments pour la production (code et assets)

Inscrivez-vous dès à présent