À distance
Formations courtes

Concevoir une maquette graphique pour le Web

★★★★★
★★★★★
5/5
(2 avis)
Expertise
3 jours - 21 heures
Paris
À distance

Créer des maquettes adaptées aux contraintes des intégrateurs Web

-

Objectives
Concerned public
Prerequisite
Compétences acquises

Objectives

Appréhender les spécificités du Web
Maîtriser les outils et techniques de Photoshop pour la création d’une maquette Web
Identifier les spécificités de la typographie pour le Web
Utiliser les grilles pour produire une maquette fonctionnelle et harmonieuse
Concevoir pour l’utilisateur : UX et ergonomie
Préparer les livrables et les exports

Concerned public

Graphistes print, directeurs artistiques, maquettistes…

Prerequisite

Il est indispensable de connaître les manipulations de base de Photoshop et d’avoir suivi le stage “Les fondamentaux de la production Web” (page 91) pour accéder à cette formation.
Réaliser des livrables opérationnels : wireframe, guide de styles, prototype interactif… et les optimiser pour l'intégration
Parcours pédagogique
  • E-quiz amont
  • Présentiel
  • Modules vidéos
  • E-quiz aval

Program

Concevoir une maquette graphique pour le Web

Appréhender les spécificités du Web

  • Identifier les styles graphiques du Web et les utiliser à bon escient
  • Distinguer les différentes méthodes de mise en pages : fixe, fluide, responsive
  • Comprendre l’impact des supports de consultation sur la création graphique d’un site

Étude de cas : exemples décryptés et revue de sites

Maîtriser les outils et techniques de Photoshop pour la création d’une maquette Web

  • Organiser son travail dans Photoshop (fichiers, plans de travail multiples)
  • Distinguer les différentes phases de prototypage
  • Utiliser les bons outils : objets dynamiques, compositions de calques, exports CSS, extensions
  • Différencier rough, wireframe, mock-up
  • Découvrir des outils utiles (InVision, UXPin…)

Exercice : réaliser différents prototypes d’un site Web

Identifier les spécificités de la typographie pour le Web

  • Connaître les différents types de polices Web
  • Utiliser les Web Fonts et les unités typographiques Web
  • Identifier les spécificités de la composition de textes sur le Web (corps, interligne, habillage…)

Exercice : réaliser un spécimen typographique à partir de Web Fonts

Utiliser les grilles pour produire une maquette fonctionnelle et harmonieuse

  • Définir les différents types de grilles
  • Mettre en oeuvre une grille avec Photoshop

Exercice : réaliser une grille en fonction d’un projet défini

Concevoir pour l’utilisateur : UX et ergonomie

  • Comprendre la notion d’expérience utilisateur (UX)
  • Définir des parcours utilisateur
  • Préparer les éléments à partir de la maquette

Exercice : concevoir et réaliser un wireframe et un prototype avec Adobe XD et un UI kit

Préparer les livrables et les exports

  • Identifier le flux de production d’un site Web
  • Déterminer le rôle de chaque intervenant
  • Préparer les fichiers pour l’intégrateur
  • Maîtriser les formats de compression
  • Gérer les images pour les écrans Retina ou HD

Exercice : produire les exports de sa maquette

Nos intervenants
Jean loup FUSZ
Avis sur cette formation
★★★★★
★★★★★
5/5
(2 avis)
ALINE B.
publié le 13/12/2019
5/5
parfait
anonymous a.
publié le 12/10/2019
5/5
Excellente formation, formateur passionné et passionnant, avec une grande expertise. Non seulement j'ai appris beaucoup de choses, mais j'ai aussi gagné beaucoup de temps ! Pleinement satisfait :)
Informations complémentaires
Moyens Humains et techniques

En présentiel : 1 poste informatique / apprenant. Logiciels : Illustrator, Photoshop, XD, InVision

Alternance de théorie, de démonstrations par l’exemple et de mise en pratique grâce à de nombreux exercices.

Concevoir une maquette graphique pour le Web
Ref
WM05419
Pricing
1660€ HT

Coming Sessions

The choice of session will be asked when you register.

Paris
Coming Sessions
05 au 07 juil. 2021
05-07-2021
07-07-2021
02 au 04 nov. 2021
02-11-2021
04-11-2021
Are you interested in this training ?