Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques

  • Appliquer les bonnes pratiques de la conception d'interfaces
  • Créer des interfaces d'applications mobiles et des sites Web responsives
  • Utiliser les principaux plug-ins de Sketch App
  • Réaliser des parcours de navigation répondant aux besoins des utilisateurs
  • Partager et tester des prototypes pour réaliser des interfaces fonctionnelles.

Niveau requis

Avoir une bonne connaissance du Web. Avoir une bonne maîtrise de son environnement informatique. Connaître le design sur informatique est un plus (Illustrator, Photoshop, InDesign, XPress, Affinity...).

Public concerné

Graphistes, webdesigners ou toute personne devant créer des maquettes de sites Web et d'applications mobiles et tablettes.

Programme

Introduction

  • Qu'est-ce que Sketch App ?
  • Les atouts et les enjeux du logiciel

Le prototypage

  • Les étapes de conception
  • Le design d'interface
  • La chorégraphie de contenu
  • Les tendances du design

Découvrir l'interface Sketch

  • Barre d'outils et panneaux de propriétés
  • Les plans de travail, pages et calques
  • Personnaliser la barre d'outils

Réaliser une interface d'application mobile

  • Définir le croquis de l'interface ou maquette filaire détaillée selon une chorégraphie de contenu adapté

Designer avec Sketch

  • Créer un plan de travail
  • Créer et gérer les calques
  • Utiliser les grilles et les repères
  • Créer et modifier des formes
  • Importer des éléments graphiques vectoriels et bitmap

Les formes

  • Créer et modifier des formes
  • Créer des éléments vectoriels avec l'outil plume
  • Manipuler les points d'ancrage

Les textes

  • Saisir et agencer du texte
  • Créer des styles de texte

Les images

  • Importer des images
  • Créer des masques

Les symboles

  • Créer et gérer les symboles
  • Manipuler l'override

Les plug-ins

  • Sélectionner et installer les principaux plug-ins

Prototyper

  • Sélectionner et installer les principaux plug-ins et services (Craft - InVision)
  • Créer des liens d'interactions avec Sketch
  • Créer des liens d'interactions avec Craft
  • Synchroniser le prototype avec InVision

Partager et collaborer

  • Partager avec Sketch Cloud
  • Collaborer avec Craft Freehand
  • Utiliser les applications Sketch Mirror et Crystal

Exporter

  • Choisir les formats d'export (JPG, PNG, SVG...)
  • Choisir la taille des éléments pour les écrans Retina ou HD
  • L'exportation pour les intégrateurs Web

Concevoir une interface responsive de site Web

  • Définir le croquis de l'interface ou maquette filaire détaillée selon une chorégraphie de contenu adapté
  • Partager et exporter le prototype avec le plug-in Craft

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Modalité Présentiel, Classe à distance

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Faites évoluer vos compétences

Complétez votre formation

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous