Archives des identité visuelle - Alan Harnois

👀 Dans ma charte graphique, j’ai besoin de quoi ?

filprA_457281 — Wed, 14 Feb 2024 15:16:09 +0000

Vous avez une entreprise ? Vous avez donc besoin d'une charte graphique !

Votre charte graphique, c’est votre identité ! C’est LE document qui regroupe tout ce qu’il faut connaître et utiliser pour que vous soyez identifié.e.s et reconnu.e.s en un instant. C’est LE document qui vous permet de rester cohérent.e.s dans vos créations graphiques grâce à des codes et règles graphiques clairement définis. Vous vous en doutez donc, c’est un document très important… voire indispensable.

» Alors pour ne rien oublier dans votre charte graphique, rien de mieux qu’une liste :

Introduction, histoire, missions et valeurs.
Logo, déclinaisons et utilisations.
Couleurs.
Typographies.
Iconographie.
Éléments graphiques.
Exemples print.
Exemples digitaux.
Éléments répondant à des besoins spécifiques.

Introduction, histoire, missions et valeurs :

Pour tout commencement, n’y en a-t-il de meilleur qu’une introduction ? Cela permet de poser un contexte, de prendre le temps d’une slide afin de raconter un peu votre histoire, de définir votre mission, vos valeurs. Ce contenu vous semble peu utile ? Et pourtant… C’est une vision claire et concise de votre entreprise que vous couchez en quelques phrases. Cette vision claire amorce la charte graphique et permet à un professionnel de la communication d’utiliser cette dernière en adéquation avec ce qu’est l’ADN de votre entreprise. Il ne faut donc pas négliger la rédaction de cette slide, même si elle peut paraître anodine.

Logo, déclinaisons et utilisations :

Votre logo, cette image qui vous représente et qui porte l’ADN de votre entreprise aux yeux de toustes. Ce dernier est indispensable à toute charte graphique. Et pour en tirer la meilleure utilisation possible, quelques éléments sont nécessaires.

Le logo principal : version principale de votre logo, celle que vous utiliserez par défaut, en RVB, en CMJN et en Noir & Blanc.

L’espace de sécurité, les placements et tailles minimales : indispensables pour garder une lisibilité optimale et laisser votre logo respirer en toutes circonstances.

Utilisation sur fond : Comment doit être utilisé le logo sur fond blanc et noir, couleur claire et sombre.

Les déclinaisons : regroupe les différents formats de votre logo, avec ou sans votre baseline, en format vertical, carré ou encore horizontal, en RVB, etc.

Les interdits : nous retrouvons généralement les interdits suivants ; déformer, changer de couleur, modifier le ratio des éléments, modifier la typographie, ne pas mettre d’effets, de rotation, etc.

L’endossement : votre logo peut parfois être associé à un autre logo, vous pouvez prévoir des règles d’affichages pour ce dernier lorsqu’il est endossé avec un second.

Si vous souhaitez découvrir cette partie en détail, l’article « Logo : règles d’utilisations et déclinaisons, ça marche comment ? » est fait pour vous.

Couleurs :

Quelles sont les couleurs de votre marque ? Principales et secondaires ? Avez-vous des couleurs par univers ? Quelles proportions dans l’utilisation de vos couleurs ? Quels sont les noms, valeurs RVB, CMJN et hexadécimales de ces dernières ?

Par exemple :
Nom : Bleu océan
HEXA : #002F6C
RVB : R : 0 — V : 47 — B : 108
CMJN : C : 100% — M : 85% — J :34% — N : 17%

Typographies :

Même si votre logo n’a ni lettre ni mot (ce qui est rare aujourd’hui), vous aurez forcément des choses à dire et donc à écrire. Il vous faudra pour cela une ou plusieurs typographies pour transmettre vos messages. La typographie est un élément très important de votre identité et donc de votre charte graphique. Plusieurs polices de caractères comprenant plusieurs styles vous permettront une plus grande possibilité de jeux graphiques et de hiérarchisation de l’information.

N’oubliez pas de définir une typographie, dite « bureautique », à utiliser lorsque votre police de caractère ne peut l’être.

Iconographie :

