Sketch - Design d'interface - Prototypages, mockups, wireframes

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Appliquer les bonnes pratiques de la conception d'interfaces
  • Créer des interfaces d'applications mobiles et des sites Web Responsive
  • 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.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 2 130,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 2 130,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Introduction

  • Qu'est-ce que Sketch App ?
  • Les atouts du logiciel
  • Les dernières actualités du logiciel
  • Les logiciels phares de la création d'interface
  • Le design atomique

Découvrir l'interface Sketch

  • Découvrir les zones de l'interface
  • Personnaliser la barre de menu
  • La fenêtre des composants
  • Découvrir les raccourcis principaux

Créer un projet

  • Créer un espace de travail et un projet
  • Enregistrer un document sur le Web et en local

Designer avec Sketch

  • Créer des plans de travail (artboards)
  • Créer et gérer les calques
  • Utiliser les grilles et les repères

Les formes

  • Créer des formes prédéfinies et personnalisées
  • Créer des éléments vectoriels avec l'outil Plume
  • Manipuler les points d'ancrage
  • Importer des éléments vectoriels (icônes, logos...)
  • Utiliser les opérations booléennes (union, subtract...)

Les images

  • Importer des fichiers bitmap
  • Utiliser les Datas d'images (Sketch et Craft Invision)
  • Créer des masques

Les textes

  • Saisir et agencer des titres et paragraphes
  • Utiliser les Datas et créer des Datas personnalisées
  • Créer des grilles de contenus

Exemple de travaux pratiques (à titre indicatif)

  • Créer des plans de travail utilisant les fonctionnalités de base

Les symboles

  • Créer des symboles simples
  • Manipuler les fonctionnalités "Overrides"
  • Créer des symboles imbriqués "Nested symbols"
  • Créer des symboles ajustés "Smart Layout"

Les styles et librairie

  • Créer et organiser les couleurs
  • Créer et organiser les styles de texte
  • Organiser la fenêtre des composants et styles
  • Mettre à jour une librairie
  • Utiliser des librairies de kits UI

Prototype

  • Créer un prototype avec Sketch
    • Créer des interactions entre les plans de travail
    • Les transitions en survol "Overlays"
    • Les fonctionnalités "Autolink, Overrides..."
    • Visualiser le prototype avec le logiciel Sketch
    • Utiliser l'application Sketch Mirror, Crystal ou la Web App
  • Créer un prototype avec Craft
    • Synchroniser le prototype avec InVision
    • Utiliser les interactions et transitions animées de Craft

Collaborer et partager

  • Collaborer en temps réel sur le logiciel Sketch
  • Utiliser les commentaires
  • Collaborer et partager les fichiers sur la Web App
  • Collaborer avec Invision Craft Freehand
  • Découvrir la fonctionnalité Design System de Craft

Exporter

  • Préparer votre design pour l'exportation
  • Définir les formats d'export JPG, PNG, SVG, PDF
  • Exportation pour intégration Web (code et assets)
  • Sketch Web Inspect vs InVision Inspect (Craft)

Optimiser le processus de travail

  • Organiser son projet Web ou App Mobile
  • Créer des templates et des formats prédéfinis
  • Maîtriser les bonnes conventions de nommage
  • Découvrir les principaux plug-ins de Sketch pour augmenter sa productivité
  • Utiliser les fonctionnalités du plug-in Craft

Exemples de travaux pratiques (à titre indicatif)

  • Conception d'une interface : réaliser une interface Web ou une application mobile à partir d'un kit UI fourni
    • Créer et organiser une bibliothèque de styles et de symboles
    • Réaliser un prototype interactif
    • Préparer le fichier pour l'exportation des assets vectorielles, bitmaps
    • Visualiser et partager le prototype
    • Présentation du prototype en fin de journée

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des productions
  • Et, en fin de formation, par un questionnaire d'auto-évaluation

Prérequis

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

Public

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

Ces formations pourraient vous intéresser

Objectifs de la formation

  • Paramétrer l'interface du logiciel AutoCAD
  • Gérer les options et configurer des outils d'aide au dessin du logiciel AutoCAD
  • Gérer l'affichage et la navigation
  • Utiliser les commandes de dessin et modification
  • Organiser le projet avec des calques
  • Utiliser les outils texte et gérer leur style
  • Utiliser les cotations et tolérances et gérer leur style
  • Utiliser, gérer et créer des hachures
  • Mettre en place des présentations
  • Gérer les tracés en présentation avec les mises à l'échelle
  • Créer, insérer et gérer les références de blocs
  • Utiliser le Design Center (insertion référence de bloc, créer un gabarit de dessin...)
  • Insérer et gérer les Références externes
Tarif

A partir de 2 190,00 €

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Formation Sketchnoting

Proposé par Sparks

