Le design, les photos : pour un blog tout beau !

Jan 17, 2015 | 33 commentaires

Le design et les photos de ton blog sont primordiaux.

Quand j’arrive sur un blog, parce qu’un lien m’a semblé intéressant, et que je trouve le design moche, je repars, aussitôt.

Lorsque je continue ma lecture, si les photos illustrant les articles sont de mauvaise qualité, trop petites, pas assez nombreuses, très souvent, je repars. Il faut que le contenu soit exceptionnel pour que je reste malgré cela.

Réfléchis à tes réactions. N’agis-tu pas de la même façon ?

Bien entendu, les goûts, c’est très personnel. Je te partage ici les miens. C’est mon avis très personnel. Il se peut que tu ne sois pas d’accord. Je t’invite à prendre ce qui te convient dans cet article, et à mettre sans ménagement le reste aux oubliettes. Ainsi, tu créeras une blog à ton image, et c’est ça le plus chouette ☺

Réflexion sur l'alimentation : devenir vegan et l'éducation des enfants

Les erreurs à éviter :

  • du texte blanc ou coloré, sur fond foncé – c’est beaucoup plus fatiguant à lire
  • des gifs animés un peu partout – cela attire le regard du lecteur, le perturbe dans sa lecture de tes articles, le distrait. Nous sommes fait pour accorder beaucoup d’importance aux mouvements que l’on voit sur les côtés, question de survie ancestrale. Évite de mettre des images animés dans ta sidebar et offre un meilleur confort de lecture à tes visiteurs !
  • trop de couleurs différentes, trop de polices différentes

Le B-A-BA du design :

Avoir un joli blog, c’est facile. Si, promis. Pas besoin de sortir d’une école de design ou des beaux arts.

1- Mise sur la sobriété

Si, et même surtout si tu n’es pas une as de l’informatique, mise sur la sobriété :

  • un fond uni, blanc ou de couleur douce,
  • une bannière avec le titre de ton blog,
  • un modèle simple : une colonne centrale, avec les articles, une barre latérale avec quelques éléments, et c’est tout.

le design, les photos : un bien joli blog !

2- Les polices, les couleurs

Encore une fois, fais simple. Les grands manitous du design te recommanderont 3 polices et 3 couleurs au maximum. Une pour le corps du texte, une pour les titres, et éventuellement une troisième pour le fun.

Cette sobriété te permet de créer une identité visuelle, facilement reconnaissable. Ceci est d’autant plus vrai si tu souhaites faire un blog professionnel.

Dans le cadre de ce challenge, axé sur les blogs personnels, je te recommande de limiter le nombre de couleur de ton blog. Quelques couleurs, bien assorties seront du plus bel effet. Utilise les pour ta bannière, pour les titres de tes articles, à l’intérieur du corps de texte si tu souhaites mettre de la couleur, pour les liens…

Quant aux polices, voici mon avis sur la question – très personnel encore une fois. Limite toi à 3 polices pour le texte de ton blog : bannière, titre, corps du texte… Et lorsque tu ajoutes du texte sur tes photos, éclate-toi et choisis tout un tas de polices sympa. Tu pourras en trouver des gratuites à télécharger sur DaFont par exemple.

Les photos, les illustrations :

le design, les photos : un bien joli blog !

 

Les photos, les illustrations sont importantes pour garder l’attention des lecteurs. Même si ton texte est génial. A moins, bien entendu, que le contenu de ton blog ne soit délibérément pas illustré, parce que tu écris un roman par exemple.

Le mieux, c’est d’utiliser tes photos personnelles. Pas besoin d’être un grand photographe de talent pour mettre de jolies photos sur ton blog. Ni d’avoir un appareil photo réflex haut de gamme. Un smartphone et de la créativité fonctionnent tout aussi bien.

Pour éditer tes photos, il y a Photoshop. C’est l’outil le plus puissant. Mais il est cher. Et complexe à prendre en main.

