Service Général des Lettres et du Livre

Transcription

1 Charte webdesign

2 Sommaire Présentation Structure du site Page accueil Sites satellites Familles chromatiques Principe de navigation éléments graphiques Familles typograhiques Traitement iconographique

3 1- Présentation La refonte graphique est nécessaire pour marquer l appartenance de différents sites au SGLL. La structure est reprise du site actuellement en ligne, mais de manière plus harmonieuse. Il est nécessaire de hiérarchiser, rationaliser et uniformiser l ensemble des sites satellites afin d avoir une homogénéisation de l univers graphique et une meilleure compréhension de l ensemble. Il s agit d un site principalement d information, l internaute doit facilement trouver les renseignements qu il cherche. Il faut donc otimiser la lecture grâce à l emploi d éléments graphiques comme les puces et les pictogrammes. Le choix dans les menus doit etre intuitif. L accès à l info attendue s effectuera le plus rapidement possible. Le site sera clair, lumineux, aéré, notamment par la circulation du blanc typographique. Les choix des polices assurent un continuité visuelle avec la charte de la Communauté française. les différences chromatiques selon les sites satellites permettent à l internaute de se repérer facilement.le bandeau et le menu principal qui se retrouvent sur chaque page assurent une homogénéisation de l ensemble. La mise en page s attache à respecter autant que possible l architecture du site déjà en place.

4 2- Structure du site

5 éléments obligatoires le bandeau avec le logo Communauté française le menu de base le chemin de fer service de recherche par mots clés le menu principal avec les sites satellites vertical droit le menu interne à chaque site vertical droit

6 3- Page d accueil

7 4- Sites satellites

8 5- Familles chromatiques principales secondaires Portail #7B5952 #967B75 #F8DD89 #F9E4A1 lecture publique promotion des lettres #7A7838 # #783C54 #B594A1 langue française langues régionales et endogènes fureur de lire littérature jeunesse bande dessinée

9 6- Principes de navigation normal survol navigation menu droit menu général ACCUEIL ACCUEIL

10 8- Familles typographiques La police employée sera Verdana. A défaut, et dans l ordre de préférence tel que ci-après : Arial ou Times New Roman. La taille sera de 11 pixels fixée par une feuille de style. La couleur utilisée sera le noir # L espace entre les lettres sera au minimum d 1 pixel. Le texte principal sera de style «normal «, l utilisation du gras et de l italique est autorisée pour les éléments intermédiaires (mise en évidence de parties de texte, citations, titres, ). Le type «souligné «est à éviter (pour des raisons ergonomiques de lisibilité d une part et d autre part, pour éviter toutes confusion avec les hyperliens classiques). Le texte principal sera écrit en minuscules, l emploi des majuscules se fera en respect des règles usuelles (début de phrase, noms propres, signes, ). L indentation est vivement conseillée pour des textes faisant l objet de hiérarchisation (paragraphes, numérotation, listes, ). L espace entre les lignes doit être égal ou supérieur à 2 pixels. L espace entre les mots doit être inférieur à l espace entre les lignes. Voici un exemple de feuille de style compatible avec la charte graphique «iso »; body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }