Programme Invision

Formation Invision

Objectifs : Découvrir invision cloud, invision studio et dsm

Formation Invision

Télécharger le programme
au format PDF


  Demander un devis   

partager facebook

Lieu de la formation : 146 rue Paradis, 13006 Marseille, en entreprise ou à distance

Durée : Session de 35 heures (5 jours)

Pour des formations plus longues, ou pour une demande de devis, veuillez nous contacter en utilisant le formulaire ci-dessous.

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.

Pré-requis : Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)

Prix : 30€/heure. Pour les demandeurs d'emploi ou pour une session individualisée, merci de nous consulter pour reçevoir un devis

DÉCOUVRIR INVISION CLOUD, INVISION STUDIO et DSM
• Décrire l’App Invision et ses principaux usages : UX/UI Design, Prototypage basse et haute définition, Cloud,
Collaboration, …
• Découvrir Invision Studio et Invision DSM (Design System Manager)
• Identifier ses fonctionnalités phares
• Découvrir les dernières actualités Invision
• Profiter des ressources et modèles externes

Créer une interface graphique avec Freehand
• Organiser son travail (pages, plan de travail, groupe de calques)
• Mettre en place une grille
• Importer des objets graphiques vectoriel ou bitmap
• Importer un fichier 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

RACONTER SON PROJET AVEC INVISION MOODBOARD
• Raconter son idée, présenter une planche de tendance, une charte graphique, …
• Ajouter des images, des couleurs, des typographies, des notes
• Choisir différents types de grille (Masonry, Meticulous, Grid)
• Éditer le header, documenter et commenter les éléments du moodboard
• Gérer les options et partager le moodboard

DESIGNER (UX/UI) AVEC INVISION STUDIO
• 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
• Maîtriser et modifier les courbes de Bézier
• Utiliser les opérations booléennes
• Utiliser les masques
• Ajouter et agencer des titres, des paragraphes
• Importer et éditer des éléments vectoriels ou bitmap
• 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
• Organiser son projet de l’UX à l’UI : web design vs app mobile
• Acquérir une bonne convention de nommage (fichiers, pages, composants…)

PROTOTYPER DANS INVISION
• Se servir de Craft pour synchroniser ses écrans Photoshop ou Sketch avec Invision
• Profiter de l’outil Duplicate de Cfraft pour déployer les pages de listes ou galeries
• Ajouter des interactions, des évènements souris ou tactiles, des
transitions
• Mettre en place des modèles d’interactions dans Invision
• Mettre en place des transitions avancées dans Invision Studio

Publier et partager un prototype
• Exporter ses écrans en fichiers pdf, jpg, …
• Visualiser ses écrans sur un mobile avec l’App mobile Invision
• Partager ses écrans le Cloud
• Exporter les éléments pour la production (code et assets)
• Commenter et échanger sur les pages et les éléments
• Exploiter l’outil d’Inspecteur pour les développeurs
• Récolter des retours utilisateurs

OPTIMISER son WORKFLOW AVEC INVISION DSM
• 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 et composants
• Gérer les accès et les droits au Design System Manager
• Partager ses ressources avec les développeurs

  • formation dreamweaver marseilleCréer son propre site Internet, apprendre à créer des liens, des tableaux, une architecture. Réaliser de A à Z la conception et la réalisation.
  • formation bootstrap html5 css3 marseilleS'approprier bootstrap, le template responsive design de twitter permettant la réalisation de site internet dans un usage actuel des langages Html5, css3, javascript (via jquery) et multisupport (Ordinateur, smartphone, tablette)
  • formation wordpress marseilleSavoir maitriser Wordpress logiciel libre qui permet la création de site dynamique pour une gestion efficace du contenu (texte et média)
  • formation prestashop marseilleComprendre l'utilisation du CMS Prestashop, réalisez des intégration de templates, installez des plug-in, rentrer dans le paramétrage avançé de Prestashop
formation dreamweaver marseille1 formation bootstrap html5 css3 marseille2 formation wordpress marseille3 formation prestashop marseille4

Spécialiste de la formation depuis 2002, nous vous apportons des formations adaptées à vos besoins. Nos formations sont en adéquation avec le marché de l'emploi. Notre structure nous permet d'organiser des sessions de 2 à 4 personnes mais également des formations individuelles. Les formations dispensées peuvent être prises en charge dans le cadre du DIF ou du CPF et peuvent être financées par le Pôle emploi, Conseil général ou d'autres entités publiques.

Pour recevoir un devis pour cette formation, pour une formation plus longue ou pour tout autre renseignement, veuillez nous envoyer un E-mail.


Le message a bien été envoyé. Nous vous répondrons dans les plus brefs délais.

L'Équipe de Mandyben Formation

Réafficher le formulaire

Envoi en cours, merci de patienter, cela ne prendra que quelques secondes ....

Salles de formation :

146 rue Paradis
13006 Marseille


Siège administratif
146 rue Paradis
13006 Marseille


Téléphone : 04 42 31 43 55 Portable : 06 82 97 30 50

contact@mandyben.com