Projet: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 de la première heure !- Roumpf [Message] Participant, au moins pour donner un avis.
- TiboF®
- bspf
(discuter) - Jules Discuter
- 0x010C ~discuter~ 28 mai 2017 à 18:09 (CEST) Observateur averti
- PAC2 (d · c · b)
- Danfarid133 (discuter)
- Niridya (d · c · b)
- Marilouw (d · c · b) (ancien pseudo : Heather.Ruby)
- Raphaelb49 (d · c · b) (Observateur et portails)
Tomybrz Bip Bippas la- AirSThib (d · c · b) Pour proposer et mettre en place plus que développer.
- Nemo Discuter Pour tester et proposer
- Koreller 23 février 2020 à 23:08 (CET)
Couleurs[modifier | modifier le code]
Palette officielle de la Charte graphique Wikimedia[modifier | modifier le code]
- Visual Style - Colors
- niveau d’accessibilité AAA ce qui « pourrait être fait » dans la mesure du possible ; niveau AA ce qui « devrait être fait »
Nuances de gris (incluant une teinte bleutée) :
| Valeur | Nom de la couleur | Valeur | Nom de la couleur | Valeur | Nom de la couleur |
|---|---|---|---|---|---|
| #FFFFFF | Base100 AAA | #C8CCD1 | Base70 AAA | #54595D | Base20 AAA |
| #F8F9FA | Base90 AAA | #A2A9B1 | Base50 AAA | #222222 | Base10 AAA |
| #EAECF0 | Base80 AAA | #72777D | Base30 AA | #000000 | Base0 AAA |
En plus des nuances de gris, on trouve :
| Bleu | Rouge | Vert | Jaune | ||||
|---|---|---|---|---|---|---|---|
| Valeur | Nom de la couleur | Valeur | Nom de la couleur | Valeur | Nom de la couleur | Valeur | Nom de la couleur |
| #EAF3FF | Accent90 AAA | #FEE7E6 | Red90 AAA | #D5FDF4 | Green90 AAA | #FEF6E7 | Yellow90 AAA |
| #3366CC | Accent50 AA | #DD3333 | Red50 AA | #00AF89 | Green50 AA | #FFCC33 | Yellow50 AAA |
| #2A4B8D | Accent10 AAA | #873636 | Red10 | #14866D | Green30 AA | #AC6600 | Yellow30 AA |
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 |