Formations courtes

Sketch

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

Objectifs

Pour qui ?

Prérequis

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 : 54042

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:
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
➔ É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
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
12 et 13 déc. 2019
12-12-2019
13-12-2019
13 et 14 févr. 2020
13-02-2020
14-02-2020
11 et 12 juin 2020
11-06-2020
12-06-2020
15 et 16 oct. 2020
15-10-2020
16-10-2020
Cette formation vous intéresse ?