Sketch
Par Pyramyd FormationObjectifs
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
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
Formations de la même catégories (5)
Si le marché des ventes de PC s’essouffle, celui des tablettes et smartphones continue d’afficher de bonnes performances. C’est dire l’engouement du grand public pour ces appareils. Face à ce phénomène, les entreprises "commerciales" se doivent de réagir et de proposer, comme il y a quelques années sur Internet, des applications (Apps) ou des sites web adaptés à ces appareils. Mais la diversité des tailles d’écrans comme la nécessité de proposer une navigation "tactile" très intuitive impose une sérieuse réflexion quant au design et à l’ergonomie de ce type d’interfaces. A l’issue de cette formation, les participants disposeront des connaissances et compétences qui leur permettront de réaliser des applications web ou des sites web conviviaux pour tous les utilisateurs (web et mobiles).
Cette formation vous présentera les principes de l'ergonomie des IHM et vous fera découvrir les bonnes pratiques pour concevoir et améliorer leur design.
Découvrez les besoins en applications Blockchain, ainsi que Hyperledger Fabric, le framework open source pour le développement d'applications et de solutions Blockchain à architecture modulaire. Ce cours vous présentera l'outil Hyperledger Composer, qui vous aide à créer des applications Hyperledger Fabric grâce à des travaux pratiques complets.
Ce cours est enseigné par des experts de premier plan, qui vous guideront à travers les sujets de présentation et ceux plus approfondis, tels que les étapes pour intégrer / développer une application avec Hyperledger Fabric v1.1.
CERTIFICATION ENI
La certification valide des compétences et se présente sous la forme d’un questionnaire à choix multiple adaptatif avec plusieurs niveaux de questions.
