Accueil / Formations

Formations

Les nouveaux outils du design : Sketch et Invision Mixte : présentiel / à distance

Dernière mise à jour : 23/08/2021

Type : Classe à distance
Description
Cette formation vous permettra de maitriser les nouveaux outils du design d'interface et d'acquérir la méthodologie nécessaire pour optimiser votre workflow en mode projet.

Le combo Sketch + Invision est devenu la solution incontournable dans la création d'interface. Il met à disposition des outils plus rapides, plus techniques et complets pour réaliser des maquettes, des wireframes, des parcours, des prototypes.

Nous vous proposons une formation sur mesure, adaptée à vos besoins allant de la prise en main de ces outils, jusqu'à la création et la publication d'un projet concret.
Objectifs de la formation
  • Appréhender les fonctionnalités du logiciel Sketch et de Invision
  • Réaliser des maquettes, des wireframes et des prototypes d'un site web ou d'une application mobile
  • Découvrir et utiliser facilement tout le potentiel du logiciel Sketch
  • Acquérir une méthodologie de travail en phase avec les bonnes pratiques du design web et mobile
  • Acquérir les réflexes qui vous permettront d'optimiser le workflow entre les designers et les développeurs
Public visé
  • UI designer
  • UX designer
  • Webdesigner
  • Graphiste
  • Développeur web
  • Développeur mobile
Prérequis
Présence pleine et active des participants
Modalités pédagogiques
Une approche pédagogique individuelle et participative où l'essentiel du temps passé consiste à apprendre par la pratique via des exercices visant à construire un projet personnel en 2 jours. La formation sera rythmée par l'alternance de démos, de mises en pratique, d'exercices de co-conception et de questions/réponses.
Profil du / des Formateur(s)
Toutes nos formations sont animées par des consultants-formateurs expérimentés et reconnus par leurs pairs.
Modalités d'évaluation et de suivi
L'évaluation des acquis se fait tout au long de la session au travers des ateliers et des mises en pratique. Une évaluation à chaud sur la satisfaction des stagiaires est réalisée systématiquement en fin de session et une attestation de formation est délivrée aux participants mentionnant les objectifs de la formation, la nature, le programme et la durée de l'action de formation ainsi que la formalisation des acquis.
Programme
JOUR 1

PRÉSENTATION DU LOGICIEL SKETCH ET DE INVISION
  • Contexte d'utilisation (UI, wireframes, maquette graphique, prototypage…)
  • Présentation de l'interface Sketch (menus, barre d'outils, artboards…)
  • Présentation de l'interface et des fonctionnalités Invision
  • Cas pratique : personnalisation de l'interface Sketch et découverte des templates existants

APPRENTISSAGE DES FONCTIONNALITÉS PRINCIPALES
  • Modèles de pages et gestion des plans de travail
  • Format desktop/tablettes/smartphone
  • Utilisation de repères et des grilles
  • Importer des objets graphiques vectoriels ou images
  • Créer et modifier des éléments d'interface (menu, boutons, fond d'écran)
  • Utilisation des effets visuels (ombre, dégradé, arrondi…)
  • Utilisation des typographies
  • Cas pratique : Sur la base d'un exemple donné par le formateur, l'exercice vise à  utiliser toutes les fonctionnalités présentées pour reproduire l'original

OPTIMISER LA PRODUCTION GRAPHIQUE AVEC SKETCH
  • Gérer l'utilisation des calques et des symboles
  • Créer des masques
  • Gestion des styles de texte
  • Gestion des styles de calque
5 CAS PRATIQUE : SUR LA BASE D'UN CAS CONCRET, CRÉATION D'UNE BIBLIOTHÈQUE DE COMPOSANTS GRAPHIQUES ET MISE EN PLACE D'UNE FEUILLE DE STYLE

GESTION DES EXPORTS AVEC SKETCH
  • Préparer les fichiers pour l'intégration
  • Choisir les différents formats d'export (SVG, PNG, JPEG, GIF)
  • Utiliser l'outil slice pour découper les éléments graphiques de l'interface
  • Exporter les images et symboles (résolution, taille, format…)
  • Cas pratique : le formateur partage un écran aux élèves qui doivent préparer et exporter les éléments nécessaires à l'intégration

JOUR 2

BRAINSTORMING D'UN PROJET WEB OU MOBILE À RÉALISER

RÉALISATION D'UN PROJET COMPLET SOUS SKETCH ET D'UN PROTOTYPE INTERACTIF AVEC INVISION
  • Créer les maquettes du projet avec Sketch
  • Installer le plugin Craft permettant d'exporter sur InVision
  • Créer un compte et utiliser des fonctionnalités de Invision (travail collaboratif, prototypage…)
  • Partage des assets et spécifications des maquettes avec Inspect
  • Cas pratique : Concevoir les maquettes d'un projet concret avec Sketch et utiliser Invision pour générer un prototype animé

DÉCOUVERTE DES AUTRES NOUVEAUX OUTILS DU DESIGN (XD, FIGMA, KONCEPT, FLUID UI…)
Pour aller plus loin
Exposé (%)
25
Pratique (%)
75

M'inscrire à la formation

Lieu(x) :

Classe virtuelle
Détail des horaires :
Demander un devis
Prochaines Sessions
  • 29/11/21 → 30/11/21 À distance Classe virtuelle
Dans la même catégorie

Catalogue de formation propulsé par Dendreo,
logiciel spécialisé pour centres et organismes de formation

OCTO Academy respecte votre vie privée

Ce site web stocke des informations vous concernant via le dépôt de cookie afin de mesurer l’audience du site. Ces données de navigation sont anonymisées.

En cliquant sur « OK pour moi », vous manifestez votre consentement pour le dépôt de ces cookies.

Lire la politique de confidentialité

À propos des cookies

Sur ce site, nous utilisons des cookies pour mesurer notre audience, entretenir la relation avec vous et vous adresser de temps à autre du contenu qualitif ainsi que de la publicité. Vous pouvez sélectionner ici ceux que vous autorisez à rester ici.

Cookies