A la place, tu peux utiliser PicMonkey un éditeur de photos en ligne, simple et intuitif. Il te permet de réaliser les opérations de base : recadrer, gérer la luminosité, ajouter du texte… et propose des effets très tendances, en un clic – un peu sur Instagram. Et puis tes photos restent ta propriété.

le design, les photos : un bien joli blog !

Imagine ton blog :

Comment imaginer le look de ton blog ? Tu as certainement une vague idée en tête, mais es-tu capable de décrire clairement ce que tu recherches ? Si oui, attrapes un crayon et une feuille de papier et note tout ça, avec des schémas si nécessaire. Tu pourras ainsi trouver sur internet toutes les infos qu’il te faudra pour créer le blog de tes rêves.

Si tu n’as pas d’idées précise, je te propose cet exercice, pour t’aider à y voir plus clair :

  • liste 5 blogs dont tu adores le design – Il se peut très bien que le contenu ne te parle pas. On parle ici uniquement de design et d’illustration. Si tu n’en connais pas 5, clique sur les liens disponibles d’un blog que tu aimes bien, et continue à découvrir des sites, sans t’arrêter sur leur contenu, jusqu’à ce que tu aies découvert 5 blogs que tu trouves très beaux.
  • note pour chacun de ces blogs ce que tu aimes dans leur look – Qu’est ce qui te plaît vraiment dans ces blogs ? La bannière ? Les couleurs ? Le style des photos ? L’organisation des éléments ?
  • inspire toi de tous ces éléments, en les mélangeant, pour imaginer le design et l’allure de ton blog. – Attrape quelques feuilles de brouillon, et note en vrac sur l’une d’elles tes idées. Sur une seconde, au format paysage, schématise l’allure de ton blog comme il apparaîtra à l’écran. Colorie, détaille, annote. Get messy*.

le design, les photos : un bien joli blog !

Une fois que tu as une idée précise du design et de l’allure de ton blog, il te sera plus simple de chercher comment réaliser chacune des options. Il existe une immensité de tutoriaux, pour t’expliquer comment faire à peu près tout ce que tu peux souhaiter pour ton blog !

*get messy : je ne sais comment traduire cette expression simplement. On peut dire « n’hésite pas à ce que ce soit le bazar sur tes feuilles ! »

Et toi, il ressemble à quoi le blog de tes rêves ? Vois-tu un autre conseil important qui ne se trouve pas dans cet article ? As-tu des questions qui restent en suspend ? S’il te plaît, partage ton avis en commentaires.

