Objectifs

Vous souhaitez créer des interfaces graphiques pour sites internet responsives ou applications mobiles. Vous voulez maîtrisez l’export automatique d’images pour sites internet, des applications (iOS, Android) sur différents supports (iPhone, iPad, mobile, tablette) et différentes résolutions d’écrans.
Formation uniquement disponible sous MAC OS X.
Prérequis
Bonnes connaissances des outils de graphisme et de l’environnement Mac OS X.

Contenu de formation

Introduction & interface

• Description des fonctionnalités de Sketch
• Montage et mise en page, sur une base de dessin vectoriel
• « La page » espace de travail
• L’Inspecteur
• La liste des layers
• La barre d’outils

La page : votre espace de travail

• Contenu d’une page
• Ajout de page
• Suppression de page
• Organisation des pages
• Page symbols (autocréation à la 1ère occurrence)
• Gestion du volet page

Les layers : caractéristiques de vos objets

• Ajouter des layers par insert, liste et fonction des inserts
• Sélectionner des layers (manuellement/utilisation du panneau)
• Déplacer les layers (manuellement/utilisation du panneau/inspecteur)
• Aligner les layers sur le plan/entre eux
• Organiser les layers dans le panneau (manuellement/FWD&BWD)
• Modifier les layers avec l’inspecteur
  – flip
  – option de sélection des contenus de groupe
  – resize
  – opacité
  – style (différents paramètres)
  – Shadow (spread off symbol)
• Redimensionner des layers
  (spécificité de l’échelle pour les effets et propriétés)

La toolbar : votre boite à outils !

• Point sur les fonctions dans la toolbar
• Organisation de la toolbar
• Gestion et modifications multiples des objets

Les trucs en plus :

• Les Plugins et modèles

Gestion du texte

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

Gestion des images

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

Gestion des symboles

• Principe du symbole (bibliothèque)
• Créer un symbole
• Texte modifiable dans un symbole
• Organiser les symboles dans canvas
• Dupliquer ou détacher un symbol

Apparence

• Création d’un style pour tout layers (objet ou texte)
• Organisation les styles dans canvas

Exportation

• Exportation des layers
• Les tranches
• Les formats de fichier
• Les plans de travail
• Les attributs CSS

Prototypage

• Création de lien entre page
• Création de zone hotspot
• Fonction de transition
• Fonction position fixe
• Fonction maintien lors du clic

Collaboration

• Fonctionnement de partage collaboratif
• Partage de workflow