INTRODUCTION
Aujourd’hui, de nombreux créatifs sont confrontés à la conception de maquettes pour le Web. Cette formation vous permettra d’appréhender rapidement
les spécificités du média Web et, à travers une utilisation efficace de Photoshop et Fireworks, de produire des maquettes dignes d’un professionnel.
PUBLIC CONCERNÉ
Graphistes print, directeurs artistiques, maquettistes…
PRÉ-REQUIS
Il est indispensable de connaître les manipulations de base de Photoshop.
PROGRAMME
Spécificités d’une maquette pour le Web
• Contraintes utilisateurs (écrans, navigateurs, débit…)
• Contraintes de conception (architecture du site,ergonomie)
• Contraintes technologiques (HTML, XHTML, CSS, DHTML, Flash)
• Contraintes liées à la production
Les formats Web
• Les aspects typographiques, les couleurs
• Les grilles pour le Web
• Les différentes formes de prototypes (basse fidélité, haute fidélité)
Exercices pratiques
• Concevoir et réaliser une maquette graphique
• Aspects méthodologiques
• Réglages de Photoshop
• Travail autour des formats d’images (JPEG, GIF, PNG)
• Création d’une maquette Web
• Création d’un prototype basse fidélité (zoning)
• Création d’un prototype haute fidélité avec Fireworks (maquette interactive
Déclinaisons d’une maquette de site
• Penser multi-supports (newsletter, version imprimée, accessibilité)
• Penser multi-canal (téléphones portables, pda…)
Création d’une cinématique de site (enchaînement d’écrans)