Je sais que tout le monde n’est pas né avec des compétences en design, alors je suis là pour vous donner un peu d’espoir et vous dire que vous pouvez toujours créer un en-tête de blog agréable même si vous n’êtes pas un designer!!
Tout d’abord, vous aurez besoin d’un endroit pour créer un en-tête. Si vous avez Photoshop, vous êtes sur la bonne voie. Si vous n’avez pas encore utilisé Photoshop, vous pouvez utiliser quelque chose comme Gimp (c’est comme un Photoshop gratuit) ou Canva.
Étape 1: Définissez vos dimensions
Une fois que vous avez choisi l’arme de l’éditeur de votre choix, il est temps de définir les dimensions de votre en-tête. Vous voudrez probablement que votre en-tête étire la largeur de votre blog. Si vous ne savez pas quelle est la largeur totale de votre blog, vous pouvez accéder à votre Éditeur / personnalisateur de modèles et rechercher la largeur de la zone d’en-tête qui doit être affichée en pixels.
Lorsque vous créez une nouvelle Image ou un nouveau projet dans l’un de ces programmes (Fichier > Nouveau), il doit vous demander des dimensions. Définissez vos dimensions personnalisées sur pixels et entrez la largeur de votre blog, suivie de la hauteur que vous souhaitez que votre bannière soit. Il n’y a pas de règle empirique pour une hauteur, mais je la garderais probablement sous 350 pixels uniquement à des fins esthétiques.
S’il existe un paramètre de résolution ou de DPI, il doit être réglé sur 72. Tout pour le web devrait toujours avoir une résolution de 72 DPI. Rendre le fond blanc pour faciliter les choses.
Super! Vous avez maintenant un document vierge de la taille exacte de votre en-tête. Passons à la conception
Étape 2: Concevoir l’en—tête de votre blog
Si vous faites partie de ces personnes qui n’ont aucune capacité artistique, le meilleur conseil que je puisse vous donner est quelque chose que j’ai appris en 3e année K K.I.S.S. – Restez simple, Stupide!
Un joli en-tête n’a pas besoin d’être plein de graphiques et de toutes vos choses préférées. Il peut être simple et chic sans aucun graphisme. Les polices sont vos nouveaux meilleurs amis.
Certaines choses à retenir pour rester simple:
- Limitez votre utilisation de polices, essayez un maximum de deux polices.
- Les titres doivent être faciles à lire. Utilisez une police lisible.
- Si vous utilisez une police de fantaisie pour un élément, essayez une police simple pour l’autre.
- Assurez-vous que tout s’aligne correctement
- Essayez de laisser la même quantité de remplissage sur tous les bords
Voici quelques exemples d’en-têtes simples:
Ce premier en-tête est le plus simple des plus simples. Il utilise la même police partout et le slogan est aligné avec la fin du « T » dans la ligne au-dessus, ce qui rend les choses agréables et justifiées. Le rembourrage (espace blanc) en haut et en bas est égal, et il en va de même pour les côtés gauche et droit.
Ceci est une amélioration par rapport au premier en-tête. Voyez quelle différence cela fait si vous êtes capable d’aligner parfaitement le slogan avec le mot au-dessus? Lorsque les choses sont en ligne, le design semble tellement plus unifié. J’ai rempli l’espace blanc vide à côté du slogan avec une simple ligne droite de 1px pour lier les choses un peu mieux.
L’en-tête ci-dessus utilise différentes polices. Pour le titre du blog, j’ai utilisé une police de fantaisie, ce qui signifie que le slogan ci-dessous devrait être quelque chose de beaucoup plus simple. Je pense que ces deux polices se complètent bien car elles sont à la fois des polices à empattement et légèrement hautes. Trouvez des polices qui se complètent si vous en utilisez plusieurs. Cette police de titre s’appelle Rosewood si vous souhaitez l’essayer.
Ajoutez un peu de couleur ! Une fois que vous avez défini vos polices, vous pouvez expérimenter avec un peu de couleur. Encore une fois, assurez-vous que les couleurs que vous choisissez se complètent et assurez-vous également que le texte se démarque de l’arrière-plan. Donc, par exemple, ne faites pas cela:
Le titre est trop léger et fatigant pour les yeux. Il ne se distingue pas comme il se doit sur le fond blanc. Le slogan est juste trop NÉON et fatigue également vos yeux lorsque vous le regardez. Arrêtez d’utiliser du vert fluo. Au lieu de cela, si vous souhaitez utiliser ces couleurs, essayez de tonifier un peu les teintes comme ceci:
C’est beaucoup plus facile pour les yeux, n’est-ce pas? Je reviens à des polices plus basiques car je pense que celle ci-dessus est un peu trop occupée à mon goût et ne donne pas vraiment la bonne ambiance de mon blog. C’est aussi quelque chose que vous devez garder à l’esprit the la sensation générale de votre blog. Essayons de faire sortir celui-là du parc en ajoutant un peu de travail graphique:
J’ai utilisé la même structure de base que l’en-tête #2, seulement j’ai ajouté un peu de détails graphiques et je me suis assuré que cela n’interférait pas avec le texte.
Vous pouvez récupérer des cliparts sur des sites comme Etsy ou Creative Market ou vous pouvez rechercher en ligne de petits graphiques. Assurez-vous que vous avez les droits d’utiliser les graphiques… et par là, je veux dire, ne vous contentez pas de saisir des choses de la recherche d’images Google.
La chose à garder à l’esprit avec les graphiques est que vous ne voulez pas dominer le texte. Le but d’un en-tête est que les gens puissent se familiariser avec le nom de votre blog. C’est comme votre propre logo.
Si vous conceviez un logo pour vous-même, vous ne jetteriez pas tout un tas de photos aléatoires de vous et de vos aventures, n’est-ce pas? Ainsi, alors qu’un en-tête peut donner le ton à votre blog, vous n’avez pas besoin de montrer à tout le monde tous les faits saillants de votre blog en même temps. C’est à cela que servent vos publications ;).
Si vous insistez pour mettre en valeur quelques photos dans votre en-tête, assurez-vous qu’elles ne détournent pas le titre et qu’elles sont organisées de manière à bien faire circuler la page.
Voici quelques exemples de ce qu’il ne faut pas faire:
La justification est partout et le rembourrage est éteint.
Non. Juste non. Deux polices de fantaisie complètement différentes réunies ressemblent à ceci. Le slogan est difficile à lire. Cela pourrait être mignon si le slogan était plus petit, non capitalisé et dans une police sans serif de base.
Il y a beaucoup de polices parmi lesquelles choisir, et si vous les récupérez sur un site comme DaFont, vous pouvez même taper le nom de votre blog dans la zone de texte « tapez votre texte ici » sur les pages de catégorie pour voir exactement à quoi ressemblerait votre titre.
Étape 3: Enregistrer votre en-tête
Lorsque vous êtes défini, vous devrez enregistrer cette image au format PNG si vous avez choisi un arrière-plan transparent. Enregistrez-le au format JPG sinon. JPG et PNG fonctionnent bien pour les images Web.
J’espère que cela vous a un peu aidé! N’oubliez pas de faire confiance à vos yeux et assurez-vous que tout est correctement espacé. Vous seriez surpris de voir à quel point le simple alignement des choses et le choix des bonnes polices peuvent vraiment créer ou casser un en-tête!
Dernière mise à jour le 6 avril 2021