Partager

Design

Généralités

Fichier Web


  • Format fichier : PSD

  • Résolution : 72dpi

  • Mode colorimétrique : RVB

  • Unité : pixels

Maquettes à fournir


  • Homepage

  • Page Intérieure

  • Gabarit email simple

  • Favicon

Conseils pour la création


  • Largeur maximale pour le corps du site : 1200px

  • Tailles : Essayer d'utiliser des valeurs qui tombent juste (exemple : utiliser des émargements de 10px en 10 px)

  • Repères : placer les repères principaux

  • Polices : utiliser les polices système (Arial, Verdana, Tahoma, Trebuchet MS, etc.) ou des webfonts et éviter la multiplication de polices (3 maximum à l'usage)

  • Textes : sans lissage

  • Essayer d'harmoniser la taille des titres pour les différents styles (exemple : un H2 doit faire la même taille quelque soit le style appliqué)

  • Eviter les problématiques des ombrages trop forcés, biseautages

  • Lisibilité : Essayer d'espacer les élements entre eux d'environ 10px

Organisation

Page intérieure


  • Fournir 3 styles de paragraphes maximum (par exemple : simple/fond couleur/filet)

  • Voir la structure d'un bloc de page

Calques


  • Calques Photoshop : organiser et nommer

  • Dossiers Photoshop : regrouper et nommer

  • Placer chaque élément sur un calque à part pour faciliter le découpage ( ex: bouton avec un picto > séparer le picto du fond )

  • Indiquer la couleur des liens par défaut

  • Prévoir les rollovers de chaque lien/bouton sur des calques à part (cachés)

  • Prévoir les versions GB sur des calques à part (cachés)

Email simple


  • Décliner un simple header sauf brief particulier (taille recommandée : 650px)

  • Prévoir les versions FR et GB

  • Spécifier les couleurs de titre, liens, et encadrement, que l'on retrouve par défaut dans les MCI/MCO

Newsletter


  • La largeur est de 700px maximum

  • Deux types de liens doivent être représentés au-dessus et au dessous de la newsletter, respectivement le lien miroir et les liens de désabonnement (les libellés de ces liens ne varient pas d'un média à un autre)

  • Eviter les émargements irréguliers qui sont très difficiles à respecter dans une structure en tableaux sans affecter l'affichage identique dans les principaux webmails

  • Considérer au moment de la création graphique que les images de fond ne s'affichent pas dans tous les webmails (préférer des applats de couleur)

  • Si la newsletter est très graphique, les tailles sont généralement figées

  • Représenter 3 styles de contenus

  • Aucune police exotique ne peut être utilisée

  • A noter : L'utilisation de scripts et de flash n'est pas possible