Utilisateur:InvocK/Thèmes de couleurs

De Poképédia
Aller à la navigation Aller à la recherche
Pages personnelles : Présentation · Contributions · Équipes · Liste de tâches · Pages conseillées · Bac à sable
Autres : Idées pour page utilisateur · Thèmes de couleurs · Théories farfelues Me contacter : Page de discussion · E-mail

Cette page contient plusieurs thèmes de couleurs assorties. Vous pouvez vous en servir ou vous en inspirer pour donner un aspect agréable à un modèle que vous créez ou à votre page personnelle.

Quelques principes à retenir[modifier]

Ces principes sont des recommandations, pas des obligations, rappelez-vous que ce qui compte au final, c'est avant tout que votre page reflète votre personnalité. Je donne juste des conseils pour vous éviter de "trop en faire" et d'obtenir des résultats pas toujours heureux..

  • Privilégiez un fond clair : Ce qui importe, c'est ce qui est écrit dans la page, pas le fait que la page soit multicolore. Un fond violet ou rouge éclatant ne fera que distraire, voire agresser le lecteur. Préférer les teintes pâles ou pastels est une bonne façon d'éviter ce genre de chose.
  • Pour les zones de texte, préférez le fond blanc : Encore une fois, un fond coloré peut être trop distrayant pour le lecteur. Le noir sur blanc est une valeur sûre, confortable pour tout le monde et qui permet d'éviter les fautes de goût.
  • Ne faites pas un arc-en-ciel : Il suffit de seulement deux ou trois couleurs pour avoir un ensemble agréable, vouloir en faire plus peut souvent amener à en faire trop.
  • Choisissez des couleurs assorties : Le jaune se marie mieux avec l'orange que le violet. Le turquoise fonctionne bien avec le vert, mais plutôt mal avec le rouge.
  • Si vous voulez vous baser sur un Pokémon, référez-vous à sa palette : C'est tout simple, avec n'importe quel logiciel de retouche d'image, il suffit de sélectionner une couleur et de copier son code hexadécimal.

Les exemples[modifier]

Pour couvrir un maximum de teintes différentes, j'ai choisi de regrouper les couleurs du Pokédex, avec à chaque fois un Pokémon correspondant.

Blanc / Reshiram[modifier]

Jouer avec le blanc est très facile : il suffit d'utiliser tout, sauf du blanc ! Des teintes de gris claires se détachant suffisamment les unes des autres peuvent par exemple convenir parfaitement.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #bdbddbd
  • pour le grand titre et les bordures > #737b9c
  • pour le fond de la deuxième case > #ffddb0 (orange clair)

L'exemple de Reshiram m'a fait utiliser des teintes de gris, et une note d'orange pour rappeler son feu. Si j'avais pris Gardevoir, j'aurai plutôt utilisé du vert et du rouge, et avec Pachirisu, du bleu clair et du jaune.

Bleu / Akwakwak[modifier]

Le bleu est l'une des couleurs les plus utilisées. Il dispose d'une multitude de variantes qui le rendent facile et agréable à manipuler.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #c7daf6
  • pour le grand titre et les bordures > #79a0ca
  • pour le fond de la deuxième case > #efefef (un blanc appelé « argile »)

Puisqu'Akwakwak a le frond orné d'un Rubis, il est également possible de placer une petite note de rouge, mais il faut faire attention à ne pas en abuser !

Gris / Airmure[modifier]

On a tendance à dire du gris qu'il s'agit d'une couleur "froide et impersonnelle". C'est très exagéré à mon avis : le gris est une couleur qui cache bien son jeu, et qui obéit à la même règle que le blanc : pour tirer quelque choses du gris, il faut lui échapper en le "détournant". On peut avoir du gris-bleu, du gris-jaune, du gris-violet ou du gris-rouge, quasiment tout est possible !

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #adc0da (gris-bleu)
  • pour le grand titre et les bordures > #da555c
  • pour le fond de la deuxième case > #efffff (quasiment blanc)

Ici finalement, le gris s'est "effacé" pour laisser place à l'autre couleur dominante d'Airmure : le rouge de ses ailes. Attention au rouge, qui est une couleur qu'il faut souvent adoucir (voir plus bas).

Jaune / Pikachu[modifier]

Le jaune est une couleur difficile, surtout sur fond blanc. Il s'agit d'une teinte claire, lumineuse et souvent "flashy", un véritable piège dont il faut apprendre à désamorcer les mécanismes, sous peine d'explosion de vos globes oculaires !

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #f2dda5
  • pour le grand titre et les bordures > #deaa1d
  • pour le fond de la deuxième case > #ffffd0 (blanc « crème »)

