Les Cycles courts certifiants

CONCEPTION GRAPHIQUE

Sketch : UX Design – Prototypage

Créer des interfaces et des objets vectoriels pour concevoir des sites Web, des applications mobiles, des sites responsives. Simple d’utilisation et efficace pour les exports de vos images.

Objectifs

    • Comprendre les principes de l’outil, contexte d’utilisation
    • Créer le design des interfaces d’une application mobile, d’un site internet, gestion du projet
    • Appréhender les bases de l’interface utilisateur sur mobile, le design d’application native et les outils nécessaires pour créer des applications (iOS, Android) ) sur différents supports (iPhone, iPad, mobile, tablette) et différentes résolutions d’écrans
    • Exporter le design facilement

Pré-requis

Avoir une bonne maîtrise de son environnement informatique. Connaître le design sur informatique est un plus (Illustrator, Photoshop, InDesign…). Avoir une expérience en conception et / ou en conduite de projet digital.

Public concerné

Graphistes, webdesigner ou toute personne devant utiliser Sketch dans le cadre de développement web, chef de projet web, directeur artistique …

PROGRAMME

Découvrir l’outil & l’interface

  • Description des fonctionnalités de Sketch : UI, UX, Wireframe, maquette …
  • Rappel sur le dessin vectoriel
  • Explorer l’interface de Sketch, barre d’outils, créer son espace de travail « Artboard »
  • Outils complémentaires

Concevoir une maquette graphique

  • Concevoir des pages et des plans de travail

Les calques et les formes

  • Utilisation des calques, symboles, comportements responsives des symboles, styles, masques, tranches, grilles, repères
  • Ajouter, Sélectionner, positionner, redimensionner, supprimer des calques et grilles
  • Groupes, combinaison de calques, style de calques et masques

Style de calques partagés et Symboles

  • Insérer une forme prédéfinie, ciseaux, outil crayon, rotation, transformation
  • Opérations booléennes
  • Aplatissement
  • Organiser les plans
  • Aligner et distribuer
  • Ajouter, réorganiser et supprimer des pages

Les textes

  • Style de texte : couleur, police, opacité et mélange des calques
  • L’inspecteur du texte
  • Réglages de la typographie et des paragraphes
    Fond, bordure, ombre, flou
  • Styles communs, texte curvilig

Bitmap – les images

  • Import et modification d’un bitmap
  • Réglage des couleurs
  • Copier du code SVG

Les symboles et les styles

  • Créer un symbole
  • Intégration de texte
  • Organiser et dupliquer un symbole
  • Appliquer un symbole
  • Gérer les symboles
  • Définir un style, le fond, les bordures, les ombres
  • Créer un flou, gérer les couleurs, les dégradés
  • Gérer les styles partagés

Mise en situation: réalisation d’une maquette graphique

Exporter les éléments graphiques

  • Exporter des calques, des images, des tranches. les formats fichier, les plans de travail
  • Définir les formats de fichiers, les attributs CSS
  • Les plugins utiles pour faciliter l’exportation des images, icônes de lancement, splashscreen pour toutes les résolutions d’écrans
  • Impression et PDF
  • Partage en local
  • Tests avec Mirror sur iOS

 Plugins & templates

  • Templates, télécharger ou acheter des modèles
  • Plugins et ressources
  • Logiciels complémentaires et compatibles (Flinto, Invision…)

Atelier : réaliser une présentation interactive avec InVision

Formation en Inter


Sketch : UX Design – Prototypage

Prix de la formation : 2 500 €2 500 €



BordeauxParis



04 au 08 novembre 201902 au 06 décembre 2019


Salarié (entreprise ou collectivité)Particulier/Indépendant


Différents modes de financement

SALARIÉ D’UNE STRUCTURE PRIVÉE

  • Prise en charge par l’entreprise dans le cadre du Fongécif
  • OPCA (Organisme Paritaire Collecteur Agréé)
  • Compte Personnel de Formation (CPF – DIF)
  • Financement Personnel

CHEF D’ENTREPRISE, PROFESSIONS LIBÉRALES, INDÉPENDANTS

  • OPCA (Organisme Paritaire Collecteur Agréé)
  • Compte Personnel de Formation (CPF – DIF)
  • Financement Personnel
  • AGEFICE ( Association de Gestion du Financement de la Formation des Chefs d’Entreprise)
  • Crédits d’impôts

SALARIÉ DE LA FONCTION PUBLIQUE

  • Compte Personnel de Formation (CPF – DIF)
  • Période de professionnalisation

SALARIÉ D’UNE STRUCTURE PRIVÉE

  • Congé individuel de formation (CIF – CDD)
  • Compte Personnel de Formation (CPF)
  • Aide Individuelle à la Formation (AIF)

Nos partenaires