« Charte graphique » : différence entre les versions

De April MediaWiki
Aller à la navigationAller à la recherche
(ajout d'une catégorie)
 
(12 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Travail En Cours|contenu=une charte graphique}}
==Projet de charte graphique==
==Projet de charte graphique==


Ligne 26 : Ligne 28 :
'''AVERTISSEMENT : les informations ci-dessous nécessitent mise à jour et validation'''
'''AVERTISSEMENT : les informations ci-dessous nécessitent mise à jour et validation'''


Depuis le nouveau logo, nous utilisons la police '''URW Gothic'''. C'est notamment celle du totem, qui fait référence.
Liste de polices utilisées dans des documents April : [[Liste des polices]]


Police du logo :
Liste de polices possibles pour le texte : [[Polices de caractères]]
* Futura Medium Condensed BT (a priori la Futura n'est pas libre)


Polices actuelles pour le texte :
===Les CSS===
* [[Polices_de_caractères#Nimbus_Sans_L_.28licence_GPL.29|Nimbus Sans L]] (licence GPL)
* [[Polices_de_caractères#Bitstream_Vera_.28licence_sp.C3.A9cifique.29|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)
 
Police du bonton Adhérer : http://www.april.org/themes/zen/zen_april/images/adherer.png
* [[Polices_de_caractères#Nimbus_Sans_L_.28licence_GPL.29|Nimbus Sans L]] (licence GPL)
 
Police des boutons d'adhésion : http://www.april.org/files/adherer_april_entreprise_v3.png
* FreeSans Bold Oblique
 
Liste de Polices possibles pour le texte :
* Voir cette page : [[Polices_de_caractères]]


===Les 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].


Pour le site web, les attribus sont définis dans les fichiers CSS.
La couleur Orange April est définie par le style "mandatory" :


La couleur Orange April est définie dans la CSS :
.mandatory { color: #ee5921; }
http://www.april.org/themes/zen/zen_april/zen_april.css
.mandatory {  
color: #ee5921;
}


===Les logos===
===Les logos===
Ligne 66 : Ligne 50 :
===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
 
Bouton Nouveautés 2008 : [[Image:Nouveautes2008.png]]
 
* Dessin de Lionel Allorge
* Licence : LAL et CC BY SA
* Bouton Nouveautés 2008 pour rapport de fin d'année
* Source SVG : http://wiki.april.org/images/4/4f/Nouveautes2008.svg
 
Bouton de flux : [[Image:Rss planete april.png]]
 
* Source SVG : http://wiki.april.org/images/f/fa/Rss_planete_april.svg
 
Bouton Identica : [[Image:At identica.png]]
 
* Source SVG : http://wiki.april.org/images/6/6d/At_identica.svg
 
Bouton Twitter : [[Image:At twitter.png]]
 
* Source SVG : http://wiki.april.org/images/e/e6/At_twitter.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]]

Dernière version du 1 octobre 2012 à 19: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]