33 Commentaires

  1. Ce sont typiquement les questions que je me suis posées il y a un an. Mon blog ne ressemble pourtant pas du tout à ceux que je trouve d’ordinaire jolis, mais il me ressemble, ça c’est sûr ! Pour l’occasion j’ai même mis la main dans le CSS et je m’en suis sortie, ouf !! Côté bannière c’est assez singulier, je l’ai dessinée et peinte à la main puis scannée et j’ai ajouté le titre numériquement.
    Mon seul regret vient de la plate-forme qui a ajouté des pubs depuis quelques mois. J’ai conseillé à mes quelques lecteurs de se munir d’adblock pour ne plus les voir, je pense le mentionner dans la sidebar, mais j’ai peur que ça ne suffise pas à empêcher les gens de fermer aussitôt comme tu le dis. J’ai pensé migrer un temps mais ce serait beaucoup de travail et je ne trouve pas de plate-forme qui me convienne.

    Réponse
    • Effectivement, avec adblock, je ne vois aucune publicités sur ton blog.
      Dans un article précédent, celui au sujet du choix de la plateforme, tu trouveras dans les commentaires un lien vers un tutoriel qui explique comment changer de plateforme avec un minimum de travail. Si jamais tu te décide, cela pourra t’être utile !

    • Les facéties d’une fée est un très joli blog, un peu atypique au niveau du look mais c’est très cohérent.
      Par contre, c’est vrai que les pub sont gênantes, et on a du mal à les ignorer car leurs couleurs criardes jurent avec la douceur des couleurs du blog, ça fiche tout le look en l’air !
      En plus , je ne sais pas pourquoi, sur mon écran, dans la colonne de droite elles sont tronquées du coup ça énerve encore plus .
      Bonne continuation.

    • Merci d’être allées jeter un œil et pour vos retours ! Chez moi aussi les pubs sont coupées (quand je désactive adblock), c’est vraiment très laid. Je vais peut-être voir à passer en payant. J’avais bien lu l’article qui traitait des plateformes mais je n’y trouve pas mon compte, j’ai l’impression qu’on y est moins libre (CSS, moins de stockage) sauf à passer à wordpress mais c’est payant aussi.

  2. Merci pour tes astuces et conseils !
    Comme toi, je suis très sensible au design du blog et il est vrai que ça conditionne vraiment le fait que je vais suivre ou non un blog. Du coup, je suis devenue très attentive pour le mien. Son allure a beaucoup évolué en 6 ans : plus épuré, photos plus travaillées,…
    Mon travail actuel est d’épurer ma sidebar dont j’avais tendance à me servir pour enregistrer mes favoris. J’ai donc créé une page à cet effet que je complète au fur et à mesure.

    Bon week-end

    Réponse
    • J’aime beaucoup les étoiles de ton blog ! Merci pour le partage de ton expérience ☺
      Pour gérer tes blogs préférés, tu peux utiliser un lecteur de flux RSS, comme feedly par exemple.

  3. Salut ! Moi ça fait quelques semaines que dès que je vois un blog qui m’inspire (esthétiquement) je le note sur Evernote* et je prends quelques captures d’écran des parties qui m’intéressent avec des notes. Je n’ai pas encore commencé à créer mon blog encore mais quand je commencerai je pense avoir beaucoup d’éléments pour faire un très joli blog !!

    *Evernote : Pour ceux qui ne le connaissent pas, il s’agit d’un logiciel pour prendre des notes. On peut classer les notes par « carnets » et faire de « sous-carnets » et pour moi c’est très pratique ! Tu le télécharges et puis le contenu de ton compte est synchronisé avec internet donc on peut accéder à nos notes depuis n’importe quel ordinateur. Je l’utilise pour tout : Pour noter des recettes, des articles, des documentaires…

    Réponse
    • Quelle excellente idée ! Evernote est effectivement très pratique pour ça ☺ Merci pour le partage de cette chouette idée.

  4. Bonjour! Très sympathique ton article et très utile pour bien penser le design de son blog. Il y a des conseils dans lesquels je me retrouve, surtout dans celui de bien regarder le design des blogs qu’on affectionne pour améliorer le sien. J’essaie de le faire au mieux pour qu’il soit agréable à visiter.

    Réponse
    • Merci pour ton retour ☺

  5. bonjour, j’ai lu attentivement tes conseils… et je cherchais un truc qui me dise comment on fait pour avoir du mouvement sur son blog, je veux dire des commentaires… j’ai des visites mais jamais de commentaires…. as tu une idée s’il te plait… merci bien à toi

    Réponse
    • Le sujet des visites, des commentaires et des stats sera abordé prochainement Véronique ;-)

  6. Merci beaucoup pour tous ces conseils, ils sont très précieux!
    P.S. : ça n’a rien à voir avec le sujet, mais j’adore cette photo de détail du cheval et ta (?) main, elle est magnifique!!!
    Bises
    Kristell

    Réponse
    • Oui Kristell, c’est bien ma main, qui offre les dernières châtaignes de la saison, ramassées par Petit Lutin à Brownie, notre belle jument noire ☺

  7. Merci Clémentine pour tous ces conseils. Je ne change pas tout tout de suite mais ça mûrit doucement. Comme sur mon blog je ne poste que des photos perso, j’aimerais bien ajouter un filigrane avec le nom du blog pour qu’on soit moins tenté de réutiliser mes photos (je sais que ça n’empêchera pas celui qui veut vraiment le faire).
    est-ce que tu utilises PicMonkey également pour cela (je découvre ce logiciel) ?
    Bises,
    Céline

    Réponse
    • Oui, tout à fait, tu peux ajouter du texte sur les photos.
      J’ai regardé tes photos sur ton blog, et ce sont des photos de famille, de vie de famille. Je pense (mais c’est une conviction personnelle) que ce ne sont pas ce genre de photos qui risquent le plus d’être « volées ». Je comprends cependant tout à fait ton envie d’y apposer ta signature, et Picmonkey te le permettra ☺

    • Il va falloir que j’essaie pickmonkey pour comparer car je ne connais pas , mais il y a aussi canva que j’ai découvert récemment et c’est très pratique pour une composition de plusieurs photos, ajouter du texte, flouter l’image d’arrière plan etc…

  8. coucou
    je me suis enfin lancée, j’avais créer mon blog le 07/01/15 mais je n’avais pas encore écrit
    l’actualité ayant un peu plombée l’ambiance et l’excitation de tout ça
    mais voilà, je me suis dit qu’il n’y avait pas de bons jours alors j’ai écrit mon premier article où je te remercie de tous tes conseils
    je réfléchis beaucoup à la présentation
    pour l’instant j’aimerai mettre les petites icônes pour le suivre tels que pinterest, instagram ou autre
    mais juste les petites icônes pour ne pas alourdir
    mais bon, je commence à avoir les yeux fatigués de rester collé à l’ordi
    en tout cas merci encore

    Réponse
    • Génial Elisabeth, merci pour ce partage ☺ Je te souhaite de nombreux articles, et beaucoup de plaisir à écrire sur ce blog !

  9. Chère Clémentine,
    c’est depuis peu que je viens sur votre blog découvert par intérêt pour le zéro déchets.
    J’ai tout de suite aimé la clarté de la présentation et les couleurs douces. Je trouve géniale l’idée de la photo bandeau qui ouvre chaque article. Elle fait tout de suite envie. Elle accroche et on la voit toute entière dès le premier coup d’oeil.
    Et bien sûr, j’aime le contenu des articles, leur structuration, l’écriture fluide, les illustrations dont le coup de crayon qui rejoint mon âme d’enfant.
    Merci pour tout !
    Continuez !
    Claire

    Réponse
    • Merci Claire pour tous ces compliments. Je suis sincèrement touchée ♥

  10. Merci Clémentine ton article est très bien fait et plein de bons conseils. Un autre détail me semble important: vérifier que le design de notre blog s adapte aux mobile ou tablette. Pour cela le mieux est de choisir un thème « responsive » ou installer un plugin qui fera le changement automatiquement sinon ça risque d être illisible car trop petit et dans ces cas là personnellement je ne reste pas (et je lis pratiquement tout de ma tablette). Par exemple chez toi la première image en haut ne s affiche pas mais les autres ensuite si!? Ceci dit ce bug est probablement dû à mon appareil qui n autorise pas Java….
    Et merci pour le logiciel, je ne connaissais pas je vais aller voir ça!!

    Réponse
    • Ah oui, merci pour cette remarque Aurélie ! C’est vrai que les appareils mobiles sont de plus en plus utilisés. C’est étrange pour la première image car chez nous, on les voit toutes. Et je ne crois pas (mais je en suis pas sure) d’avoir de java sur mon site…
      Quoiqu’il en soit, merci beaucoup pour ton retour ☺☺

  11. Bonjour
    Comme d’habitude, un article très intéressant.
    J’ai fait un peu « aille  » quand j’ai vu « mise sur la sobriété » car c’est mon gros problème !
    Pour essayer d’y voir plus clair j’ai fait un deuxième blog destiné essentiellement à mes clientes , c’est son adresse que je met sur mes cartes de visite pro celui-là j’ai réussi à l’épurer, c’est jute une vitrine pour ma marque et je n’y met que le meilleur de mes collections (de toute façon, à terme il sera remplacé par un site…dès que j’ai des sous pour, ça) .
    Mais le problème c’est mon premier blog ou je met ça plus tout le reste : Les créations plus « fantaisies » et maintenant les articles coup de coeur DIY etc…
    Je n’ai pas réussi à éviter les deux barres latérales, et plein de trucs en pied de page.*
    Le fond n’est pas sobre , je voulais quelque chose qui évoque la nature. Un fond blanc ne me correspond pas du tout, j’ai essayé, mais non.
    SI Clémentine ou quelqu’un peut aller faire un tour sur mes deux blogs et donner son avis…
    Le lien vers le premier blog s’affiche automatiquement mais je met ici le lien vers le blog -vitrine.
    http://haliotis-creations.blogspot.fr/
    bonne journée

    Réponse
    • Merci Dominique pour le partage de ton expérience.
      Comme je le mentionne, je fais par ici de mes goûts personnels, et tu peux très bien aimer avoir un blog qui ne soit pas sobre. Je pense simplement qu’il est plus facile, lorsqu’on n’est pas informaticien ou designeur de faire un joli blog sobre qu’un joli blog plus compliqué. Je te souhaite de trouver ce qui te plaît, à toi !

      Quant à aller faire un tour sur ton site, je vais proposer d’ici la fin du mois de constituer des équipes de deux personnes pour se faire une critique de blog complète. Tu pourras t’inscrire pour avoir un retour détaillé ☺

  12. Bonjour Clémentine, bel article pour celles qui démarrent leur blog. Je me suis effectivement posée ces questions à la création de mon blog et à priori je rentre dans tes critères … Ceci dit j’adore depuis longtemps tes illustrations que j’avais découvertes sur le blog de Natasha. Elles me plaisent beaucoup tes figurines : tu as un bon coup de pattes …

    Réponse
    • Merci Claire ☺ J’ai toujours aimé dessiner – au grand désarroi de mes profs au collège et au lycée ;-)

  13. Je te suis sur tout les points Clementine ! Pour moi le plus difficile, ce sont les photos… Souvent en déplacement pour mes ateliers, j’utilise mon smartphone et je ne suis pas satisfaite du resultat :/
    Et j’ai le sentiment que la mise en ligne sur blogger absorbe encore des pixels …
    Bravo pour ton article !

    Réponse
    • Merci Delphine pour ton retour !
      Blogger effectivement réduit la taille des images, par là, j’entends les compresse. Pour l’éviter, je crois qu’il faut ne pas dépasser une taille maximum lorsque tu les charges. Et donc les compresser toi-même grâce à un logiciel de retouche photo : photoshop, the gimp, picmonkey…

  14. Merci pour la découverte de Picmonkey. Les photos, malgré un appareil correct, c’est vraiment pas mon fort. Depuis que je me suis essayée à Pic Monkey, mes photos me plaisent (mieux). Je tâtonne encore un peu mais c’est vraiment un super outil !
    Merci !

    Réponse
    • Merci Emilie pour ton retour. Je suis ravie d’apprendre que tu apprécies cette découverte ☺☺

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Reçois 4 cartes gratuites à imprimer

Puis une nouvelle carte par mois

Fini la course en ville dans les papeteries pour trouver une carte.
Tu en auras toujours une à porter de main.

Donne-moi ton mail juste en dessous que je t’envoie tout ça !

* indicates required
Comment t'appelles-tu ?
Vérifie bien qu'il n'y a pas d'erreurs de frappes !

Encore un peu de lecture ?

La box de cartes postales

Acheter, c’est voter ! Fais-le selon tes valeurs.

Imagine...

Recevoir tous les mois un joli paquet avec des cartes postales uniques.

Prendre un temps pour toi, avec un bon thé, pour écrire à tes proches sur ces jolies cartes.

Imagine leur bonheur quand ils reçoivent ce courrier si original et personnel.

Tentée ?

Pendant ce temps sur Instagram…