
null
Le rythme vertical est un domaine du webdesign très peu documenté en France et en Europe et qui pourtant fait toute la différence lorsque vos chers internautes posent leur regard sur votre site. Zoom sur un phénomène encore trop méconnu.
Rythme vertical ? Euh…
Oui, le terme est un peu vague, et vous n’en n’avez sans doute jamais entendu parlé, mais ça va changer ! Le rythme vertical est l’Art (oui c’est un Art), d’utiliser vos styles CSS pour donner à votre contenu une image Propre, rassurante, structurée et agréable à l’oeil en prenant en compte l’espace entre chaque contenu.
Pour être plus explicite :
Les sites issus du web 1.0 dégagent souvent cette puissante image de bofisme “made in front page express™”, de cacophonie visuelle et sont la plupart du temps indigestes à l’oeil. Ceci est dû (excepté l’association pathologique de texte Cyian sur un background Jaune…) au manque de rythme vertical.
On va retrouver des intervalles entre les lignes irréguiliers qui cassent les repères de l’oeil, et donnent une impression de fouilli, de désordre, de site vraiment vilain (beurk).
C’est sur l’excellent Biologeek que j’ai pu toucher du doigt cette notion pour la première fois (il y a presque un an), je vous conseille au passage l’article Compose to a Vertical Rhythm de Richard Rutter, qui est très instructif.
Les images en haut de l’Article illustrent parfaitement mes propos, on voit très clairement (de manière volontairement exagérée) la différence lorsque le rythme vertical n’est pas respecté.
Vous l’aurez compris, le rythme vertical se travaille dans vos feuilles de styles essentiellement à partir de la syntaxe “line-height” (par exemple 1.5em;), de l’harmonie entre la taille de vos polices (petit rappel : polices trop grosses = cheap) mais aussi dans la mise en page globale de votre page. Des petits gestes simples mais qui, lorsqu’on les oubli, déservent très vite l’image d’un site.
Faites comme moi, essayez de consulter différents sites (surtout célèbres) en gardant cette notion en tête, et vous serez surpris par le nombre de mauvais élèves…
Technorati Profile