Quel design web pour mon blog? (Modele, Template suite)

Créer un blog... Pourquoi? Qu'est-ce qui nous motive? Qu'en attendons-nous?...
Autant de questions transcendantales qui doivent nous faire réfléchir. Non pas pour remettre en cause les fondements de notre existence, mais plus simplement pour choisir le design de notre blog. Ce que j'appelle ici l'apparence d'un blog ne se résume pas seulement au choix d'un modèle blog, mais à tout ce qui figure en permanence sur l'ensemble des pages du blog, du modèle aux modules en tout genre qui affichent des listes, des images, des vidéos...

Pourquoi faire un blog?

A force d'arpenter la blogosphère, il me semble que la plupart des blogs peuvent être rangés en deux catégories:

Mon blog est mon jardin:

Certains blogs sont une extension de notre propre maison: on aime y laisser trainer un peu partout des objets familiers, y afficher ce que l'on aime, ce que l'on est. On les décore, on les choie, on voudrait y recevoir les visiteurs aussi chaleureusement que dans la vraie vie.
On les marque au fur et à mesure d'un tas d'images, de liens, de nouveaux gadgets..., un peu comme certains marquent leur corps d'un nouveau tatouage à chaque fois qu'ils franchissent une étape. Car le contenu des articles n'est pas forcément la seule motivation d'un blog. On peut y transmettre notre amour des chats, notre passion pour un chanteur particulier, y parler de tout et de rien, changer de décor au rythme de nos humeurs... On voudrait qu'ils expriment ce que l'on est ou ce dont on rêve dans l'instant, qu'ils vivent et évoluent avec nous.

Mon blog est le cadre de mes documents:

D'autres blogs, au contraire, servent avant tout de support à un contenu. Dans ce cas, l'apparence n'a d'autre but que de mettre en valeur ou d'occulter le moins possible la vraie raison d'être de ce blog: ses articles. Dans cette catégorie, on retrouve beaucoup de blogs d'écrivains, de photographes, de peintres, documentaires, jardinage...

A mi chemin entre les deux catégories...

En réalité, rares sont les blogs qui appartiennent exclusivement à une seule catégorie: Beaucoup de blogs de la première catégorie soignent le contenu tout autant que le contenant. Et dans la seconde catégorie, nombre d'informations personnelles qui n'ont rien à voir avec le corps des articles sont transmises à travers une liste de liens, le choix d'un avatar...
Mais je crois que réfléchir à ce que l'on veut faire de son blog peut aider à en choisir le décor.

Blog photo: quel design?

Toutes mes excuses à la première catégorie, mais je vais continuer cet article en parlant de ce qui m'est familier: le choix d'un design pour les sites qui s'apparentent davantage à la seconde catégorie, en particulier les blogs qui servent d'écrins à de nombreuses illustrations, et/ou qui ont une vocation documentaire affirmée.

Pour le choix du nombre de colonnes... voir l'article Modèle blog: colonnes et mise en page.

1- Blog documentaire: quelle présentation?

Fonte noire (foncée) sur fond blanc (clair):
Beaucoup de texte? pensez avant tout "confort de lecture": un fond clair, une fonte plus foncée, et une taille de fonte raisonnable. Pas de fond à motif, ni une trop faible différence de couleur entre la fonte et le fond de page. Privilégiez une fonte classique, pas de cursive trop inclinée, de fonte trop marquée: un très long article en fonte"courier" est lisible, mais garde une connotation marquée "rapport de police" ou "listing informatique.".. Mais tout dépend du sujet de votre blog!

Et texte blanc sur fond noir?
Certes, le texte est alors très lisible, mais il fait vite mal aux yeux. Donc aucun problème pour des articles brefs, ou pour les textes qui encadrent une photo et dont le principal but est de renseigner les moteurs (optimisation des blogs photos par google). Mais vous risquez de fatiguer certains lecteurs lorsque vous vous laissez aller à pianoter du clavier trop longtemps.

Comment donner du rythme à un blog qui comporte beaucoup de texte?

