Sketch

Formations courtes
Initiation
2 jours (14 heures)
Paris
Concevoir des interfaces graphiques de sites Web responsives

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

Pour qui ?

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


Code dokélio :

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.



Compétences acquises:
Concevoir des interfaces graphiques de sites Web responsives

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
➔ É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
➔ 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)
• Créer et utiliser les styles de texte et graphiques
• Créer une bibliothèque et la partager
• 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éaliser un style guide rapidement avec le plugin Measure
• Collaborer efficacement avec les développeurs (avec Sketch et Zeplin)
➔ Exercice : exporter les différents éléments graphiques d'une maquette Sketch / Utiliser Zeplin

Réaliser un prototype interactif

• Définir les zones réactives
• Créer des liens entre les plans de travail
• Exporter et partager le prototype interactif
➔ Exercice : réaliser une présentation interactive avec Sketch

S'inscrire en ligne

Sketch
Ref
WM12519
Tarif
1300€ HT

Prochaines sessions

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

Paris
Prochaines sessions
27 et 28 juin 2019
27-06-2019
28-06-2019
17 et 18 oct. 2019
17-10-2019
18-10-2019