Formateur Ziggourat

InVision App, Studio et Design System Management

Prototyper des interfaces et concevoir des wireframes.

14 heures
sur 2 jours

à Paris & à distance
(Zoom, Google Meet, etc.)

1 000 HT / personne

Etudions ensemble vos options de financement
Contactez-nous pour monter votre dossier !

QUALIOPI

8 stagiaires maximum par session.
Découvrez les autres engagements qualité qui font la marque de Ziggourat Formation

Objectifs de la formation

InVision App, Studio et Design System Management

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.

Pré-requis

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

Pour qui ?

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.

Au programme

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

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.

Modalité de validation des acquis

Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.

Obtenir des informations

sur une prochaine session
Voir d'autres avis
du 11 août au 12 août 2022
1000 €
Disponibilité Été
du 03 Nov au 04 Nov 2022
1000 €
Disponibilité Automne
du 26 janv au 27 janv 2023
1000 €
Disponibilité Hiver
du 20 avril au 21 avril 2023
1000 €
Disponibilité Printemps
Voir d'autres avis

Demander le programme
S'inscrire directement

Responsable de formation

Participants

Participant
retirer ce participant
Ajouter un participant

Financement

Comment souhaitez-vous financer cette formation ?


Modalités

Souhaitez-vous du distanciel ou du présentiel ?



Envoyer l'inscription
Merci, un conseiller vous contacte rapidement !
deco validation Ziggourat
J’accepte que Ziggourat collecte et utilise les données personnelles renseignées dans ce formulaire dans le but de recevoir une offre commerciale en accord avec notre politique de données personnelles.