WEB DESIGN

Quelles sont les étapes importantes pour créer un logo ?

Détail des grandes étapes de la création d'un logo et étude approfondie des couleurs à utiliser. Que se soit en impression ou en web design, le logo est d'une grande importance.

Anne-Laure CompainAnne-Laure Compain

Anne-Laure Compain

Graphiste chez Snoweb
Publié le 15 mars 2021 (Mise à jour le 8 avril 2022)


Dans cet article nous allons détaillé

  • les instants clés lors de la création d'un logo
  • les choix importants à prendre
  • les documents présentant votre logo
  • comment se démarquer de vos concurrents

1.1. Logo combiné

Le logo combiné est composé :

  • une typographie
  • un pictogramme

Ces deux éléments peuvent être l’un sur l’autre, à côté, ou l’un au dessous de l’autre. Il s'agit du type de logo le plus couramment utilisé.

Point positif de ce type de logo, il peut évoluer dans le temps. Lorsque la marque devient connue, on peu retirer le texte et on se retrouve avec seulement le pictogramme !

Logo Snoweb

1.2. Logotype

Ce type de logo repose entièrement sur la typographie.

C'est dans ce genre de logo qu'on peut retravailler une typographie existante afin de mieux se l'approprier. Ce type de logo ne peut pas s'appuyer sur un pictogramme pour se faire remarquer. La typographie et le choix des couleurs sont les seuls atouts de ce type de logo, ils doivent être méticuleusement choisi.

logo google

1.3. Monogramme

Un monogramme est une réduction du nom d'une société en 2 ou 3 lettres, comme l'a fait Hewlett-Packard avec son logo HP.

C'est un choix risqué et il est conseillé au début, d'afficher entièrement son nom au-dessous ou à côté du monogramme pour que les clients puissent comprendre.
logo hp

1.4. Pictogramme

Un pictogramme est un logo qui est représenté avec seulement un élément graphique, comme l'oiseau pour Twitter ou la pomme croquée d'Apple. Aucun texte , aucun nom de compagnie, seulement un symbole.

Ce type de logo n'est pas pour toutes les entreprises, il faut être connu pour utiliser ce type de logo.
logo twitter

1.5 Mascotte

Le logo mascotte permet de créer un personnage fictif auquel les clients pourront s'attacher. Cette mascotte sera facilement utilisable dans la communication de la marque.

logo kfc

1.6. Emblèmes

Ce type de logo fait appel à un côté historique, rétro et est très en vogue. Par contre, il est risqué de créer un logo emblème car la surcharge d'information arrive très vite et nuit à la lisibilité.

À noter que dans ce type de logo, le texte est indissociable du reste du logo. Ils vont de paire.
logo starbucks

1.7. Logo abstrait

Le logo de Carrefour est un très bon exemple du logo abstrait ! Chacun y verra ce qu'il veut mais le logo Carrefour renferme à la fois un "C" blanc, un carré ou encore une flèche !

Logo Carrefour
À l'affût de nouvelles tendances web design ?

Inscrivez-vous à notre newsletter web design et recevez nos nouveautés en temps réel !

2. Définir les objectifs et les utilisations du logo


Un logo doit être

  • mémorable
  • identifiable en quelques secondes.

C’est pour cela qu’il doit être simple, clair et extrêmement lisible.

Avant de commencer à créer un logo, il faut se poser les bonnes questions

Quelle sera l'utilisation de mon logo ?

Sur quels types de support il sera visible.

Pour l'impression :

  • journaux
  • brochures
  • dépliants
  • étiquettes

Pour le web :

  • site internet
  • réseaux sociaux
  • blog

Pour quelle type d'entreprise est le logo ?

Quelles couleurs utilisé selon le domaine.

Dans quel secteur d'activité est la marque :

  • enfance
  • finance
  • ingénierie
  • nouvelles technologies
  • art
  • immobilier
  • transport
  • mode
  • artisanat
  • alimentaire
  • e️tc.

Quelle est la cible de l'entreprise ?

