Tendances Web 2007 : 60 palettes de couleur élégantes pour vos sites Web
Par Le Caphar le mercredi, août 29 2007, 23:02 - Webdesign - Lien permanent
Il y a quelques semaines, le magazine en ligne Smashing Magazine publiait une liste de 60 designs de sites élégants, professionnels et visuellement attractifs (en anglais). Assez convaincu par la qualité de cette sélection, j'ai voulu étudier l'un des éléments clés de leur réussite : les couleurs.
Concevoir une palette de couleurs est un exercice délicat : assurer la lisibilité du texte, créer un contraste entre les zones, ne pas fatiguer l'oeil, et surtout... être au goût du jour. Pour ceux qui, comme moi, n'ont pas le talent inné d'associer les couleurs, cette liste de palettes pourra fournir une source d'inspiration attrayante pour leurs designs Web.
Deux remarques :
- Seules les couleurs dominantes ont été conservées : par souci d'efficacité, les couleurs les moins visibles n'ont pas été prises en compte. Pour les dégradés légers, la couleur de début et de fin suffisent. Pour les dégradés contrastés, une troisième couleur intermédiaire a été sélectionnée.
- La taille des pastilles est indicative de l'importance de chaque couleur, mais pas proportionnelle : il ne s'agit pas d'une étude scientifique mais de la recherche de tendances globales. De même, certaines couleurs sont approximatives (notamment lorsque la page comporte des dégradés ou des motifs complexes). Il y a une part d'arbitraire dans la sélection que j'ai opérée mais j'ai essayé d'être fidèle à l'impact visuel de chaque site.
Enfin, certains pourront critiquer la sélection et débattre des qualités de tel ou tel site. Je vous invite à intervenir sur le site de l'éditeur Smashing Magazine ou à me suggérer votre propre liste à la place.
La liste des 60 palettes
Mise à jour 30 août 2007 : autres sources d'inspiration
9rules logo color : une palette par jour
tutorialblog.org : 30 outils pour créer des palettes de couleur
La discussion continue ailleurs
- 1. Le jeudi, septembre 13 2007, 21:36 par L-tz : the blog
-
Tout est une question de couleur...
Je suis tombe sur ce billet, qui presentait les palettes de couleurs utilisees dans les designs de 60 sites consideres comme elegants, professionnels et visuellement attractifs. Profitant du gros travail qui a ete fait, je me suis demande...
URL de rétrolien : http://www.lepotlatch.org/index.php/trackback/95
Commentaires
Salut,
C'est un billet très original que celui-ci : je me suis amusé à imaginer à quoi pouvait bien ressembler les sites à partir de la charte couleur. Dommage que ma pauvre connexion RTC m'empêche de tous les tester...
A++
Bloguer en RTC, c'est une belle preuve de courage. Un exemple pour nous tous, bravo Bruno !
Vraiment très intéressant comme article ! C'est marrant parce que certaines palettes sont vraiment moches mais arrivé sur le site, c'est pas si mal ! :D
Oui superbe étude, Il manque juste la corrélation entre toutes ces palettes de couleurs. Par exemple, on a souvent une dominante Blanche ou Noire (disons très claire ou très sombre) suivit de bleu ou de vert. Les palettes comme thetlc.org.uk/ ou snook.ca/jonathan sont quand même très rare dans cette sélection. Peut être une relation avec l'élégance ?
Belle étude qui a du prendre du temps pour être réalisée.
Elle va devenir une de mes sources d'inspiration. Merci.
Interessant, ça va beaucoup m'aider car j'ai quelques petits problèmes avec les couleurs :-D
C'est tres interessant d'avoir ces palettes de couleur, effectivement ca a du te prendre du temps pour composer ces palettes. Ce blog vas devenir ma source d'inspiration pour mes compositions.
Merci encore !
Ton étude est tres interessante, je pense que tu as du y passer pas mal de temps, alors merci !
Ton étude est tres interessante! Ce blog vas devenir ma source d'inspiration pour mes compositions.
www.enick.nl
Très très intéressant cet article. D'ailleurs je le delicious! merci
beaucoup d'infos pas faciles a trouver, merci
Tres interessant et visiblement fastidieux a realiser, double merci
Ca va m être extrêmement utile! :-)
Bravo! C'est exactement ce dont j'avais besoin!
Hop, dans mes favoris! ;)
Y'a de bonnes notions d'associations de couleur à apprendre sur cette page, je met ça dessuite en favoris également
les coulaurs c'est vraiment pas mon truc moi !
et bien finalement, je m'aperçois que mon site correspond a une de vos palettes, comme quoi je ne suis pas si mauvais :) !
Cela est vraiment intéressant surtout lorsque on n'est pas doué en graphisme, cela est un bon guide !
Très bon résumé en effet, pratique, je délicious!
Oui je vais m en servir sur mon site!
Très pratique merci
Vraiment très pratique en effet
ton blog bug on voit pas le fond d'écran du coup on voit rien...
J'ai corrigé le problème d'affichage, normalement tout va bien.
Première impression tout comme Fran6
Certaines palettes font carrément peur, les couleurs semblent sorties d'un Internet lointain et pourtant l'effet n'en est que plus saisissant tant l'utilisation de ces couleurs est judicieuse et de bon gout
Dans un même ordre d'idée : kuler.adobe.com