Formations courtes

Sketch

★★★★★
★★★★★
5/5
(1 avis)
Approfondissement
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

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
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 !
Sketch
Ref
WM12519
Tarif
1300€ HT

Prochaines sessions

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

Paris
Prochaines sessions
15 et 16 oct. 2020
15-10-2020
16-10-2020
Cette formation vous intéresse ?