Best of
À distance
Ref
WM12519

Formation - Sketch

Concevoir des interfaces graphiques de sites Web responsives

Expertise
2 jours - 14 heures
Rennes
À distance
Paris
Formation Sketch UX/UI
Sketch est le logiciel de référence pour tout designer travaillant sur des projets UX/UI. Cet outil permet en effet de réaliser des maquettes collaboratives pour des sites web et des applications mobiles. La formation Sketch de PYRAMYD est le point de départ idéal pour se lancer dans la conception de prototypes qualitatifs et interactifs. Pendant trois jours, vous vous approprierez toutes les techniques nécessaires à la conception d'une maquette graphique : pages, interface, plugins, symboles, navigation, bibliothèque, export... Grâce à une pédagogie principalement basée sur la mise en pratique, vous serez rapidement capables de produire vos propres prototypes de façon autonome en un rien de temps. Cette formation Sketch concerne en premier lieu les responsables de conception ou de développement de projets web ou digital.
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 avec Sketch et InVision



Compétences acquises
Réaliser des maquettes responsive et des prototypes interactifs
Public
Chefs de projets digitaux, webdesigners, directeurs artistiques, ergonomes…

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.
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
  • Découvrir les plugins essentiels : Craft, Zeplin, Anima...

É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
  • Gérer le redimensionnement

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)
  • Organiser efficacement la bibliothèque de symboles
  • Exploiter efficacement les propriétés des occurences de symbole (Overrides)
  • Créer et utiliser les styles de texte et graphiques
  • Créer une bibliothèque et la partager dans plusoeurs projets Sketch
  • Importer dynamiquement des data (texte, images)
  • 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éutiliser rapidement un style guide avec le plugin Craft
  • Collaborer efficacement avec les développeurs (avec Sketch et Zeplin)

Exercice : exporter les différents éléments graphiques d’une maquette Sketch / Utiliserle plugin Craft

Réaliser un prototype interactif avec Sketch et InVision

  • Définir les zones réactives
  • Créer des liens entre les plans de travail
  • Exporter et partager le prototype interactif dans InVision

Exercice : réaliser une présentation interactive avec Sketch

Financement

Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.

Pour plus d’information, une équipe de gestionnaires ABILWAYS spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.

Nous contacter pour en savoir plus

Points forts
Nos intervenants
default_image_intervenant.png
Webdesigner ayant plus de 10 ans d’expérience en enseignement.
Modalités pédagogiques
Matériel et/ou logiciels nécessaires pour suivre cette formation : Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.Si vous utilisez votre ordinateur personnel ( pour formation en présentiel ou classe virtuelle), merci d'installer au préalable : SKETCH (uniquement sur MAC, sinon web appli) - Il est recommandé de se munir d'un double écran.Équipe pédagogique :Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.Techniques pédagogiques :Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs. Exercices, études de cas et cas pratiques rythment cette formation.Ressources pédagogiques :Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
Avis sur cette formation
★★★★★
★★★★★
4.3333/5
(3 avis)
SOFIANE M.
publié le 04/10/2022
4/5
Formateurs au top et à l'écoute de toutes nos question, j'ai appris comment le logiciel fonctionnais et plein de petites astuces pour optimiser mon temps
PASCAL B.
publié le 04/10/2022
4/5
Formateur compétent et sympathique, groupe homogène. Formation théorique et pratique (exercices). Cependant Il faut aller très vite pour pouvoir prendre des notes indispensables pour pouvoir ré utiliser le logiciel confortablement ensuite. Je suis satisfait de ce que j'ai appris.
anonymous a.
publié le 08/10/2019
5/5
Très bien, conforme à mes attentes, je recommande !