L’iconographie, une partie très complexe des chartes graphiques. Il faut réussir à créer un univers visuel cohérent, régit par des règles, mais surtout par une certaine sensibilité. Trouver une dizaine de photos pour une charte graphique peut, parfois, prendre plus de 10h de recherche. Il est donc complexe d’aiguiser son œil à la recherche iconographique. Après tout, c’est comme être photographe, il faut « exercer son œil » avant de réussir à prendre de belles photos.

Pour guider les personnes qui utiliseront votre charte graphique, vous devez donc établir des règles. Quels cadrages sont autorisés ? Les personnes regardant la caméra ; on dit oui ou non ? Plutôt ambiance « sur le vif » ou « photo posée » ? Une teinte de couleur dominante peut-être ? Et si on mettait un filtre réchauffant ? Autant de questions à vous poser pour établir un univers pertinent.

Éléments graphiques :

Quels éléments, propres à votre identité et à votre univers vont compléter tous les éléments précédemment créés ? Quelles formes, lignes, pictogrammes, illustrations, motifs, patterns, vont venir appuyer graphiquement tout ce qui à été construit jusqu’alors.

Les éléments graphiques sont à utiliser avec parcimonie pour habiller vos communications.

Exemples print :

Maintenant que vous avez une charte graphique dont les ingrédients sont au complet vous allez pouvoir commencer à créer des recettes. Ces dernières vont servir de bases visuelles pour toutes les autres recettes qui seront créées dans le futur.

Vous retrouvez par exemple dans cette partie :
• Grille de construction et de mise en pages print, règles d’utilisation.
• Couverture dossier A4.
• Flyer/leaflet – recto/verso.
• Brochure A5 fermé – dépliant 4, 6 ou 8 pages.
• Carte de visite.
• Papier en-tête.
• Enveloppe.
• Etc.

Exemples digitaux :

Place maintenant aux exemples digitaux, ayant la même utilité que les exemples print. Par exemple, nous pouvons retrouver dans cette partie :
• Site internet et/ou landing page.
• Slides PowerPoint.
• Bannières web (IAB).
• Post 1 image – Réseaux sociaux.
• Post carrousel 5 images – Réseaux sociaux.
• Photo de profil et de couverture – Réseaux sociaux.

Éléments répondant à des besoins spécifiques :

Parfois, votre activité peut demander certains éléments spécifiques. Il convient alors généralement de les intégrer à votre charte graphique. Le plus souvent, nous retrouvons dans cette partie les vêtements et les véhicules designés.

Pour conclure :

Une charte graphique, c’est donc une multitude d’éléments qui, ensemble, donnent une identité et une unité à votre entreprise et à ses documents, communications et prises de paroles graphiques. Il ne faut pas la négliger, ni s’en passer si vous souhaitez amener votre entreprise à un niveau de développement supérieur. Votre image, votre identité visuelle, sont les premières choses que voient vos prospects et client.e.s. Si elles ne sont pas soignées, alors vous ne paraîtrez pas soigné.e.s non plus et peinerez à convaincre…

» Vous souhaitez une charte graphique professionnelle ? Je suis disponible pour vous apporter mon expertise et vous accompagner dans la création de cette dernière. Contactez-moi.

L’article 👀 Dans ma charte graphique, j’ai besoin de quoi ? est apparu en premier sur Alan Harnois.

👀 Logo : règles d’utilisations et déclinaisons, ça marche comment ?

filprA_457281 — Thu, 01 Feb 2024 18:53:39 +0000

Avoir un logo, c'est bien. Avoir un logo pensé pour être utilisé et optimisé sur tous vos supports, c'est mieux !

Pour avoir un logo qui s’adapte et reste optimisé selon l’usage et le support, il vous faut forcément quelques règles d’utilisations et des déclinaisons de formats allant avec ce dernier. Vous retrouverez ces éléments dans votre charte graphique. Nous verrons le mois prochain tout ce qui compose une charte graphique et pourquoi vous devez en avoir une, mais d’abord faisons un focus sur le logo.

» Alors pour utiliser parfaitement votre logo, qu’est-ce qu’il vous faut exactement ?

