Projet:Charte graphique

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

modifier

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.

Ancien projet

modifier

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

Participants

modifier

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.)

Charte graphique de Wikipédia

modifier

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.

Couleurs[modifier | modifier le code]

Nom de la couleur, selon Visual Style - Colors
Niveau d’accessibilité - minimum AA
Valeur

Nuances de gris[modifier | modifier le code]

Base100
AAA
#fff

Base90
AAA
#f8f9fa

Base80
AAA
#eaecf0

Base70
AAA
#c8ccd1

Base50
AAA
#a2a9b1

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