Concevoir une maquette graphique pour le Web

Formations courtes
Perfectionnement
3 jours (21 heures)
Paris
Créer des livrables adaptés aux exigences des intégrateurs Web

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:
Créer des livrables adaptés aux exigences des intégrateurs Web

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

S'inscrire en ligne

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
10 au 12 juil. 2019
10-07-2019
12-07-2019
25 au 27 nov. 2019
25-11-2019
27-11-2019