Le logo principal.
L’espace de sécurité, les placements et tailles minimales.
Les déclinaisons du logo.
L’utilisation du logo sur des fonds.
Les interdits.
L’endossement.

Le logo principal :

Au début, fut le logo. Votre point de départ, celui que vous avez choisi pour vous représenter dans sa forme principale, dans son plus beau costume. Celui que vous arborerez fièrement dès que l’occasion se présentera. Il est pensé et construit selon vos valeurs (ou celles de votre entreprise/marque), votre mission, bref selon ce que vous représentez.

L'espace de sécurité, les placements et tailles minimales :

Pour garder une lisibilité optimale et laisse votre logo respirer en toutes circonstances vous devrez mettre en place quelques règles. Premièrement, votre logo doit avoir une taille minimale en dessous de laquelle il est tout simplement interdit de l’utiliser. Vous aurez, pour des questions d’adaptation à l’usage, une taille minimale sur écran (en px donc) et une pour les supports imprimés (en mm donc).

À ces tailles minimales s’ajoute un espace de sécurité autour de votre logo. Ce dernier est proportionnel à la taille de votre logo, il convient donc souvent d’utiliser une lettre ou un élément de ce dernier afin de garder un espace de sécurité proportionnel facile à calculer.

Vous pouvez également, contraindre le placement de votre logo sur certains supports. Par exemple, toujours en bas à droite à 10% du bord. Le calcul des 10% s’effectuant sur la longueur du plus court côté.

Les déclinaisons du logo :

Votre logo est peut-être carré ? Horizontal ? Ou encore vertical ? Peu importe sa forme, il est par cette dernière optimisé pour être affiché sur certains formats et non sur d’autres. Il est donc intéressant d’avoir des déclinaisons du logos pour pallier ce manque d’optimisation sur certains supports et media de diffusion. Pour cela, il convient d’adapter le logo principal et de le décliner. Tout simplement et le tour est joué.

N’oubliez pas les versions noires et blanches, elles sont indispensables à certaines utilisations.

L'utilisation du logo sur des fonds :

Vous avez probablement quelques couleurs dans votre identité ? Surement aussi quelques photos ? Alors il vous faut prévoir l’utilisation de votre logo sur ces dernières. Que vous interdisiez de poser le logo à même une photo pour des questions de lisibilité ou que vous adaptiez les couleurs de ce dernier par rapport au fond, il faut le réfléchir et l’acter une seule et unique fois.

Les interdits :

Ce ne sont ni plus ni moins qu’une liste de ce qui n’est pas autorisé avec le logo. Cela peut paraître désuet mais mieux vaut prévenir que guérir. Nous retrouvons généralement les interdits suivants : déformer, changer de couleur, modifier le ratio des éléments, modifier la typographie, ne pas mettre d’effets, de rotation, etc.

L'endossement :

Votre logo peut parfois être associé à un autre logo, dans certaines de vos communications. Il est donc tout à fait possible, voire parfois indispensable de prévoir des règles d’affichages pour votre logo lorsqu’il endosse un second. Cela vous permet de garder le contrôle sur la mise en avant de votre logo et de celle de votre partenaire, mais aussi de vous assurer une homogénéité dans vos communications.

Vous pouvez également prévoir comment votre logo doit apparaître lorsqu’il est endossé par une autre marque ou entreprise. Le cas inverse arrive, lui aussi.

Pour conclure :

Vous l’aurez compris, avoir un logo ne revient pas simplement à posséder et/ou à créer un simple fichier. En plus d’avoir ce dernier dans différents formats logiciels (AI, EPS, SVG, PDF, etc) et profils colorimétriques (RVB, CMJN, Niveaux de gris), il vous faut également des déclinaisons et des règles d’utilisation pour assurer à votre communication d’être la plus homogène et reconnaissable possible.

» Vous souhaitez créer, refaire ou améliorer votre logo ? Je serais ravi de vous accompagner et de vous apporter mon expertise afin de vous créer un logo sur mesure et optimisé pour tous les supports de communications.

L’article 👀 Logo : règles d’utilisations et déclinaisons, ça marche comment ? est apparu en premier sur Alan Harnois.

