Concevoir une Maquette Graphique

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, 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
• Travail autour des formats d’images (JPEG, GIF, PNG)
• Création d’une maquette Web dans Photoshop
• Création d’un prototype basse fidélité
• Création d’un prototype haute fidélité (avec Fireworks)

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)