Nouveau template (2)
Posté le jeudi 6 septembre 2007
Catégorie cbsch.net · billet n° 5 · rss
La conception du site avance à grands pas. Le nouveau template est en cours de finition sur Photoshop. Sa conception aura suivi des exigences très strictes, et les allers et retours entre le code XHTML, la CSS et la conception graphique auront été nombreux.
En planifiant la conception de ce nouveau template, nous avions plusieurs objectifs:
- Créer une maquette exprimée exclusivement en unités relatives.
- Employer des tonalités très contrastées afin de faciliter la lecture des personnes souffrant de problèmes de vue
- Prévoir une maquette complexe intégrée dans un code propre et logique.
- Limiter au maximum les variations de couleurs, garder une ligne graphique claire et propre.
- L'ambiance générale du site doit être propice à la lecture et calme.
- Tout le site étant axé sur l'accessibilité, la navigation doit être particulièrement soignée
Ainsi, nous avons décidé de travailler sur trois couleurs de base: un gris 70%, un beige et un bleu roi. Ces trois couleurs ont chacune leur pendant (gris clair, beige clair et bleu ciel), ce qui facilitera les différents contrastes (clair sur foncé). Le choix du beige s'est très "bêtement" fait en obtenant la couleur inverse du bleu employé. Nous nous assurons ainsi d'obtenir des contrastes forts. Pour faciliter la lecture, le texte apparaîtra en noir sur fond blanc. Afin de canaliser l'attention du lecteur sur le contenu, les marges de la page comportent un petit pattern composé de deux niveaux de gris différents. Dans le même ordre d'idée, le titre est léger et ne retient pas trop l'attention.
Le souci majeur en composant cette maquette a été la largeur des images. Etant donné qu'elles devront toutes s'adapter à la résolution de l'écran de l'internaute, elles ont été conçues avec des largeurs suffisantes pour convenir à tous les écrans. Nous avons décidé d'employer la technique des "fenêtres coulissantes" en CSS pour gérer les éléments dont les dimensions sont exprimées en unités relatives.
Notre premier layout ne sera sans doute, et fort malheureusement, pas intégralement relatif. Certains petits soucis demeurent pour rendre tous les éléments relatifs. Il est presque certain que nous continuerons à travailler sur ce layout afin de l'optimiser. Toutefois, nous désirons le mettre en ligne dans le courant du week-end.
Trackbacks
Aucun trackback.
Les trackbacks pour ce billet sont fermés.
Ajouter un commentaire