Maquette et prototypage avec Sketch

Ce que vous apprendrez

• Réaliser la maquette graphique d'un site web responsive avec Sketch
• Préparer et optimiser les éléments de la maquette (images, textes, logos, etc.) pour l'intégration

Pré-requis

Maîtrise de l'outil informatique et bonne connaissance de la navigation web.

Connaissances en édition vectorielle avec des logiciels comme Illustrator, Affinity Designer ou Inkscape.

Connaissances HTML/CSS ou avoir suivi la formation HTML et CSS-initiation, ou HTML5 et CSS3.

Programme

• Présentation de l'interface (menus, outils, artboards, …)
• Réalisation de la maquette graphique avec Sketch (modèles de pages, formats desktop/tablettes/smartphone, repères/grilles, images, styles guide : fond, couleur, typo, éléments récurrents du design, …)
• Utilisation des calques, symboles, comportements responsives des symboles, styles, masques, tranches, grilles, repères
• Préparation du découpage de la maquette (header, footer, corps, menu, zones d'interaction, icones)
• Préparation et optimisation des images et symboles (résolution, taille, formats de fichier : png, svg, jpg, couleurs, cadrage, sprite, etc.)
• Rangement, gestion des symboles, classement, dénomination et exportation de ses éléments

Ce module peut également être suivi dans le cadre des formations :

Graphiste web

UI Design - Designer d'Interface Utilisateur

Sélection

La sélection des candidats pourra être effectuée lors d'un entretien préalable.

Evaluation

Évaluation par l'intervenant des travaux ou exercices effectués tout au long de la formation.