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 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)
- Raphaelb49 (d · c · b) (Observateur et portails)
Tomybrz Bip Bippas la- Athozus (d · c · b)
- Nemo Discuter Pour tester et proposer
- Koreller 23 février 2020 à 23:08 (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é
CouleursModifier
AccessibilitéModifier
| 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. |
Palette officielle de la Charte graphique WikimediaModifier
- Nom de la couleur, selon Visual Style - Colors
- Valeur
Nuances de grisModifier
AAA
#fff
AAA
#f8f9fa
AAA
#eaecf0
AAA
#c8ccd1
AAA
#a2a9b1
AA
#72777d
AA
#72777d
AAA
#54595d
AAA
#202122
AAA
#000
Nuances de bleuModifier
AAA
#eaf3ff
AA
#36c
AAA
#2a4b8d
Nuances de rougeModifier
AAA
#fee7e6
AA
#d33
AAA
#b32424
Nuances de vertModifier
AAA
#d5fdf4
AA
#00af89
AA
#14866d
Nuances de jauneModifier
AAA
#fef6e7
AAA
#fc3
AA
#ac6600
Autres couleurs actuellement utilisées sur WikipédiaModifier
Logos de maintenanceModifier
AA
#f16633
Bandeaux de maintenanceModifier
| 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
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 |
Pictogrammes des infoboxModifier
Les pictogrammes des infobox utilisent actuellement une intégration directe sous forme antique de tableaux à l'intérieur d'une page wiki du Projet Infobox.