Projet:Charte graphique

Une page de Wikipédia, l'encyclopédie libre.
Fusée Charte graphique
Pourquoi ce projet ?

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.

Charte

Il existe des consignes qui préconisent des grandes lignes communes aux projets de Wikimedia  :

Ancien projet

La liste des pages avant la rénovation de ce projet se trouve ici : Projet:Charte graphique/Crédits

Participants

Vous pouvez également utiliser la boîte utilisateur Icône Userbox.svg Utilisateur Projet/Charte graphique

Charte graphique de Wikipédia

Couleurs[modifier | modifier le code]

Accessibilité[modifier | modifier le code]

Les niveaux d'accessibilité WCAG 2.0
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 Wikimedia[modifier | modifier le code]

  1. Nom de la couleur, selon Visual Style - Colors
  2. Niveau d’accessibilité
  3. Valeur

Nuances de gris[modifier | modifier le code]

Base100
AAA
#fff
Base90
AAA
#f8f9fa
Base80
AAA
#eaecf0
Base70
AAA
#c8ccd1
Base50
AAA
#a2a9b1
Base50
AA
#72777d
Base30
AA
#72777d
Base20
AAA
#54595d
Base10
AAA
#202122
Base0
AAA
#000

Nuances de bleu[modifier | modifier le code]

Accent90
AAA
#eaf3ff
Accent50
AA
#36c
Accent30
AAA
#2a4b8d

Nuances de rouge[modifier | modifier le code]

Red90
AAA
#fee7e6
Red50
AA
#d33
Red30
AAA
#b32424

Nuances de vert[modifier | modifier le code]

Green90
AAA
#d5fdf4
Green50
AA
#00af89
Green30
AA
#14866d

Nuances de jaune[modifier | modifier le code]

Yellow90
AAA
#fef6e7
Yellow50
AAA
#fc3
Yellow30
AA
#ac6600

Autres couleurs actuellement utilisées sur Wikipédia[modifier | modifier le code]

Logos de maintenance[modifier | modifier le code]

Orange50
AA
#f16633

Bandeaux de maintenance[modifier | modifier le code]

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

Pictogrammes des infobox[modifier | modifier le code]

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.