Tout savoir sur la création de logo, notamment sur Figma

Accueil
>
Articles
>
Tout savoir sur la création de logo, notamment sur Figma

Dans cet article, nous vous détaillons toutes les étapes et informations utiles pour devenir expert en création de logo, plus particulièrement sur Figma.

 

Le logo est la pièce maîtresse de la charte graphique d’une entreprise. Il est souvent l’élément le plus connu d’une entreprise et incarne l’image de marque.

 

Attention, l’utilisation du mot logo pour designer l’élément identifiant d’une marque est un abus de langage. Il existe en réalité divers types de logos, que nous présenterons plus bas.

 

Préparez-vous à découvrir les secrets pour réaliser un logo réussi et impactant.

Logo written with a special and design typography

I. Cadrage du Logo : Collecte de directives et informations

La création d’un logo doit impérativement commencer par une collecte d’informations. Le logo a pour fonction de représenter une marque. Il est donc primordial d’avoir le maximum d’informations possible sur la marque en question.

1. Recueillir les informations visuelles de la marque

Il est nécessaire tout d’abord de rassembler des informations visuelles :

- La ou les typographie(s) à utiliser

- Les couleurs choisies par la marque pour les représenter

 

Si ces éléments ne sont pas encore définis, il est important de les définir en parallèle de la création du logo. On s’approche alors de la création d’une charte graphique complète.

colors with related informations and typography in two styles

2. Réunir les informations théoriques liées au projet

Afin de connaître au mieux la marque, il est également nécessaire de réunir les informations plus « théoriques » :

- L’image de la marque, son histoire, sa clientèle, ses concurrents, ses ambitions, ses projets…

- Quels supports de communication vont être principalement exploités (site internet, carte de visite, flyers, plaquettes…)

3. Organisation de votre espace de travail Figma

Rassemblez tous les éléments collectés lors du cadrage à un seul et même endroit. Organisez ces éléments de manière claire et visuelle.

Sur votre document Figma, nous vous recommandons de créer une page dédiée à l’ensemble du processus de création du logo.
 

Au sein de cette page, créez une frame dédiée aux informations générales. Vous pouvez nommer cette frame « Ressources Logo », ou « Informations Marque », par exemple.

figma's interface with the information mentioned above in the workspace

II. Veille approfondie et recherche graphique pour démarrer la conception d'un logo

Maintenant que vous avez rassemblé les informations à votre disposition pour concevoir votre logo, il est nécessaire de vous documenter et de travailler sur l’univers du logo.

1. La documentation nécessaire pour réussir son logo

Se renseigner sur ce qui existe déjà est un excellent moyen de déterminer que faire et quoi éviter. Cela vous permet de mettre en place une direction artistique intéressante, originale et pertinente pour le logo à venir.
 

Les deux catégories principales d’acteurs sur lesquelles nous vous recommandons de vous renseigner en profondeur sont :

- Les références de l’entreprise qui souhaite créer son logo. C’est-à-dire les entreprises dont le logo et l’image plaisent à votre commanditaire. Cela permet d’avoir un aperçu plus concret des univers graphiques dans lesquels façonner le logo.
 

- Les concurrents de l’entreprise commanditaire. Consulter les logos des concurrents permet d’avoir une idée précise de ce qui se fait déjà dans le secteur, notamment pour mieux se démarquer.

A côté de votre première frame, créez une nouvelle frame pour stocker des captures d’écrans des différents logos observés. Une fois de plus, organisez bien vos éléments pour séparer les concurrents et les références.

example of references and competitors for a classy lawier


2. Réalisation d'un Moodboard pour créer l'univers du logo

Nous approchons de la création du logo. Maintenant que vous avez toutes les informations de l’entreprise, ses références et ses concurrents, vous pouvez réaliser un moodboard. Celui-ci vous permet de créer l’univers du logo et de vous immerger dans la création en travaillant sur l’atmosphère, les couleurs et les inspirations qui seront utiles lors de la conception.

Un moodboard est un document dans lequel figurent des éléments visuels et graphiques qui nourrissent l’univers de l’élément à créer. Il est souvent composé de couleurs, typographies, dessins et logos… mais aussi et surtout de nombreuses photographies et images !

Nous vous recommandons de créer votre Moodboard dans une frame distincte des précédentes afin d’en faire un tableau isolé et auto-suffisant.

example of a moodboard for a lawier's logo

III.  Comment créer votre Logo ?

1. Choisir le type de logo à réaliser

Il existe différents types de logos. Maintenant que vous avez réuni tous les éléments requis pour passer à la conception, il vous faut définir avec votre commanditaire quel type de logo est le plus pertinent pour sa marque.

 

Voici les différents types de logos existants et quelques exemples d’entreprises qui utilisent ces derniers :

 

- Le logotype : texte mis en forme avec une police et des couleurs représentatives.

logos of google netflix visa and coca

- Le monogramme : Quelques initiales marquantes, mémorables et soignées.

logos of H&M IBM HP and YSL

- Le pictogramme : Aussi appelé symbole, dessin (figuratif ou abstrait) qui illustre la marque. Twitter a un pictogramme mascotte.

logos of twitter apple shell and nike