Mieux cibler pour mieux créer.

Connaître la cibler permet d'orienter les recherches sur :

  • les couleurs
  • la typographie
  • la forme

Un logo qui est amené a présenter des produits pour enfant ne sera pas construit de la même façon qu'un logo pour la finance par exemple. La typographie et les couleurs seront différentes ! D'un côté on doit représenter la joie, l'innocente ou l'éducation et de l'autre l'argent, la confiance, la stabilité, la sécurité.

Résumé des étapes de conception du logo

Bref résumé des 3 étapes pour concevoir un logo.

  • Brainstorming

    La première étape est de poser toutes ses idées à plat ! On part souvent d'un mot qui, lui-même va faire penser à un autre mot et ainsi de suite. On a alors une toile de mots en rapport avec notre marque.

  • Croquis

    C'est le moment de créer les premières idées ! Il est conseillé dans un premier temps de faire ces croquis en noir et blanc afin d'uniquement se concentrer sur la recherche des formes et pas sur les couleurs.

  • Rendu final

    Cette étape regroupe la création des déclinaisons du logo mais aussi la création de la charte graphique, un document regroupant toutes les règles du logo : construction, couleurs, typographie, interdits, déclinaisons.

3. Les étapes de conception du logo

3.1 Brainstorming

Cette étape permet de mettre au clair les questions détaillées précédemment

  1. Qui êtes-vous ?
  2. Quel est votre message ?
  3. À qui s'adresse-t-il ?

C'est aussi à cette étape qu'on parle des couleurs qu’on aime mais surtout des couleurs qui vont refléter la marque. Attention, chaque couleur à une signification, nous vous le détaillons un peu plus bas.

Enfin, cette première étape permet aussi d'étudier la concurrence, de savoir comment ils communiquent afin d’y trouver les points forts et les points faibles et de s’en démarquer.

Bon à savoir : Si vous travailler à plusieurs sur la création de cette identité, faites une table ronde ! Demander à plusieurs personnes ce à quoi leur fait penser votre activité :

  • un animal
  • un objet
  • un moment
  • un domaine
  • une personnalité
  • une licorne ?

3.2 Croquis

Mon étape préférée : la recherche !

Ici on parle de recherche de la typographie et des formes et PAS de sélection des couleurs, des lumières, des ombres, des effets et j'en passe !

  • La typographie

La sélection d'une typographie se fait en fonction du style voulu pour le logo. Un style plus moderne, classique, enfantin, technologique... On choisira alors une typographie plutôt manuscrite, avec ou sans empattements, en capitales ou encore en minuscules.

De plus, il est intéressant de travailler sur la taille et la graisse des polices. Lorsque je parle de "taille" il s'agit de la grandeur de vos lettres mais quand je dis "graisse" il s'agit de l'épaisseur des lettres. En d'autres termes, une typographie fine, normale, grasse, ultra-grasse, black.

Ce jeu sur les tailles et graisses permet d'accentuer une idée par exemple.

À noter que les typographies peuvent être retravaillées pour les personnaliser et amener plus de caractère à un logo. Mais attention, seule une personne connaissant les règles de typographie et du graphisme pourra s’aventurer sur ce terrain. Lorsqu’on ne s’y connait pas et qu’on personnalise une typographie, cela peut vite devenir illisible.

  • Pictogramme

Pour améliorer la compréhension d'un logo, on peut lui associer un élément graphique, aussi appelé pictogramme. Le pictogramme peut soit être a côté du texte soit être imbriqué dans le texte et avoir un logo important à la compréhension du logo. Comme sur l'exemple ci-dessous avec le "&":

À long terme, le nom d'une marque peut disparaître afin de laisser place au pictogramme qui deviendra le seul élément d’identification de la marque ! C’est ce qui se passe pour Apple : à la simple vue de la pomme croquée, nous identifions la marque.

exemple-logo-pictogramme
  • Baseline

Accompagner le logo d’un slogan ou baseline est aussi très répandu : cette information supplémentaire permet de résumer brièvement (en 4 ou 5 mots) l'activité de la marque.

