Objectif

Créer une maquette pour le web suivant un cahier de conception et un protocole esthétique. Concevoir une charte graphique d’utilisation

Public

Graphistes, maquettistes, directeurs artistiques, chargés de communication. Six personnes au maximum.

Programme

Introduction
Le processus de création, l’enjeu du graphiste, le brief créatif, les planches de tendances, le passage à l’écran.
Exercices : analyse de pages d’accueil (déceler le brief créatif).
Créer un fichier type dans Photoshop (dimensions, anticipation des résolutions).

Parcours de lecture et navigation
Naviguer et se repérer.
Structurer l’information.
Exercice : analyse d’une page intérieure (déceler la grille, les systèmes de repérage et de navigation).
La grille de mise en pages : identificationet orientation.

Les systèmes de navigation
Exercice : optimiser des images pour le web.
Le rôle d’une charte graphique

Les bases du travail du développeur
Rédaction et contenu d’une charte graphique. Grille, zoning et gabarits.
Exercice : créer un gabarit dans Photo-shop (élaborer les différents composants à partir d’une grille imposée).

Texte et typographie
Texte graphique, texte vectoriel, texte HTML. Choisir une police pour le HTML
Typographie et couleur.
Les feuilles de style (CSS).

Pour aller + loin

 Photoshop pour le web
 DreamWeaver
 HTML5