Conception de sites web

Ecriture web, projets éditoriaux

Communiquer, donner du sens

Viser l'excellence

Vous êtes ici :·Accueil›› Ergonomie et codes couleurs
[Retour] - [Suivant]

Codes couleurs

Identificateurs visuels, les codes couleurs donnent une clef importante de l'organisation structurelle d'une site.

Sur le site Artverrier, cette segmentation thématique par code couleur a été précieuse pour la structuration de l'information et l'insertion des productions de verre filé dans un univers précis.


L'ensemble des couleurs en usage sur ce site peut être observé sur la page plan du site sur laquelle figure une vignette de chaque page-thème.

Chaque section thématique est identifiée par des éléments de même couleur.

  • dans le menu vertical, à gauche, une puce de couleur.
  • en haut de chaque page, un bandeau-titre dont la couleur est différenciée selon la thématique.
  • les liens : la couleur dominante principale de la section est reprise pour ceux-ci, lorsqu'ils donnent accès à l'arborescence de la thématique.
  • le fond des images lors du déploiement de la photo en grand format.
    Ce fond de couleur est visible sur les galeries ou les pages "focus" consacrées à une création de verre dans une thématique donnée.


Codes couleurs: la Gamme Collections de l'Art Verrier

Ainsi pour la section thématique Collections, la couleur dominante reprise sur les éléments cités est le prune.


Couleur et identification de la Gamme Collection dans la production de verre filé de l'Art Verrier

Fileur de verre - Thématique Collection et code couleur

Couleur d'unification de l'univers "Collections", elle se retrouve pour les thématiques "Emotion", "Prestige", "Sensualité".

Cette cohérence du code couleur permet un balisage visuel de la thématique-clé mais aussi d'insérer des oeuvres artistiques réalisées en verre dans ce qui pourrait se concevoir comme une gamme de produits.


La couleur est alors déclinée

  • sur le menu du thème abordé dont les liens survolés, de couleur identique, permettent de visualiser une oeuvre symbolique de la page disponible.
  • sur les bordures concernant la zone de contenu
  • sur les bordures des photos affichées.






Atouts de votre interlocuteur

Atouts

IMax

Vous localiser avec succès

Gage de qualité
Culture "Marketing, Communication, Design et Web"


Profil littéraire et technique
Maîtrise de l'information structurée, des contraintes techniques Web


Spécialisation en linguistique - néologie
Formation langues - lettres

Imax - expertise rédactionnelle et production de contenus web

Edimestre et production de contenus web

Imax-Rennes, e-rédacteur pour un accompagnement pertinent dans votre souhait de visibilité sur le net.

voir son profil rédacteur web

Coup d'oeil sur les sites réalisés

Pour un courriel IMax-Rennes