Sketch NEW AFDAS

Objectifs

Cette formation vous permet de créer des interfaces et des objets vectoriels pour concevoir des sites Web, des applications, des sites responsives avec un outil de création MAC.

Public

Graphistes, Webdesigner ou toute personne devant utiliser Sketch dans le cadre de développement Web.

Durée

14 heures en présentiel sur 2 jours

Pré-requis

Une bonne connaissance du Web est conseillé. Avoir une bonne maîtrise de son environnement informatique.

Formateur

Formateur Expert en design Web.

Méthode pédagogique

8 participants maximum, un poste MAC par stagiaire et un support de cours est remis à la fin du stage. La formation est constituée d'explications théoriques, de démonstrations suivies d’exercices de mise en pratique.

Modalité de validation des acquis

Évaluation des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Introduction

  • Description des fonctionnalités de Sketch : UI, UX, Wireframe, maquette ...
  • Rappel sur le dessin vectoriel

L'interface

  • Le plan de travail
  • L' Inspecteur
  • La liste des calques
  • La barre d'outils

Les calques

  • Ajouter des calques
  • Sélectionner des calques
  • Redimensionner des calques
  • Modifier des calques
  • Supprimer des calques

Les formes

  • Insérer une forme prédéfinie
  • Opérations booléennes sur les formes
  • Rotation et Transformation
  • Masquage
  • Les ciseaux
  • L'outil Crayon

Le texte

  • L'Inspecteur du texte
  • Le rendu
  • Les styles partagés
  • Créer un texte sur un chemin

Les images

  • Éditer un fichier bitmap
  • Réglage des couleurs


Les symboles

  • Qu'est-ce qu'un symbole
  • Créer un symbole
  • Texte modifiable dans un symbole
  • Organiser les symboles
  • Dupliquer un symbole
  • Appliquer et ré-appliquer un symbole

Les styles

  • Le fond
  • Les bordures
  • Les ombres
  • Créer un flou
  • Gérer les couleurs
  • Gérer des dégradés
  • Les styles partagés

Exportation

  • Exportation des calques
  • Les tranches
  • Les formats de fichier
  • Les plans de travail
  • Les attributs CSS
  • L'Impression
  • Le partage local

Plugins et modèles

  • Les Plugins
  • Les Modèles
  • Les Ressources externes