Projet:Charte graphique
Charte graphique
Ce projet part d'un simple constat : le cinquième site le plus consulté au monde sur Internet a du mal à évoluer avec lui. Beaucoup trouvent que la charte graphique employée sur l'encyclopédie est vieillissante et correspond plus aux standards en vigueur il y a dix ans qu'au design d'aujourd'hui. Si cela affecte peu en soi les utilisateurs plus ou moins avertis et coutumiers de l'encyclopédie, on peut estimer que ce retard graphique est susceptible de rebuter de nouveaux utilisateurs.
Il est dit en accueil de l'Atelier graphique qu'il a pour but d'« améliorer les illustrations de l'ensemble des Wikipédias afin de faire gagner cette encyclopédie en qualité, crédibilité et clarté pédagogique ». C'est donc là la vocation de cette page sur laquelle le travail de modernisation risque d'être important.
Il existe des consignes qui préconisent des grandes lignes communes aux projets de Wikimedia :
- la charte visuelle globale (pages à coins arrondis + blanc/gris/noir/bleu) ;
- la palette des couleurs ;
- la typographie ;
- les icônes et une page d'inspiration, pistes d'amélioration globale des logos de la Wikimedia Fondation de février 2018 ;
- liste des différentes icônes OOjs UI ;
- le choix des photos ;
- le style des illustrations.
La liste des pages avant la rénovation de ce projet se trouve ici : Projet:Charte graphique/Crédits
Vous pouvez également utiliser la boîte utilisateur 
Utilisateur Projet/Charte graphique
- VateGV ◦ taper la discut’ ◦
Menthe Poivrée, Participant depuis le 1er jour !- Roumpf [Message] Participant, au moins pour donner un avis.
- TiboF®
- bspf
(discuter) - — Jules* discuter
- 0x010C ~discuter~ Observateur averti
- PAC2 (d · c · b)
- Danfarid133 (discuter)
- Niridya (d · c · b)
- FructidorAn3 (d · c · b) (Observateur et portails)
- Athozus (d · c · b)
- Nemo Discuter Pour tester et proposer
- Koreller (CET)
- Baidax (d · c · b) Partant du même constat, j'adhère aux objectifs
- manȷıro💬 J'essaie de refaire quelques trucs, (j'ai déjà modifié les icônes d'homophonie, d'homonymie, du wikilove... ) J'aime améliorer la lisibilité et la modernité de Wikipédia.
- SleaY (d · c · b)
- Golmore ! (plus supporter que participant réel)
- Hérisson grognon 🦔 aussi sur Wikiversité
- Edoirefaitdel'art (d · c · b)
- Trizek bla (En tant que Jiminy Cricket.)
Accessibilité
[modifier | modifier le code]| Niveau | Objectif | Faisabilité |
|---|---|---|
| A | Atteindre un niveau d'accessibilité minimal. | Critères de succès minimaux pouvant raisonnablement s'appliquer à toutes les ressources web. |
| AA | Améliorer le niveau d'accessibilité | Critères de succès supplémentaires pouvant raisonnablement s'appliquer à toutes les ressources web. |
| AAA | Atteindre un niveau supérieur d'accessibilité. | Critères de succès ne s'appliquant pas à toutes les ressources web. |
Couleurs
[modifier | modifier le code]- Nom de la couleur, selon Visual Style - Colors
- Valeur
Nuances de gris
[modifier | modifier le code]AAA
#fff
AAA
#f8f9fa
AAA
#eaecf0
AAA
#c8ccd1
AAA
#a2a9b1
AA
#72777d
AAA
#54595d
AAA
#202122
AAA
#000
Nuances de bleu
[modifier | modifier le code]AAA
#eaf3ff
AA
#36c
AAA
#2a4b8d
Nuances de rouge
[modifier | modifier le code]AAA
#fee7e6
AA
#d33
AAA
#b32424
Nuances de vert
[modifier | modifier le code]AAA
#d5fdf4
AA
#00af89
AA
#14866d
Nuances de jaune
[modifier | modifier le code]AAA
#fef6e7
AAA
#fc3
AA
#ac6600
Autres couleurs actuellement utilisées sur Wikipédia
[modifier | modifier le code]AA
#f16633
| Valeur | Nom de la couleur | Valeur | Nom de la couleur |
|---|---|---|---|
| #77ccff | Bleu information | #f5faff | Bleu information 2 |
| #ff8822 | Orange modéré | #ffeedd | Orange modéré 2 |
| #aa0044 | Rouge grave | #ffcccc | Rouge grave2 |
Palette additionnelle non officielle
[modifier | modifier le code]Ces couleurs sont des propositions à l'heure actuelle et ne sont pas des couleurs officielles :
| Valeur | Nom de la couleur | Utilisation recommandée | Valeur | Nom de la couleur | Utilisation recommandée |
|---|---|---|---|---|---|
| #EAECF0 | Gris clair | Statut des contributeurs | #A1DA7A | Vert clair | Message positif faible |
| #A9DBE7 | Bleu clair | Pages d'aide, information, etc. | #447821 | Vert foncé | Message positif fort |
| #2A4B8D | Bleu foncé | Pages utilisateur | #FF4E4E | Rouge clair | Message négatif faible |