Formations courtes

Concevoir une maquette graphique pour le Web

★★★★★
★★★★★
5/5
(2 avis)
Approfondissement
3 jours (21 heures)
Paris
Télécharger (217.02 Ko)
Créer des maquettes adaptées aux contraintes des intégrateurs Web

Objectifs

Pour qui ?

Prérequis

Objectifs

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

Pour qui ?

Graphistes print, directeurs artistiques, maquettistes…


Code dokélio :

Prérequis

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.



Compétences acquises:
Réaliser des livrables opérationnels : wireframe, guide de styles, prototype interactif… et les optimiser pour l'intégration

Programme

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


Avis sur cette formation
★★★★★
★★★★★
5/5
(2 avis)
ALINE B.
publié le 13/12/2019
5/5
parfait
FRANCOIS M.
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 :)
Concevoir une maquette graphique pour le Web
Ref
WM05419
Tarif
1600€ HT

Prochaines sessions

Le choix de la session vous sera demandé lors de votre inscription.

Paris
Prochaines sessions
16 au 18 mars 2020
16-03-2020
18-03-2020
06 au 08 juil. 2020
06-07-2020
08-07-2020
23 au 25 nov. 2020
23-11-2020
25-11-2020
Cette formation vous intéresse ?