Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.
Présentation
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.
Objectifs pédagogiques
À l’issue de cette formation vous serez capable de :
- Structurer des écrans
- Gérer des tailles d’écrans différentes
- Mettre en forme différents objets
- Exporter vos sources
- Créer tes prototypes
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
Les autres formations qui pourraient vous intéresser