Background CSS : des fonds hachurés avec la « positive attitude »

Les fonds de page web hachurés sont particulièrement appréciés des webdesigners pour une raison double : les zébrures donnent de la vibes aux pages web tout en conservant un ratio poids/agrément des plus satisfaisant, vu qu’il s’agit d’un motif de petite taille (généralement quelques pixels) qui se répète sur tout ou partie de la page.

De la graphologie appliquée à la zébritude

Toutefois, cet angle peut avoir deux directions qui peuvent en dire long sur votre humeur si l’on met en rapport le sens des zébras avec certaines conclusions issues de la graphologie. Cette dernière nous indique qu’une écriture penchée vers la droite est synonyme de dynamisme et de regard tourné vers l’avenir ; vers la gauche, on se tourne vers le passé et l’introspection.

Voici un exemple qui présente des hachures dirigées vers la droite. (capturé sur jarodxxx)

Le même exemple avec les zébrures dirigées dans l’autre sens

Les fonds zébrés obéissent-ils à cette dichotomie ? Je n’ai pas de certitude. En revanche, ce que je sais, c’est que les fonds hachurés qui donnent sur la gauche peuvent contrarier le sens de lecture d’une page occidentale qui – comme chacun sait – s’effectue de la gauche vers la droite.

Les exemples présentés ici semblent relativement similaires au regard du sens de lecture, et ce pour plusieurs raisons :

1. La taille de la capture d’écran privilégie la surface de texte et minimise l’impact des hachures,
2. Les hachures n’apparaissent que sur le côté gauche,
3. Les hachures sont relativement peu contrastées dans cet exemple.

Et vous, vos fonds zébrés penchent vers la droite ou vers la gauche ?

Sélection de sites permettant de générer des motifs répétés en quelques clics

• stripegenerator
• bgmaker
• stripemania
• bgmaker.ventdaval
• tartanmaker

Autres sites proposant des trucs et astuces pour les backgrounds

http://www.kianhean.com/archives/101

Le fond de la page change grâce à un petit javascript qui détecte l’heure et affiche la feuille de style avec le background approprié

http://inner.geek.nz/javascript/parallax/

Etonnant effet où le texte défile à la vitesse normale, tandis qu’une partie du fond défile plus lentement et une autre plus rapidement. Le scroll fonctionne avec la molette, les flèches du clavier, les touches « haut » et « bas » de page et avec la barre d’espace.

http://scriptasylum.com/background/alien/alien.html

Le meilleur pour la fin : allez, je vous laisse découvrir 😉