Maquette et prototypage avec Sketch

Design interactif / Web

Design interactif / Web

Maquette et prototypage avec Sketch

Réf. MM41

Public concerné

Graphistes, maquettistes, webdesigners.

Toute personne ayant en charge la création de prototypages ou maquettes de sites web responsive et des éléments graphiques de l'UI (interface graphique utilisateur).

Objectif

La formation Maquette et prototypage avec Sketch vous permettra de réaliser le prototypage ou la maquette graphique d'un site web responsive et de préparer les éléments pour l'intégration. Avec Sketch, vous appliquerez une méthodologie en phase avec les bonnes pratiques du webdesign pour tout type de support web ou mobile.

Coût participant

930 €

Durée

12 heures sur 2 jours

GOBELINS campus Paris - Gambetta

Présentation

Le logiciel Sketch est devenu l'un des outils phare de prototypage et maquette pour les utilisateurs Mac.

Pour une personne habituée à Photoshop, il existe de nombreuses similitudes entre les deux outils, notamment sur la manipulation et l'édition des images, l'utilisation des calques, etc. Sketch apporte toute sa souplesse sur les déclinaisons mobiles et responsive, la gestion de feuilles de style pour les textes, la création de symboles, l'export d'attribut CSS et l'existence de nombreux plug-ins.

Essayer Sketch, c'est l'adopter !

Contenu de la formation

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énommination et exportation de ses éléments

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

Graphiste web

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. 

En pratique

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

Prochaines sessions

Horaires de la formation

8h/14h ou 14h/20h (fixé par Gobelins).

Contact

Vous souhaitez en savoir plus sur la formation ?

Contactez Lucette Berbinan 01 40 79 92 20

GOBELINS campus Paris - Gambetta

247, avenue Gambetta
75020 Paris
Téléphone : 01 40 31 42 00
 

Formations sur mesure

Vous souhaitez adapter cette formation pour vos salariés, votre entreprise?

Contactez Laetitia Denoyelle 01 40 79 92 25
Revenir en haut de page