Je ne vais pas mentir, j'ai dû beaucoup tâtonner pour arriver à ce résultat. Il fallait trouver un jaune clair facile à distinguer du fond, et aussi un jaune foncé ne tournant pas au poussin ou au citron, synonymes de décollement instantané de la rétine. Si vous voulez utiliser du jaune, soyez prudents et exigeants !

Marron / Évoli[modifier]

Souvent déconsidéré (on le dit « sale » ou « triste »), le marron est pourtant une couleur riche en variantes, facile à dompter et pouvant offrir de très jolis résultats.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #e6c594
  • pour le grand titre et les bordures > #a4624a
  • pour le fond de la deuxième case > #f5f5dc (beige clair)

Et voilà, un résultat agréable obtenu très rapidement.

Noir / Zekrom[modifier]

Attention : COULEUR PIÈGE !! Ne cédez jamais à la tentation du cadre tout noir (#000000), il n'y a rien de pire pour gâcher totalement une page et la rendre illisible à cause d'un contraste trop élevé. Évitez également si possible d'abuser du texte blanc sur fond noir : c'est difficile à lire pour certaines personnes.
Voyons ce que nous allons pouvoir tirer de Zekrom.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #8f8f8f
  • pour le grand titre et les bordures > #313139
  • pour le fond de la deuxième case > #a9eafe (bleu « azurin »)

Explication : Pour le fond, un gris assez sombre. Pour le titre et les bordures, un noir "adouci" pour éviter le noir total. Enfin, pour la deuxième case, j'ai fait le choix d'utiliser un bleu azurin, présent sur la crête et la queue de Zekrom, pour éviter que la page ne ressemble à un faire-part de décès. J'aurais pu également utiliser quelque notes de rouge pour rappeler la couleur de son œil. Attention tout de même à ne pas transformer la page en sapin de noël !

Rose / Mew[modifier]

J'entends déjà des cris de tous les côtés : « le rose, ça fait fille ». Mais le rose, ce n'est pas seulement le rose bonbon des poupées Barbie. Il y a le rose carné, le rose framboise, le rose pêche, le rose pelure d'oignon ! Le nombre de variantes du rose est impressionnant, et à vrai dire, le rose est globalement plus facile à utiliser que le rouge, parce qu'il est plus clair et plus doux. Voyons cela de plus près.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #fec0db
  • pour le grand titre et les bordures > #b46294
  • pour le fond de la deuxième case > #fee7f0 (« cuisse de nymphe »)

Rouge / Cizayox[modifier]

Tout comme le jaune, le rouge est une couleur difficile, qui peut aveugler un lecteur si elle est mal dosée.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #fc9a9a
  • pour le grand titre et les bordures > #a42929
  • pour le fond de la deuxième case > #fde9e0 (« coquille d’œuf »)

Évitez absolument le rouge red (#ff0000), qui est trop violent pour être utilisé autrement que pour les textes écrits.

Vert / Libégon[modifier]

Voisin du bleu, le vert est lui aussi relativement facile à exploiter.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #bedc90
  • pour le grand titre et les bordures > #6aa473
  • pour le fond de la deuxième case > #ddf0e9 (un turquoise très pâle)

Comme vu auparavant avec Airmure, rien n'empêche d'exploiter le rose de Libégon, mais faites attention à ne pas abuser et à choisir une teinte qui soit assortie au vert en fond.

Violet / Ectoplasma[modifier]

Une nouvelle et dernière couleur piège : le violet. S'il est mal dosé, il peut donner des résultat assez catastrophiques. Veillez à l'utiliser de manière considérée, avec des teintes sombres, claires ou pastel, pour éviter l'explosion visuelle tant redoutée.

Le sprite :

Ce qu'on peut faire avec :

Un titre
Un sous-titre pour cette case

Et un texte juste en dessous, qui peut être agrémenté avec tout ce que vous voulez (blabla, images, liens, etc.)

Pour distinguer cette case, j'y ai appliqué un fond très clair pour que la lecture reste facile.

Les couleurs utilisées sont :

  • pour le fond d'ensemble > #cbafd1
  • pour le grand titre et les bordures > #7b62a4
  • pour le fond de la deuxième case > #dfd9f1

Encore une fois, le violet basique (#660099) est trop puissant pour être agréable lorsqu'il est très répandu sur la page.

Conclusion[modifier]

Faîtes des essais, des tâtonnements, des expériences... Tout ce que j'ai dit ici reflète mes goûts personnels, mais vous pouvez également choisir de partir dans une direction différente !

Rappelez-vous qu'il faut toujours essayer d'obtenir quelque chose qui ne soit pas agressif. Il serait dommage qu'un lecteur du site fasse une crise d’épilepsie à cause de couleurs trop violentes. C'est votre page, bien entendu, mais il est tout de même préférable qu'elle soit agréable à visionner, si vous souhaitez qu'elle soit consultée ;).