Attention avec l'utilisation d'une baseline. Elle apporte un complément d'information mais c'est risqué car elle peut alourdir visuellement le logo et perturber sa lisibilité.
  • Pistes graphiques

L’idée est de créer plusieurs pistes graphiques, le maximum possible, pour ensuite pouvoir en éliminer ou en faire évoluer. C’est de cette manière que l’on arrive au bout de toutes nos idées et surtout à un logo bien construit.

Bon à savoir : Si votre logo a une utilité principale sur le web, pensez à le créer plus horizontal que vertical afin qu’il s’adapte bien dans le header de votre site internet. Aussi, lorsque vous travaillez vos couleurs, travaillez-les en mode RVB (rouge vert bleu) et non CMJN. Le mode RVB est le mode colorimétrique utilisé sur le web : il permet d'avoir plus de nuances de couleurs et des couleurs plus fluos. Tandis que le mode CMJN est plus terne car utilisé en impression papier.

3.3 Déclinaisons

Une fois le logo et les couleurs trouvés, il faut penser aux différentes déclinaisons du logo:

  • déclinaison de couleur du logo
  • déclinaison de couleur du fond du logo : fond blanc ou avec une couleur unie ou dégradée
  • ajout d'une texture particulière pour un effet rétro par exemple

Dans les déclinaisons on parle aussi du sens du logo.

Par exemple :

Si votre logo a un pictogramme et au dessous du texte, alors cette disposition conviendra très bien pour une carte de visite ou un flyer ou vos réseaux sociaux mais pas pour votre site internet ! Votre logo sera tout petit dans le menu et illisible. Vous devez donc faire une déclinaison horizontale du logo. Dans ce cas mettez le texte à droite du pictogramme et le tour est jouer !

3.4 Les exports pour votre logo :

  • Site internet ou réseaux sociaux

Exportez votre logo aux formats :

  • SVG : pour un fichier vectoriel optimisé et étirable à l'infini sans perte de qualité ni de ratio
  • PNG : si vous voulez un export image avec fond transparent
  • JPG : pour un export d'image avec fond de couleur ou blanc

  • Impression du logo sur papier

Exportez votre logo aux formats :

  • EPS : format de fichier haute définition pour agrandir à volonté votre logo et le rouvrir sur différents logiciels tels que Illustrator ou Sketch
  • PDF : format à privilégier pour les imprimeur

Les tailles des exports :

