Mine de rien, le choix d’une police de caractère (« font » en anglais) constitue certainement l’un des éléments les plus cruciaux dans l’infographie, le design et bien sûr le webdesign.

Le graphiste professionnels a l’habitude de jongler avec des centaines, voire des milliers de polices afin de trouver celle qui collera le mieux a l’esprit du projet sur lequel il planche.

Lire la suite »

Ce service en ligne est aussi génial que simple et utile : avec Typetester vous pouvez tester et comparer le rendu d’un extrait de texte avec plusieurs polices de caractère, en appliquant toutes les options qui définissent une bonne typo pour une mise en page idéale.

Type tester vous propose un extrait de texte standard de type Lorem ipsum, mais si vous voulez vraiment obtenir un rendu précis, vous pouvez coller votre propre texte. Vous sélectionnez alors les polices courantes proposées, ou parmi celles figurant sur votre machine, et Typetester affiche le bloc de texte sous 3 polices différentes, auxquelles vous aurez pu appliquer toutes sortes de réglages, comme la taille, la couleur, l’alignement, l’espacement entre les lettres, et autres.

Vous pouvez même récupérer d’un clic le code CSS appliqué au texte en question.

Un site que les perfectionnistes de la typo vont mettre illico dans leur bookmarks.

Quand on édite un blog depuis quelques années, il n’est pas interdit de se contraindre à appliquer quelques règles de présentation, de mise en page et de hiérarchisation de l’information afin d’offrir des repères au lecteur. Ces conventions ont en outre l’avantage d’inciter le rédacteur à être plus clair et plus concis.

Ainsi sur Presse-citron sont arrivées au fil du temps des règles infographiques que j’essaie de respecter dans la mesure du possible, selon la nature et la densité des billets, dont voici un récapitulatif, au cas où cette notion vous inspirerait :

• les billets longs (plus de 5 paragraphes de 10 lignes) sont coupés avec un « Lire la suite »
• les images montrant des captures d’écrans de sites web ont, sauf rare exception, toujours la même dimension et la même présentation : 510×220 pixels, image inclinée sur la gauche, encadrée d’un liseré gris de 4 pixels
• les autres images (produit, capture de site mobile…) ont un format plus disparate mais j’essaie dans la mesure du possible de les tailler à 510 pixels de large (dimension maxi)
• L’image illustrant un article est toujours placée entre le premier et le deuxième paragraphe, sauf dans deux cas : si le premier paragraphe est trop court où ne cite pas encore le service, ou s’il s’agit d’un billet d’humeur (perso) illustré par une image conceptuelle, comme ici ou ici, où elle est placée en tête de l’article
• les noms des sites web chroniqués sont toujours en gras dans la première citation, et liés au site en question
• les interviews (notamment les Métiers du web) font apparaître une photo de la personne en incrustation à gauche dans le texte , une capture d’écran de son site et une citation en exergue, comme ici
• les citations sont toujours en italique et entre guillemets, mais cela pourrait changer au profit de la fonction citation de l’éditeur Wordpress, que je n’ai encore jamais utilisée

Je ne souhaitais pas conclure ce billet par un appel à commentaires, mais je crois que vais y sacrifier quand même car les réponses peuvent être d’utilité publique : et vous, est-ce vous appliquez des règles immuables pour la rédaction et la présentation de vos billets ?

A le lecture de cet excellent article de JCD[1], un enseignant en multimédia, je réalise les progrès qu’il me reste à accomplir en matière de présentation et de mise en page d’interviews dans Presse-citron, notamment avec mes séries Dis-moi comment tu blogues, Le mystère des blogbusters ou encore Les métiers du web.

Au prétexte que nous éditons des blogs, et que ce format de publication linéaire se veut affranchi de toute contrainte, et surtout celles qui pourraient s’assimiler à des règles connues dans la presse traditionnelle, nous avons tendance parfois à oublier l’essentiel : l’attractivité et la lisibilité des articles les plus longs, et parmi eux, les interviews.

[1]n’oubliez pas les commentaires, et notamment le premier, également très intéressant