Lorem ipsum, pour tester l’apparence de vos pages

Publié le 6 août 2009 par Maxime, dans Création Web, Support technique

lorem-ipsum

Lorsqu’on réalise un site Web l’une des premières étapes de production consiste dans la conception des maquettes des pages. La majorité des Web designer utilise des logiciels type PhotoShop ou illustrator pour parvenir à leurs fins. En règle générale le contenu textuel du site n’est pas définitif (voire pas défini du tout) à cette étape, c’est pourquoi nous mettons en place un faux-texte pour mieux visualiser la mise en page. Ce faux-texte est plus communément appelé Lorem ipsum.

Non, lorem ipsum n’est pas un message crypté tout droit sorti de l’esprit farfelu d’un développeur sociopathe. Il est utilisé depuis le XVIe siècle dans l’imprimerie pour la simulation de texte. On attribue son origine à Cicéron qui dit ainsi : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit [...] ou Il n’existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu’elle est [...]. Lorem ipsum remonte à loin, très loin, 45 avant Jésus-Christ.

Si l’imprimerie et la création Web sont deux domaines très différents, ils ont en commun l’aspect graphique qui nécessite d’effectuer des tests sur la mise en page. Mais alors pourquoi s’enquiquiner à balancer du latin ? pour faire le malin ? pas du tout ! L’utilisation d’un faux texte incompréhensible (sauf si on parle latin évidemment) permet aux clients et aux graphistes de se focaliser sur le visuel global du site sans être choqué par l’absence de texte.

Lorem ipsum a cet avantage de produire des mots à longueur variable essayant d’imiter une occupation normale des espaces. En revanche on peut considérer que le texte n’étant jamais vraiment lu il ne permet pas de vérifier la visibilité effective, ce qui peut représenter un inconvénient majeur si l’on n’est pas particulièrement attentif à ça.

Pour finir, de ressources Web pour générer du faux texte Lorem ipsum en fonction de vos besoins :

  • Lorem ipsum : générateur automatique de lorem ipsum, avec moult paramètres. À utiliser pour la conception graphique.
  • HTML-ipsum, du texte lorem ipsum avec les balises HTML qui vont bien (titres, paragraphes, listes). Pratique pour tester l’intégration de vos maquettes.
Voter !

A lire également

2 Commentaires

    Le 6 août 2009 à 12 h 47 min

    Fylhou

    ça résume bien l’utilisation du Lorem Ipsum : pratique, classe, joli, mais non lisible donc ne testant pas tout ce qu’il y a à tester lorsqu’on lance un site Web (ou autre).
    Merci pour ce billet !

    Le 6 août 2009 à 21 h 18 min

    Monique

    ah bah j’en apprends une bonne !

    moi qui pensez que c’était des textes « au pif »……qui auraient tout aussi bien pu être un truc aléatoire du genre lkhjohubjhbyfrdjgvjhu je vois qu’en fait il n’en est rien !

    Je dormirai moins bête ce soir, Merci Maxime.

Trackbacks et pings

Votre commentaire




WARNING

Your browser does not support JavaScript or has JavaScript disabled!

This will not compromise the possibility to leave a comment, although the automatic insertion of both markup tags and emoticons will not work.

Emoticons gras Italique Lien Smile Grin Sad Surprised Confused Cool Mad Razz Neutral Wink Lol Red Face Cry Roll