Un site en couleurs. Oui, mais lesquelles ?

[Maxime Grandchamp]

Bonjour,

Un nouvel article vient d'être posté sur le blog http://www.gourous-du-net.com . Son titre est "Un site en couleurs. Oui, mais lesquelles ?" . Vous pouvez le lire directement en cliquant sur:

http://www.gourous-du-net.com/articles/2007/07/02/48-un-site-en-couleurs-oui-mais-lesquelles

Qu'en pensez-vous ?

[funnycat]

Ah oui, il fallait y penser.

On ne pense pas forcément très en profondeur lorsque l'ont fait les couleurs d'un design.

Ce sondage est intéressant, car on vois bien quel type de couleur utiliser, d'autant plus selon le public visé.
(Je vais allez re-étudier mon design).

[bababiz]

Je suis convaincu que le choix des couleurs d'un site a un impact important sur les ventes.

Non seulement la couleur générale, mais aussi les couleurs dans les textes.

[MUNCHAUSEN]

Bien souvent les couleur choisies pour un site sont celles du logo de l'entreprise.

Charge au graphiste d'utiliser ces couleurs souvent très soutenues de la façon la plus flatteuse possible.

Dans les autres cas, il existe bien entendu des codes de choix de couleurs selon l'activité de votre site. Comme le souligne Bruno dans cet article certaines couleurs se prêtent bien à certaines activités. Les couleur froides se marient bien avec les milieux "pro" les couleurs chaudes avec les sites destiné à l'entertainment. Mais parfois une couleur chaude se marie bien avec certaines activités professionnelles et vice versa.

Un autre paramètre important dans une mise en page web c'est les formes utilisées dans la mise en page. Selon le type d'impression que l'on veut donner aux visiteurs, cette mise en page peut-être anguleuse, arrondie, carrée, rectangulaire, sphèrique,...

Pour bien différencier les diverses zones de votre mise en page vous devez également gérer les encadrements. Comment chaque zone de votre mise en page est plus ou moins encadrée ou ouverte.
 
Le dernier paramètre important est...le blanc (les mages entre zones) . Selon la grandeur ou l'emplacement de ce blanc l'impression développée par la mise en page peut changer du tout au tout.

EXEMPLE :

La couleur dominante de Batiforum est rouge. Bien qu'il soit un site professionnel l'activité centrale de Batiforum est .... son forum. Une activité se prêtant à la convivialité donc le choix des couleurs chaudes. Mais comme cette couleur est très forte émotionnellement elle est légèrement cassée et entourée de couleur douces se rapprochant fortement du monochrome.

Le brun rappelle le coté terrien de l'activité de construction et le gris soulignant le coté informatif (papier journal) et sérieux de notre activité.

La texture grise représente un crépi utilisé dans la construction sur les façades ou les murs intérieurs. L'image du ciel en haut à droite (seulement sur IE) rapelle que les métiers du BTP s'exercent en majorité à l'extérieur. Le trait épais noir qui sépare le ciel du site représente le  toit du site qui serait comme un bâtiment (on a failli même placer des fenêtres en filigrane sur le fond blanc du site mais ça faisait un peu "too much"). Le logo Batiforum placé dans le ciel présente un certain recul par rapport au site qui représente un point de vue un peu éloigné donc une bonne vision d'ensemble.

La mise en page est plutôt anguleuse pour souligner le coté posé et pro mais des angles a 45° apportent un peu de fraîcheur pour améliorer l'image de convivialité. Cette impression conviviale est aussi développée par les reliefs arrondis des éléments de navigation rouge. Pour éviter de donner une image un peut trop ludique cet arrondi n'a pas été repris par les bords de ces éléments qui sont bel et bien carrés.

Si les moyen de navigation sont très encadrés, la partie information de ce site en totalement ouverte. Cette ouverture qui différencie fortement la zone informative est soulignée avec de vaste marges verticales qui la séparent largement de la navigation.
Les marges horizontales sont plus réduite soulignant encore une fois le coté terrien de cette mise en page.

On me fait souvent la réflexion sur le fait que j'aurais du réaliser une mise en page plus graphique. Mais cette mise en page aurait été un peut trop ludique pour ma cible qui est l'intervenant du monde du BTP. Pourtant Batiforum était le site le plus graphique du secteur. Cette mise en page à fait école puisque j'ai vu deux confrères (et pas des moindres) adopter une démarche similaire lors de la refonte de leur mise en page.

Je pense que cet exemple vous donne une bonne image du degré de réflexion nécessaire à la réalisation d'une mise en page réussie.

[Ptibuc]

Bonjour,

Je pense que cet exemple vous donne une bonne image du degré de réflexion nécessaire à la réalisation d'une mise en page réussie.

Et comment ! Encore un exemple à suivre (dans la démarche, hein, pas de plagiat )

Merci cher Baron ! Ca mérite un +1 !

Bonne journée,

Nico

[SeiShonagon]

Bonjour à tous !

Dites le avec des fleurs !

Nous pourrions reprendre cette phrase pour le Web : Dîtes le avec des couleurs !

La couleur utilisée dépendra du message à passer et non pas des préférences du client.
L'exemple en a été donné par le Baron...

Chaque couleur a un message à passer, une chaleur et va vous titiller inconsciemment les lobes frontaux.
Une fois l'ambiance de votre site définie, s'adaptera-t-elle à votre image, votre logo ?

Rouge : Vitesse, Agressivité
Or : Réussite, Statut élevé, Richesse
Bleu : Rassurant
Jaune : Eveil, Ouverture
Je m'arrête là !

Ah oui le contexte :
Noir : Deui en Europe
Blanc : Deuil au Japon

Cela semble simple, ensuite vous aller pouvoir combiner plusieurs couleurs et enrichir votre ambiance.

;-)

[Patz]

Si ca vous intéresse, j'ai déjà écrit un article qui serait complémentaire à celui-ci à propos de la signification cachée des couleurs.

Voici le lien : http://www.zonereferencement.com/forum/signification-cachee-des-couleurs-t47.html


 

[bababiz]

Sans pousser très loin mes recherches dans ce domaine,j'ai fait quelques tests de couleur sur un de mes sites et j'ai eu le sentiment de réaliser plus de ventes avec une couleur bleue dominante sur le site qu'avec une couleur jaune.

Je pense que c'est un domaine très intéressant à étudier pour les sites web.

Amicalement

[christine G]

Bonjour,

Tout dépend effectivement de l'activité, des produits vendus.

Un site écologique sans vert ne sera pas considéré comme tel.
C'est vrai que ce n'est pas toujours évident de choisir les bons coloris soi-même car on a tendance à s'orienter vers nos couleurs préférés. Il est donc bon, à mon avis, d'aller voir ce que la concurrence fait et de prendre des avis extérieurs.

Christine

[Patz]

Il est donc bon, à mon avis, d'aller voir ce que la concurrence fait et de prendre des avis extérieurs.

Faut quand même faire gaffe à ne pas s'inspirer d'un concurrent qui , peut-être, à fait des mauvais choix de couleurs..