Pour un site internet au format horizontal, voici quelques dimensions utiles en pixel (l'unité utilisé par les navigateurs web) :

  • 250 px x 100 px
  • 350 px x 75 px
  • 400 px x 100 px

Pensez également au favicon (la petite icone qui s'affiche en haut d'une page web) avec des dimensions carré pour la création de votre site internet :

  • 16 px x 16 px
  • 32 px x 32 px
  • 48 px x 48 px

Pour Facebook :

  • Photo de couverture : 851 х 310 px
  • Photo de profil : 180 х 180 px

Pour Twitter :

  • Photo de couverture : 1500 х 500 px
  • Photo de profil : 200 x 200 px

Pour Instagram :

  • Photo de profil : 150 x 150 px

Pour YouTube :

  • Miniature : 1280 x 720 px
  • Photo de couverture : 2048 x 1152 px
  • Photo de profil : 800 x 800 px

Pour LinkedIn :

  • Photo de couverture d'un profil : 1584 x 396 px
  • Photo de couverture d'une page : 1128 x 191 px
  • Photo de profil : 400 х 400 px

3.5 La charte graphique

Une fois votre logo finalisé, pensez à faire la charte graphique ! Elle va reprendre les éléments importants de votre logo à savoir :

  • construction
  • couleurs
  • typographie
  • déclinaisons
  • interdictions
  • utilisations


4. Associez correctement les couleurs de votre logo

creer un logo cercles chromatique

Familles de couleur

Lorsque vous réfléchissez aux couleurs de votre logo, prenez le temps de choisir des couleurs qui se marient bien entre elles pour le mettre en valeur. Il existe 3 types d’associations à privilégier pour votre logo:

  • Les couleurs complémentaires : elles sont situées les unes en face des autres sur le cercle chromatique. Association ultra dynamique qui attirera le regard.
  • Les couleurs analogues : elles sont situées les unes à côté des autres sur le cercle chromatique. Elles permettent de créer une certaine harmonie lorsqu’elles sont utilisées ensemble.
  • Les couleurs triadiques : elles sont situées à égales distances les unes des autres sur le cercle chromatique. Elles permettent de créer un effet stimulant et osé lorsqu’elles sont utilisées ensemble.

Exemple 1 : Orange + bleu + turquoise

creer un logo bleu

Cette association de couleurs est assez classique. Mais disons plutôt qu'elle a déjà fait ses preuves. Dans ce choix, il n'y a pas ou peu de prise de risque car cette association de couleurs est beaucoup utilisée dans le monde du graphisme.

Nous partons ici sur une association de couleurs complémentaires avec des couleurs très réalistes qui peuvent s’apparenter à des éléments de la vie courante comme :

  • Vagues bleues pour la mer
  • Rond orange pour le soleil

C'est d'ailleurs notre exemple !

Signification des couleurs
Bleu

En web design et en marketing, le bleu est utilisé dans les domaines de la santé, la propreté, les transactions financières, les transport, le voyage et l'informatique.

En savoir plus
Orange

En marketing et design, le orange rappel la chaleur, la confiance, l'énergie, la communication, la fierté, la réactivité, la créativité, le succès et le sport.

En savoir plus

Exemple 2 : Vert + marron

creer un logo marron

Cette association de couleurs plus naturelles nous rappelle la notion de nature, de Terre et de terroir comme dans notre exemple.

Signification des couleurs
Vert

En marketing et design, le vert va montrer la croissance d’une société ou d’un produit, le bien-être, la fraicheur mais aussi la nature, le bio, les plantes et les animaux.

En savoir plus
Marron

En marketing et design, le marron nous rappel l'agriculture, la terre mais aussi la Terre, l'histoire, l'authentique, le naturel et l'artisanat.

En savoir plus

Exemple 3 : Camaïeu de bleu + vert

creer un logo bleu vert

Cette association de couleurs analogues à une connotation de bien-être et de réconfort car ces couleurs, très proches les unes des autres, sont douces avec peu de contraste entre elles.

Quelques exemples d’utilisation : le domaine de la santé (produits pharmaceutiques) ou encore le bien-être (le yoga ou la méditation).

Si vous chercher une dernière couleur à ajouter avec cette association : le gris !

Exemple 4 : vert et or

logo_cbs

La couleur or a une connotation très prestigieuse. Elle est d'ailleurs souvent utilisée par des marques de luxe. Associé à une couleur sombre, la couleur or apporte encore plus la sensation de luxe. Elle se marie parfaitement avec :

  • bleu foncé
  • noir
  • gris foncé
  • vert foncé, comme sur l'exemple ci-dessus


5. Démarquez-vous des autres logos

Hiérarchie des éléments

L’œil doit circuler et rebondir entre les éléments d’un logo afin d’y capter le plus d’informations. Il faut donc :

  • jouer sur des répétitions de formes similaires pour créer une harmonie dans le logo
  • découper l’espace en créant des sections bien différenciées les unes des autres
  • utiliser l’espace blanc : en laissant de l’espace libre autour des éléments les plus importants, ça leur permet de respirer et de leur apporter plus d’importance
Il ne faut pas non plus oublier le sens de lecture qui se fait dans la plupart des parties du globe de gauche à droite et de haut en bas. Agencez donc votre logo dans ce sens.

Équilibre

La symétrie entre les éléments du logo va apporter une certaine structure et de la rigueur au logo. Ça va lui donner une importance, une impression qu’il s’impose dans le monde des marques. De plus, il est très agréable de "jouer" avec la symétrie des formes pour en créer un logo.

Association des typographies

Dans les normes de base, il est conseillé d’associer une typographie sans serif plus moderne (sans empatement) avec une serif plus classique (avec empatement). Mais ce n’est pas une science exacte ! Vous pouvez aussi associer deux typographies de la même famille et jouer sur leurs graisses !

Lisibilité et formes

Une fois vos recherches de logo faites, réduisez au maximum la taille de votre logo et regardez s’il est toujours lisible ! Éloignez-vous de votre écran, prenez du recul sur votre travail. Si vous parvenez à voir tous les éléments et lire les textes distinctement, alors le tour est joué !

Enfin, n’hésitez pas à demander à une personne externe de faire ce même test car vous connaissez vos créations donc n’êtes pas le meilleur juge.

Contraste

Le contraste n’existe pas que sur la couleur, il existe aussi sur les formes !

Par exemple une courbe et une ligne droite ou du texte et une illustration ou encore un triangle et un cercle forment des contrastes.

Bon à savoir : Pour voir le contraste entre vos couleurs, passez-les en noir et blanc et vous verrez de suite leurs impacts.

Cette association est osée et chic ! Souvent associée au noir ou au gris, la couleur or a une très belle connotation et fait penser au haut de gamme, peu importe le secteur d’activité. Elle est rarement utilisée avec du bleu foncé et c'est dommage ! La profondeur de la couleur bleu permet de faire ressortir le chic de la couleur or.


6. Pourquoi travailler avec un graphiste pour créer son logo ?

Conseil et expertise

Un graphiste n’est pas là que pour exécuter vos idées, il va aussi vous conseiller sur vos choix et vos idées mais aussi, sur la cohérence entre votre activité et votre logo. Il aura aussi un regard externe au projet et sera plus propice à vous apporter une critique positive du projet.

Technique

Le graphiste vous fournira des fichiers HD et dans tous les formats nécessaires à la bonne utilisation de votre logo ; que ce soit pour un imprimeur, un autre graphiste, un webdesigner ou encore un développeur. Aussi, il pourra travailler à vos côtés sur la conception de vos cartes de visite, flyer ou encore sur l’élaboration de votre charte graphique ! Si vous aimez votre collaboration, il pourra vous suivre tout au long de votre projet pour créer du contenu et vous conseiller. Il pourra aussi vous mettre en relation avec d’autres prestataires comme un imprimeur ou un développeur pour vos autres besoins.

Rapidité

Passer plusieurs mois à travailler vous-même sur votre logo ou avoir un logo professionnel et utilisable au bout de quelques jours ? Le logo est l’expertise de base d’un graphiste: il saura vous conseiller et réaliser ce que vous avez en tête. Vous pourrez aussi échanger avec lui pour lui faire des retours sur ses différentes propositions. C’est dans ce sens que vous avancerez rapidement sur la conception du logo.

7. Conclusion

Comme vous avez pu le constater, réaliser un logo est une longue tache et nécessite énormément de connaissance technique. Aujourd'hui, il existe de nombreux site qui vont vous proposer de vous faire un logo en quelques minutes. Vous aurez alors un logo :

  • En très peu de temps
  • Peu coûteux
  • Banal
  • Comme les autres
  • Pas aboutit

Votre logo est la photo de profil de votre marque, soigner la et ça commence par une création réfléchie, aboutie et réalisée par un expert. À ce sujet, je vous laisse découvrir notre article qui vous dévoile le prix d'un logo et vous conseille sur le choix de votre prestataire.

Je souhaite créermon logo
En savoir plus

Le sujet du web design vous fascine, alors ces articles devraient vous intéresser également.

Inscrivez-vous à notre newsletter web design

Recevez les dernières nouveautés et astuces sur le web design directement dans votre boite e-mail.

Partager cet article sur les réseaux sociaux

Nos derniers articles sur le web design

Inscris-toi à notre newsletter et reçois les dernières nouveautés et astuces en lien avec le web design.

pop-up newsletter web design