Charte graphique : Différence entre versions

De April MediaWiki
(mise en page)
(ajout d'une catégorie)
 
(24 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 +
{{Travail En Cours|contenu=une charte graphique}}
 +
 
==Projet de charte graphique==
 
==Projet de charte graphique==
  
Ligne 14 : Ligne 16 :
 
* couleur pantone directe : Pantone 7469 C (nuancier Pantone Solid Coated)  
 
* couleur pantone directe : Pantone 7469 C (nuancier Pantone Solid Coated)  
 
* couleur custom en CMYK : C : 97% , M : 50% , Y : 35% , K : 10%
 
* couleur custom en CMYK : C : 97% , M : 50% , Y : 35% , K : 10%
 +
* En RGBA hexadécimal : 005184ff
 +
* En RGBA décimal : Rouge : 0, Vert : 81, Bleu : 132, Canal Alpha : 255
  
En RGB :
+
Autres couleurs en RGBA hexadécimal :
 
* Bleu April (clair) : 2b5385ff
 
* Bleu April (clair) : 2b5385ff
* Bleu April, le vrai !!! 005184ff
 
 
* Orange April : ee5921ff
 
* Orange April : ee5921ff
* Orange Perils : ff9900ff
+
* Orange Périls : ff9900ff
  
 
===Les polices===
 
===Les polices===
  
Police du logo :
+
'''AVERTISSEMENT : les informations ci-dessous nécessitent mise à jour et validation'''
* Futura Medium Condensed BT (a priori la Futura n'est pas libre)
 
  
Polices actuelles pour le texte :
+
Liste de polices utilisées dans des documents April : [[Liste des polices]]
* Nimbus Sans L (licence GPL)
 
* Bitstream Vera (licence type BSD)
 
* Futura Medium Condensed BT (a priori la Futura n'est pas libre). Celle qui s'en rapproche le plus est la Beteckna
 
* Futura Medium BT (a priori la Futura n'est pas libre)
 
  
Polices possibles pour le texte :
+
Liste de polices possibles pour le texte : [[Polices de caractères]]
* Voir cette page : [[Polices_de_caractères]]
 
  
 
===Les CSS===
 
===Les CSS===
  
Pour le site web, les attribus sont définis dans les fichiers CSS.
+
Pour le site web, les attribus sont définis dans les fichiers CSS et notamment dans le fichier [http://www.april.org/themes/zen/zen_april/zen_april.css CSS Zen April].
  
La couleur Orange April est définie dans la CSS :
+
La couleur Orange April est définie par le style "mandatory" :
http://www.april.org/themes/zen/zen_april/zen_april.css
+
 
.mandatory {  
+
.mandatory { color: #ee5921; }
color: #ee5921;
 
}
 
  
 
===Les logos===
 
===Les logos===
  
Des icônes sont utilisé sur certains documents et sur le site.
+
Des icônes et logos sont utilisés dans certains documents et sur le site.
  
 
Il serait souhaitable d'en vérifier les licences et d'en faire des fichiers indépendants au format SVG.
 
Il serait souhaitable d'en vérifier les licences et d'en faire des fichiers indépendants au format SVG.
  
Exemple :
+
Travail en cours ici : [[Logo des groupes de travail]]
 
 
http://www.april.org/files/actions/bouffe/20000701/gnu.jpeg
 
 
 
Proposition de remplacement :
 
 
 
http://openclipart.org/people/johnny_automatic/johnny_automatic_picnic_basket.png
 
 
 
Licence : Public Domain
 
  
 
===Les icônes===
 
===Les icônes===
  
Des icônes sont utilisé sur certains documents et sur le site :
+
Des icônes sont utilisé sur certains documents et sur le site. La liste est sur cette page : [[Liste des icones]].
 
 
Flèches :
 
* Police : Windings
 
* Caractères : ËÌÍÎÏÓÈ
 
* Fichier SVG :
 
 
 
 
 
Cœur : [[Image:Coeur02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Caractère : 164
 
* Fichier SVG : http://wiki.april.org/images/c/c7/Coeur02.svg
 
 
 
Téléphone : [[Image:Telephone02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Code : "%"
 
* Fichier SVG : http://wiki.april.org/images/a/a7/Telephone02.svg
 
 
 
Case à Cocher : [[Image:Case_a_cocher02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Code : "q"
 
* Fichier SVG : http://wiki.april.org/images/5/5c/Case_a_cocher02.svg
 
 
 
Ciseaux : [[Image:Ciseaux02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Code : "$"
 
* Fichier SVG : http://wiki.april.org/images/9/95/Ciseaux02.svg
 
 
 
 
 
Main : [[Image:Main03.svg|50px]] [[Image:Main04.svg|50px]]
 
 
 
* Police : OpenSymbol
 
* Caractère : U+261E
 
* Fichier SVG : http://wiki.april.org/images/3/31/Main03.svg
 
* Caractère : U+E01B
 
* Fichier SVG : http://wiki.april.org/images/c/c1/Main04.svg
 
 
 
Étoiles : [[Image:Etoile.svg|32px]] [[Image:Etoile2.svg|32px]] [[Image:Etoile3.svg|32px]]
 
 
 
* Dessin de Lionel Allorge
 
* Licence : LAL et CC BY SA
 
* Fichiers SVG :
 
** http://wiki.april.org/images/9/9e/Etoile.svg
 
** http://wiki.april.org/images/1/10/Etoile2.svg
 
** http://wiki.april.org/images/b/b5/Etoile3.svg
 
 
 
Interopérabilité :
 
  
[[Image:Inter.png|300px]]
+
===Jeu d'icônes===
  
* Dessin de Lionel Allorge
+
*Un ensemble d'icônes est disponible sur cette page : http://media.april.org/icones/
* Licence : LAL et CC BY SA
+
*Ils proviennent de http://www.oxygen-icons.org/?page_id=4
* Source SVG : http://wiki.april.org/images/3/3e/Inter.svg
+
*Les icônes sont soit sous LGPL soit CC-BySA
  
[[catégorie:CommunicationExterne]]
+
[[Catégorie:Sensibilisation]]
 +
[[Catégorie:Promotion April]]

Version actuelle datée du 1 octobre 2012 à 21:22


Ambox warning red construction.png
/!\ Travail en cours /!\

Cette page présente une charte graphique en cours de réalisation.

Si vous souhaitez participer, n'hésitez pas à laisser votre avis sur la page de discussion en suivant au mieux ces recommandations.


Projet de charte graphique[modifier]

Propositions pour une Charte Graphique pour les documents et les sites de l'April

Les points[modifier]

Quelques points a respecter :

Les couleurs[modifier]

Le "Bleu April" (bleu du logo) :

  • couleur pantone directe : Pantone 7469 C (nuancier Pantone Solid Coated)
  • couleur custom en CMYK : C : 97% , M : 50% , Y : 35% , K : 10%
  • En RGBA hexadécimal : 005184ff
  • En RGBA décimal : Rouge : 0, Vert : 81, Bleu : 132, Canal Alpha : 255

Autres couleurs en RGBA hexadécimal :

  • Bleu April (clair) : 2b5385ff
  • Orange April : ee5921ff
  • Orange Périls : ff9900ff

Les polices[modifier]

AVERTISSEMENT : les informations ci-dessous nécessitent mise à jour et validation

Liste de polices utilisées dans des documents April : Liste des polices

Liste de polices possibles pour le texte : Polices de caractères

Les CSS[modifier]

Pour le site web, les attribus sont définis dans les fichiers CSS et notamment dans le fichier CSS Zen April.

La couleur Orange April est définie par le style "mandatory" :

.mandatory { color: #ee5921; }

Les logos[modifier]

Des icônes et logos sont utilisés dans certains documents et sur le site.

Il serait souhaitable d'en vérifier les licences et d'en faire des fichiers indépendants au format SVG.

Travail en cours ici : Logo des groupes de travail

Les icônes[modifier]

Des icônes sont utilisé sur certains documents et sur le site. La liste est sur cette page : Liste des icones.

Jeu d'icônes[modifier]