Sketch par Pyramyd NTCV
Lieu(x)
En centre (75)
Durée
Total : 14 heures
En centre : 14 heures
Financement
Demandeur d’emploi
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
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
- 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
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
- Concevoir une maquette graphique pour le Web
- Produire efficacement avec Sketch
- Exporter les éléments graphiques
- Réaliser un prototype interactif
Centre(s)
- Paris - 2ème (75)
Secteur(s)
Formation proposée par : Pyramyd NTCV
À découvrir