Formations courtes

Sketch

★★★★★
★★★★★
5/5
(1 avis)
Expertise
2 jours - 14 heures
Paris
Code Dokelio
54042
Télécharger (187.8 Ko)
Concevoir des interfaces graphiques de sites Web responsives

-

Objectifs

Pour qui ?

Prérequis

Compétences acquises

Objectifs

Appréhender les spécificités du logiciel
Concevoir une maquette graphique pour le Web
Produire efficacement avec Sketch
Exporter les éléments graphiques
Réaliser un prototype interactif avec Sketch et InVision



Pour qui ?

Chefs de projets digitaux, webdesigners, directeurs artistiques, ergonomes…

Prérequis

Il est nécessaire d’avoir une expérience en conception et / ou en développement de sites Web ou applications mobiles et / ou en conduite de projet digital.
Réaliser des maquettes responsive et des prototypes interactifs
Parcours pédagogique
  • E-quiz amont
  • Présentiel
  • Modules vidéos
  • E-quiz aval

Programme

Sketch

Appréhender les spécificités du logiciel

  • Identifier les périmètres fonctionnels (wireframes, design system, style guide, maquette graphique interactive)
  • Découvrir l’interface
  • Personnaliser la barre d’outils
  • Découvrir les plugins essentiels : Craft, Zeplin, Anima...

Étude de cas : analyse d’interfaces graphiques réalisées avec Sketch

Concevoir une maquette graphique pour le Web

  • Concevoir des pages et des plans de travail
  • Mettre en place une grille
  • Importer des objets graphiques bitmap ou vectoriel
  • Créer ou modifier des éléments d’interface directement depuis Sketch (menu, boutons, fond d’écran)
  • Gérer les effets visuels (masque, ombre, dégradé, arrondi…)
  • Gérer l’aspect typographique
  • Gérer le redimensionnement

Exercice : réalisation d’une maquette graphique de site Web responsive (desktop, tablette, smartphone)

Produire efficacement avec Sketch

  • Créer des symboles simples et imbriqués (boutons, UI Cards)
  • Organiser efficacement la bibliothèque de symboles
  • Exploiter efficacement les propriétés des occurences de symbole (Overrides)
  • Créer et utiliser les styles de texte et graphiques
  • Créer une bibliothèque et la partager dans plusoeurs projets Sketch
  • Importer dynamiquement des data (texte, images)
  • Mettre en oeuvre un design system avec Sketch

Exercice : créer une bibliothèque d’objets graphiques réutilisables et partageables / Création d’un mini design system

Exporter les éléments graphiques

  • Identifier les différents formats d’export pour le Web (SVG, PNG, JPEG, CSS)
  • Exporter pour les écrans Retina ou HD
  • Réutiliser rapidement un style guide avec le plugin Craft
  • Collaborer efficacement avec les développeurs (avec Sketch et Zeplin)

Exercice : exporter les différents éléments graphiques d’une maquette Sketch / Utiliserle plugin Craft

Réaliser un prototype interactif avec Sketch et InVision

  • Définir les zones réactives
  • Créer des liens entre les plans de travail
  • Exporter et partager le prototype interactif dans InVision

Exercice : réaliser une présentation interactive avec Sketch

Nos intervenants
Emmanuel GERARD
Jean loup FUSZ
Avis sur cette formation
★★★★★
★★★★★
5/5
(1 avis)
AMANDINE B.
publié le 08/10/2019
5/5
Très bien, conforme à mes attentes, je recommande !
Informations complémentaires
Moyens Humains et techniques
Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices.

Sketch
Ref
WM12519
Tarif
1300€ HT

Prochaines sessions

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

Paris
Prochaines sessions
08 et 09 févr. 2021
08-02-2021
09-02-2021
03 et 04 juin 2021
03-06-2021
04-06-2021
04 et 05 oct. 2021
04-10-2021
05-10-2021
Cette formation vous intéresse ?