• Si l'arrière-plan demeure impérativement clair, les bandes latérales (celles qui sont grises dans mon blog) peuvent elles être colorées, de même que l'entête.

• Pour animer un long texte qui se déroule, vous pouvez utiliser des titres et sous-titres de fonte et de couleur différente. On peut également utiliser des lettrines ou des vignettes illustratives en début de paragraphe, un peu à l'image des manuscrits enluminés du moyen-âge. Autant de petites touches de couleur qui viennent personnaliser votre blog sans nuire à sa lisibilité.

2- Blogs illustrés: photo, peinture, jardin...

Plus délicat que pour des blogs textes: votre décor devra être le cadre de vos images: une mise en valeur qui ne dénature pas les couleurs ni ne vole la vedette aux illustrations.
En règle générale, privilégiez un fond neutre (du noir au blanc en passant par tous les gris, mais aussi des teintes sourdes comme les gris colorés, crèmes...) en prenant en compte la quantité de textes qui sera associée à vos images (voir point précédent).

Blog photographie sur fond noir:
Sur fond noir (ou autre couleur très foncée), une photo devient une fenêtre sur le monde. Couleurs, contraste et lumière sont mises en valeur et rares sont les photographies qui "perdent" à être posées sur un fond noir, et les images saturées se transforment en vitraux.

Blog photographie sur fond clair:
Fond clair (blanc, gris perle, ivoire...): en règles générales, les photos nature s'en sortent bien, dans une ambiance plus douce que sur fond noir. L'association vert/blanc (ou couleur claire) a quelque chose de frais et printanier.

Photos couleur sur fond Noir ou Blanc?

• Noir ou blanc, entre les deux, tout est permis et reste avant tout une question de goût personnel. Si vos images sont assez saturées, les gris colorés sont aussi une bonne solution si vous souhaitez apporter de la couleur en fond sans empiéter sur l'image.
  

• Cas particulier: photos noir et blanc ou images uniquement dans une seule tonalité (exemple: je ne photographie que des objets rouges): dans ces cas, il est tout à fait possible d'utiliser un fond coloré, soit dans les mêmes teintes, soit qui contraste avec les images.

• Plus vous voulez accorder une large place à l'image, plus vous devez limiter l'usage de couleurs trop vives pour le reste (Titres, menus latéraux...). Tout est ensuite question d'équilibre! (Voir dans un prochain article comment utiliser d'autres couleurs de police: une palette plus large que celle proposée par défaut dans l'éditeur)
  

• De même, il est tentant de mettre une belle bannière en tête d'un blog consacré à l'image. Mais cette bannière ne doit pas être trop importante afin de ne pas voler la vedette aux photos de votre dernier article. Elle doit être représentative du contenu du blog, mais autant que possible ne pas être trop caractéristique. Une image "fond d'écran" plutôt qu'un cliché spectaculaire ou excessivement colorée.

Remarques:

• Cet article s'adresse aux blogueurs débutants, pour leur offrir avant tout des pistes de réflexion plutôt que des "recettes toutes faites" à appliquer au pied de la lettre: comment faire des choix qui seront des "valeurs sûres". Par la suite, toutes les règles sont faites pour être contournées...

• Artistes graphistes ou designers web: appliquez au pied de la lettre l'inverse de ce que je préconise! Un bon graphisme web qui doit représenter votre savoir-faire ne saurait se contenter de valeurs sûres...

___________________________________________________________________

Articles liés: Ces articles peuvent vous intéresser:

• Une liste d'erreurs à éviter lorsque l'on crée son blog
• ! new Blog blogger/nouveauté: un nouvel éditeur de modèles

• Trouver un modèle blog blogger à télécharger sur internet
  
• Créer son premier blog: Où? Comment?
  
• Choisir un modèle blog: colonnes et mise en page
• Comment modifier les couleurs de mon blog? (couleurs de police)
• Les gadgets blog blogger: fonction et utilisation

• Et l'index de tous les tutoriels création blog référencement