Objectifs de la formation

  • Identifier les principes fondamentaux de la pensée visuelle et du sketchnoting
  • Appliquer les principes de base du design pour créer des notes claires et attrayantes
  • Démontrer la capacité à utiliser efficacement les symboles, l'imagerie et la typographie dans la prise de notes
  • Construire des récits visuels cohérents pour simplifier des idées complexes
  • Pratiquer le sketchnoting en temps réel pour capturer du contenu en direct lors de réunions, de conférences et d'ateliers
Tarif

A partir de 700,00 €

Durée

1 jour

Modes
  • Centre
  • Entreprise

Objectifs de la formation

  • Acquérir les bases du Design Thinking et enrichir votre boite à outils
  • Intégrer une démarche d’innovation structurée dans vos projets
  • Accélérer votre processus de conception pour booster vos projets
Tarif

A partir de 2 250,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Identifier les API HTML 5 et leur utilité
  • Valider des formulaires avec WebForms 2
  • Dessiner avec Canvas et SVG
  • Gérer la déconnexion
  • Communiquer avec les WebSockets
  • Gérer les tâches longues avec les WebWorkers
  • Réaliser des animations avec CSS 3
  • Décrire le Responsive Design et les liens entre HTML 5 et la mobilité.
Tarif

A partir de 1 830,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

UX Design – Niveau avancé

Proposé par ENI Service

Objectifs de la formation

  • Améliorer le design de vos interfaces numériques
  • Créer les conditions d’une expérience utilisateur mémorable
  • Appliquer les principes de la psychologie cognitive pour favoriser l’engagement des utilisateurs
  • Mettre en place des indicateurs pour mesurer et améliorer l’engagement utilisateur
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Comprendre le rôle de Midjourney dans l'écosystème de l'IA générative et ses applications dans divers secteurs.
  • Configurer correctement Midjourney via Discord et maîtriser les paramètres de base pour débuter.
  • Créer des images de qualité en utilisant des techniques de formulation de prompts efficaces.
  • Explorer différents styles et thèmes visuels pour diversifier les créations.
  • Appliquer Midjourney à des cas concrets dans le marketing, le design et d'autres domaines professionnels.
  • Intégrer Midjourney dans les flux de travail professionnels pour optimiser la productivité et la créativité.
Tarif

A partir de 380,00 €

Durée

1j / 3h

Modes
  • Entreprise
  • Distance

Objectifs de la formation

À l'issue de cette formation Citrix Virtual Apps & Desktops Conception vous aurez acquis les connaissances et les compétences nécessaires pour : 

  • Récupérer les informations pertinentes dans les environnements afin d'identifier les risques et proposer des améliorations de conception.
  • Construire et appliquer un design sur Citrix Virtual Apps & Desktops pour répondre aux besoins de l'entreprise.
  • Concevoir un plan de reprise d’activité sur Citrix Virtual Apps & Desktops.
  • Connaitre les différentes stratégies de récupérations.
  • Concevoir et configurer un environnement multi-site en actif / actif et actif / passif.
Tarif

A partir de 4 235,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Installer l'environnement de développement
  • Créer et structurer un projet
  • Programmer en Swift
  • Décrire et implémenter le design pattern View-Controller
  • Créer des interfaces utilisateurs avec la librairie UIKit
  • Mettre en oeuvre les patterns de navigation
  • Gérer la persistnce locale des données
  • Échanger des données avec un serveur
  • Intégrer les fonctionnalités de l'appareil (Capteurs, Partage, Message, etc)
  • Optimiser, construire et déployer une application
Tarif

Contacter l'organisme

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Concrètement, à l'issue de cette formation Python Bonnes pratiques et Design patterns vous aurez acquis les connaissances et les compétences nécessaires pour :

  • Appliquer des design patterns et des bonnes pratiques pour développer des applications avec Python
  • Exploiter des fonctionnalités avancées de programmation Python pour concevoir des programmes fiables
  • Créer et gérer des threads de contrôle concurrents
  • Générer des requêtes et des réponses aux services Web REST et utiliser les données renvoyées
  • Suivre l'exécution du programme et améliorer les performances
  • Lancer des tests unitaires sur les programmes et les modules Python, les installer et les distribuer.
Tarif

Contacter l'organisme

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Il est enfin accepté dans les appréciations des décideurs que les développeurs ne sont pas tous égaux ! La réussite d'un projet de x jours/homme dépend principalement des hommes qui réaliseront ce projet. Cette formation « Design Principles » a pour objectif de transformer des développeurs ayant des premières expériences en des développeurs « full-stack », capables d'appréhender tous les composants nécessaires à l'élaboration des applications modernes afin de participer aux choix techniques de conception et d'architecture.

Cette formation au contenu technique dense et de haut niveau propose de nombreux ateliers participatifs. A l'instar des développements agiles, prônant la communication inter-équipes, les stagiaires collaborent pendant les ateliers et donnent un avis critique et constructif sur les différentes implémentations proposées par leurs pairs ou par le formateur.

Tarif

A partir de 1 890,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...