Nouveau
Formations courtes

InVision Studio

Initiation
1 jour (7 heures)
Paris
Créer des prototypes interactifs et animés

Objectifs

Pour qui ?

Prérequis

Objectifs

Appréhender les spécificités du logiciel
Créer une interface graphique
Créer des interactions
Simuler des animations
Produire efficacement avec InVision
Publier et partager un prototype

Pour qui ?

Webdesigners, UX / UI designers…


Code dokélio :

Prérequis

Une bonne connaissance du prototypage Web (avec Photoshop, XD ou Sketch) est nécessaire pour intégrer cette formation.



Compétences acquises:
Créer des prototypes interactifs et animés

Programme

InVision Studio

Appréhender les spécificités du logiciel
• Délimiter les périmètres fonctionnels (UI, wireframes, design system, prototypes de site ou d'application)
• Découvrir l'interface
➔ Étude de cas : analyse de productions réalisées avec InVision Studio

Créer une interface graphique

• Organiser son travail (pages, plan de travail, groupe de calques)
• Mettre en place une grille
• Importer des objets graphiques vectoriel ou bitmap
• Importer un fi chier Sketch
• Créer ou modifier des éléments d'interface directement depuis InVision (menu, boutons, fond d'écran)
• Gérer les effets visuels (ombre, dégradé, arrondi…)
• Gérer l'aspect typographique
➔ Exercice : réalisation d'une interface graphique de site responsive (desktop, tablette, smartphone)

Créer des interactions

• Ajouter une interaction
• Définir l'événement déclencheur (trigger) et le plan de travail de destination
• Tester l'interaction
➔ Exercice : réalisation d'un menu de navigation interactif et création d'un bouton

Simuler des animations

• Paramétrer une transition prédéfinie et une transition entre des plans de travail
• Régler la durée
• Modifier l'animation à l'aide de la Timeline
➔ Exercice : création d'effets animés

Produire efficacement avec InVision

• Créer des objets réutilisables avec les composants
• Créer des composants imbriqués
➔ Exercice : création d'une bibliothèque de composants

Publier et partager un prototype

• Publier un prototype sur InVision
• Partager le prototype
• Utiliser le mode Inspect d'InVision pour collaborer efficacement avec les développeurs
• Exporter les images (SVG, PNG, JPEG)
• Exporter une image pour les écrans Retina ou HD
➔ Exercice : export des différents éléments graphiques, publication du prototype sur InVision
InVision Studio
Ref
WM14419
Tarif
750€ HT

Prochaines sessions

Le choix de la session vous sera demandé lors de votre inscription.

Paris
Prochaines sessions
08 nov. 2019
08-11-2019
08-11-2019
Cette formation vous intéresse ?