- La mascotte : Personnage, humain ou non, qui représente la marque.

logos of WWF, Michelin, KFC and la vache qui rit

- Le logo combiné : Association d’un logotype et d’un pictogramme dissociables.

Logos of AFALENCE, Timberland, Lacoste and Converse

- L’emblème : Pictogramme qui contient un logotype indissociable.

logos of porsche, starbucks, lamborghini and perrier

Il se peut que vous soyez indécis sur le type de logo à privilégier. Dans ce cas, limitez-vous à deux options afin de ne pas vous éparpiller lors de l’étape de création à venir. Il est préférable d’avoir 4 ou 5 propositions alternatives d’un type de logo plutôt que d’avoir 2 propositions pour trois types de logos différents.

Astuce : Pour vous aider dans ce travail, vous pouvez éventuellement avoir recours à des outils de génération de logos par intelligence artificielle (canva, logoai, looka) ou aux plugins Figma prévus à cet effet (logoipsum, logo creator).

2. Création de plusieurs propositions

C’est maintenant à vous de jouer. Laissez libre cours à votre créativité et inspirez-vous au maximum des étapes préliminaires (notamment du moodboard) pour créer des propositions de logo pertinentes et variées.
 

Figma est très utile pour réaliser les logos dans la mesure où vous avez de nombreuses fonctionnalités à votre disposition, toutes au même endroit. Vous pouvez aisément dupliquer et modifier des éléments pour créer des variations de ces derniers.

Présentez vos créations à votre commanditaire, puis retravaillez les designs préférés afin de déterminer lequel est à conserver.

examples of logos for a law company called EuroAvocats

3. Finalisation du logo retenu

Une fois que vous avez retenu une proposition, il est temps de soigner et finaliser le logo dans les moindres détails afin d’obtenir un rendu épuré, esthétique et impactant !

 

Nous vous recommandons de fournir plusieurs variations du logo final à votre commanditaire. Voici les formats de logo les plus populaires et pratiques :

- Logo carré ou vertical : utile pour les réseaux sociaux

- Favicon :  logo carré contrasté avec fond qui s’affiche en haut d’une page web, par exemple

- Logo horizontal : généralement utilisé sur les sites internet et supports de communication

- Logo monochrome noir : utile pour les documents à imprimer et les tampons, par exemple

- Logo monochrome blanc : utile pour intégrer le logo à tout support coloré ou foncé

- Eco-Logo : version « creuse » d’un logo pour en limiter l’utilisation d’encre

Figma vous permet de créer toutes les déclinaisons de logo très facilement grâce à la duplication rapide des éléments, dont la modification est ensuite tout aussi aisée.

IV. Questions complémentaires pour tout savoir sur la création de logo

1. Qu'est-ce qu'une baseline ?

Certaines entreprises ont ce que l’on appelle une baseline, c’est-à-dire une phrase impactante qui est très souvent apposée au logo. 

Pensez à aborder ce sujet avec votre commanditaire avant de démarrer la conception pour avoir toutes les informations et intégrer la baseline à votre réflexion créative dès le départ.

logos of thales, cdiscount, allopneus and nokia

2. Comment bien choisir les couleurs d'un logo ?

Chaque couleur est associée à certains traits de caractères et à certaines valeurs. Afin de faire les bons choix dans votre conception, pensez à consulter la signification des couleurs que vous souhaitez utiliser. Nous avons justement écrit un article sur l’utilisation des couleurs dans une charte graphique ou un logo.

Par ailleurs, afin de vous assurer de choisir des couleurs complémentaires et suffisamment contrastées, vous pouvez utiliser Adobe Color-Wheel ou Coolors, par exemple.

Adobe Colors's Interface

3. Dans quel format exporter un logo ?

Le format d’export de logo le plus fréquemment utilisé est le png, qui a l’avantage de disposer d'un fond transparent.

Le format WebP est un format qui compresse les images tout en conservant leur qualité de résolution. Il peut donc s’avérer utile dans de nombreuses situations.

Le format SVG est un format vectoriel qui vous permet de modifier la taille du logo en fonction de son contenant. Il est particulièrement utile pour des utilisations digitales (site internet).

 

Astuce : Sur Figma, exportez facilement vos logos, images et créations en utilisant la fonction "Export" en bas de votre espace de travail de droite pour choisir dans quel format et qualité exporter vos éléments.


AFALENCE's logo in the export area of figma

Vous avez désormais toutes les connaissances essentielles pour pouvoir concevoir des logos de grande qualité !

Nous vous invitons à nous partager vos créations afin d’avoir notre retour dessus ou à nous solliciter pour échanger davantage sur ce sujet.

Partager cet article :
Nous poser une question ou nous faire une recommandation :
Ecrire à AFALENCE

Nos autres articles sont sur le Blog AFALENCE

Nos derniers articles :

Consultant SEO : Missions, évolutions, salaire en 2024

Tout ce que vous devez savoir sur le rôle et les tâches du consultant SEO
SEO
Rédigé par
Henri
le
27/3/2024

Créer une animation de transition de page fluide

Créez une animation de A à Z : apprenez l'usage des masques et animations page par page dans ce guide étape par étape.
Figma
Rédigé par
Henri
le
4/3/2024