🌱 L’Éco-Branding, ou comment concevoir une identité pensée pour la planète.

filprA_457281 — Fri, 02 Jun 2023 07:00:50 +0000

Créer une identité, c'est bien. Mais comment le faire « mieux » ?

Éco-créer, c’est avant tout changer d’angle d’attaque. C’est prendre en compte l’impact de nos choix créatifs sur l’environnement tout en gardant en tête de réduire au maximum ce dernier.

» Éco-créer, c’est produire en préservant.

Dans le domaine de l’éco-branding, si vous devez suivre un expert en particulier, je vous conseille de prêter l’oreille à Sylvain Boyer. CEO d’Ecobranding, il a établi quatre axes sur lesquels travailler pour réduire notre impact :
Les logotypes
Les couleurs
Les typographies
L’UI

Les logotypes :

S’il y a bien un élément qui figure partout, sur tous vos supports… C’est bien votre logo. Qui dit pluralité de supports dit plus de ressources utilisées. C’est donc le premier élément sur lequel agir.

Limitez les aplats de couleurs gourmands en encre, préférez les contours, les filets et réduisez les épaisseurs de traits, bref… Comme souvent, Less is More.

Éco-brandons Domino's.

Sans perdre l’identité de la marque et en quelques changements simples sur le logo, nous réduisons grandement son impact sur la planète.

Les couleurs :

Un des réflexes pour les grandes marques est d’avoir une couleur Pantone bien définie pour avoir toujours la même teinte. Cela n’est pas éco-imprimer !

En effet, après un tirage Pantone, le nettoyage des machines est plus important. Il faut donc privilégier la quadrichromie (CMJN), mais pas n’importe comment non plus. Pour obtenir une éco-couleur, rien de plus simple, on additionne les pourcentages de cyan, de magenta, de jaune et de noir et on ne doit pas dépasser 100%, tout simplement.

Éco-colorons Domino's.

En modifiant les couleurs CMJN pour ne pas dépasser les 100%, nous pouvons adoucir l’impact des impressions.

Les typographies :

Lorsque nous parlons typographie, nous pensons instantanément à une économie d’encre par la forme des caractères. Et nous avons raison ! Les éco-typographies les plus connues sont par exemple la Garamond ou la Times New Roman. Ces polices de caractères ont permis d’économiser beaucoup d’encre depuis leur création. Mais alors comment faire quand la font qui nous tape dans l’œil n’est pas bonne pour la planète ? Pas de panique, il existe Ecofont. Moyennant une dizaine d’euros par an, vous pourrez faire d’infimes petits trous invisibles dans vos typographies pour les rendre plus écologiques !

Éco-écrivons Domino's.

Grâce à Ecofont et sans aucun changement visible sur la typographie de la marque, nous avons économisé jusqu’à 50% d’encre sur nos impressions.

L'UI :

Place au numérique à présent ! Les sites éco-conçus commencent à remplir le web et c’est une très bonne nouvelle !

Sur la toile, le poids est un facteur très important pour notre impact ! À l’inverse des terrasses de café, ici, ce sont les serveurs qui consomment. Et ils sont gourmands en électricité !

Quelques leviers d’actions bons pour l’environnement :
• Alléger le poids de son site.
• Compresser ses images.
• Utiliser des icônes filaires.
• Créer un design minimaliste.
• Utiliser le Dark mode pour réduire la luminosité et donc préserver la batterie.

Éco-affichons Domino's.

Un gris clair ou beaucoup mieux ; un fond sombre et le tour est joué. Le blanc est le plus lumineux dans l’univers numérique, il est donc préférable de ne pas en abuser.

Pour conclure :

Il est aujourd’hui accessible à toute marque ou personne souhaitant réduire son impact sur la planète. Il suffit pour cela d’un peu de volonté et de travail. Et parce qu’il faut avant tout mettre en application ses propres dires, ce site est pensé pour réduire son impact sur la planète !

» L’Éco-branding peut être poussé encore plus loin, mais en respectant ces quelques points, nous pouvons déjà drastiquement réduire notre impact.

L’article 🌱 L’Éco-Branding, ou comment concevoir une identité pensée pour la planète. est apparu en premier sur Alan Harnois.