comment créer une charte graphique

Concevoir une charte graphique En conception et marketing, une marque est un ensemble de caractéristiques aidant un public à distinguer de ses concurrents une firme, un produit, un service ou un projet.

On croit souvent que seules les grosses entreprises se préoccupent de leur image de marque, mais la plus modeste peut en tirer profit, y gagner en cohérence et en transparence; les avantages sont cumulatifs.

Inventer une marque passe par 3 facteurs - une représentation verbale nom de marque / slogan / histoire de marque / personnalité valeurs / tonalité / style de langage - une représentation visuelle logo / graphisme / charte chromatique / iconographie / campagne > une représentation émotionnelle

Concevoir un logo / images de marque DEVELOPPEMENT

Pour qui travaillonsnous?

ISSU DU MESSAGE DE MARQUE CONCU LORS DU BRAINSTORMING

MOTS CLES NOUS DECRIVANT

Quelle est notre personnalité?

En créant une carte mentale, ou heuristique (supposée refléter le fonctionnement de la pensée, qui permet de représenter visuellement et de suivre le cheminement associatif de la pensée.)

Qu’est-ce - se placer au centre qui nous - decider des catégories ( qui peuvent importe le correspondre à la répartition des taches) plus?

- faire des liens avec le centre - ajouter des réponses (varier les tailles) - établir des connexions Pourquoi - sélectionner des info essentielles (gras) sommes-nous - afficher la carte ici ?

- reprendre et réviser (avec un regard neuf) Qu’est-ce qui nous rend différents?

Que faisonsnous et comment?

QUE FAISONSNOUS ?

CE QUI FAIT NOTRE ORIGINALITE

NOTRE MARQUE QUELLE EST NOTRE CLIENTELE ?

Décider d’un style en adéquation avec le message verbal En prenant en compte le contexte de l’entreprise avec son marché et ses concurrents Une fois définis les éléments de marque, on crée une panoplie des actifs: LOGOS Penser aux images: métaphores visuelles, les images véhiculent du sens Symbole : dessin seul mémorable CHARTE CHROMATIQUE ICONOGRAPHIE DIRECTIVES DE MARQUE

Le branding par les logos

TYPOGRAPHIE COULEUR IMAGE

1

2

3

4

1. APPLE

2. TWITTER

3. NIKE

4. CHANEL

Le génie de cette marque est que son logo est immédiatement identifiable, tout en exprimant son nom de façon la plus simple possible.

La morsure de la pomme sur un coté sert à rendre le symbole identifiable, quelle que soit l’échelle.

Ce logo peut fonctionner sous forme de minuscule «favicon» (icône visible dans une barre d’adresse) tout comme à grande échelle. L’oiseau a besoin d’espace pour créer l’impression de «vol».

Le «swoosh» de Nike est identifiable au premier coup d’oeil, comme il convient à une marque globalisée, et dynamique comme il sied à un équipementier sportif. Le logo simple et élégant suggère la positivité et le mouvement en avant.

Créé par Coco Chanel en 1925, le logo intemporel de Chanel aux deux C entrecroisés reproduit les initiales de sa fondatrice. Ce logo, présent sur les emballages, est également intégré aux produits de luxe de la maison de couture. Sa lisibilité immédiate a fait son succès.

Module 1. LA TYPOGRAPHIE Les caractères désignent les signes et lettres utilisés par les graphistes pour transcrire le langage; la typographie est l’art d’employer ces caractères pour transmettre des messages ou du sens. La typographie donne au graphiste d’incroyables pouvoirs de communication; il est donc essentiel d’apprendre à reconnaitre, choisir et utiliser les caractères adaptés aux projets.

UN SEUL MOTS, PLUSIEURS AMBIANCES La typographie est un outil puissant : elle diffuse, parfois à notre insu, une atmosphère qui affecte notre lecture.

Les structures et les formes définissent la personnalité d’une police.

Arrangement

Sukhumvit Set Thin 60 pt

De cette police émane une atmosphère détendue, cool. Sa présence discrète la rend polyvalente et adaptable.

Type de police: Linéale sans empattement

Des traits de largeur identique donnent une impression d’uniformité

Arrangement

Times Regular 60 pt

Avec ses ornements discrets et décoratifs, cette police a un aspect traditionnel, officiel.

Elle a une allure sérieuse, rassurante Type de police: Humane à empattement

Les caractères comportent à la fois des traits épais et minces

Arrangement

Sunflowers Regular 52 pt

Faisant écho aux formes fluides du lettrage manuscrit, un texte comme celui-ci suggère une atmosphère décontractée, amicale.

Type de police: Scripte

La hauteur des caractères varie donnant une impression de spontanétité, comme une écriture manuscrite

DIFFERENTS ROLES

AIDE A LA NAVIGATION

Employer différents rôles permet d’indiquer au lecteur qu’il s’agit d’un autre type d’information, notamment si on désigne l’auteur d’une citation, ou si on ajoute une légende d’image à une page.

Baliser les différentes parties avec des titres composés dans un caractère attrayant aide le lecteur à se repérer. Des titres courts et élégants transmettent de la personnalité, la police du corps du texte étant fonctionnelle et lisible

« On se peut pas ouvrir un livre sans apprendre quelque chose»

Module 1.

UTILISER PLUSIEURS POLICES POUR CREER PLUS D’IMPACT Le contraste joue un rôle crucial dans le graphisme en général, particulièrement en typographie. Il est parfois impossible d’obtenir un contraste suffisant avec une seule police ou famille de caractères, il faut alors les combiner.

Utiliser une seule police c’est un peu comme porter qu’une seule couleur: ajoutez-en une seconde, et le contraste vient égayer la première. Le contraste des caractères aide également le lecteur à distinguer différents types de texte, ce qui facilite la compréhension.

CONFUCIUS

Dessert et café Pudding au caramel avec glace vanille ou crème anglaise Brownie au chocolat avec gingembre confit et sauce chocolat

6€ 6€

APPORTER UNE TEXTURE, SOUTENIR L’INTERET

INTRODUIRE DE L’ACTION

Le graphiste a pour mission de rendre le texte intéressant, de fixer l’attention du lecteur. Des blocs de texte présentés dans des styles différents favorisent une lecture sans effort.

Pour créer du mouvement, on peut organiser un contraste en caractères conventionnels et fonte originale. Ici, la phrase est renforcée par une police évoquant les bandes dessinées.

Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaep orum opibus pasceba Procedente ntur.Procedente igitur mox temmox tempore cum adve igitur pore cum nticium nihil inveniretur, a d v e n t i c i um relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes bantur.

Il tomba dans l’eau en un grand...

Module 1.

TROUVER LES BONNES COMBINAISONS On obtient une combinaison réussie de plusieurs polices par essai et erreurs, en les associant puis en examinant l’effet produit.

Pour débuter, voici quelques principes de base et quelques suggestions.

CHECKLIST 1 LES CONTRAIRES S’ATTIRENT Rechercher des polices qui se complètent ou forment un contraste. Marier une police à empattement et une sans sérif est un bon point de départ.

2 UNE POLICE DOMINE Leur accorder une place égale pourrait provoquer un conflit entre elles, hierarchiser.

3 PAS DE POLICES SEMBLABLES Le lecteur peut n’en voir qu’une et être désarçonné par des petites différences.

4 MOINS C’EST PLUS Modérer. Commencer par deux, n’en rajouter que si necessaire, viser la clarté et l’harmonie 5 ASSIGNER DES ROLES Etablir des rôles assignés à chaque police (Titre / Corps de texte / légende)

GARAMOND

+ Helvetica Neue Roman GARAMOND / HELVETICA NEUE ROMAN Mariage classique de caractères avec et sans empattement, cette combinaison associe un gros titre élégant, agréable à lire, à du texte clair, simple, tout aussi lisible.

TREBUCHET MS

+ Hoefler Text

TREBUCHET MS / HOEFLER TEXT Les deux caractères, de graisse et de style contrastés, se marient bien grâce à une hauteur d’x égale et qui permet de créer un texte accessible et lisible.

PERPETUA

+ Gill Sans Regular

PERPETUA / GILL SANS REGULAR Sans surprise, ces deux fontes créées par Eric Gill se marient très bien. Elles sont conçues à partir des formes classiques qui ont inspiré son oeuvre de sculpteur et designer.

Module 2. LA COULEUR La couleur est la source vive du graphisme.

Comprendre les significations attribuées aux couleurs permet d’exprimer les valeurs propres à un projet, une marque.

EMPATHIQUE

PUISSANT

OPTIMISTE

PASSIONNE

OPTIMISTE

CALME

ENERGIQUE

AIMANT

ALERTE

ANCRE

DETERMINE

INSPIRE

POSITIF

RAFRAICHI

ASSURE

CREATIF

CALME

STIMULE

OPTIMISTE

CONFIANT

INDULGENT

AIMANT

HEUREUX

TRANQUILLE

PAISIBLE

SPIRITUEL

VERT

BLEU

VIOLET

ENTHOUSIASME CHALEUREUX

PSYCHOLOGIE DE LA COULEUR Le choix des bonnes couleurs au bon endroit donnera de la vigueur à votre projet, et aidera le public à adhérer au message.

CE QUE SUSCITE LA COULEUR Elle suscite de puissantes émotions. La recherche démontre la constance des réactions aux couleurs: ainsi, les couleurs chaudes (rouge, orange, jaune) sont en général stimulantes, tandis que les couleurs plus froides (bleu, indigo, violet) sont apaisantes.

Les graphistes choisissent des couleurs pour susciter une réaction qui sont en harmonie avec le message.

LA SYMBOLIQUE DES COULEURS Même si les interprétations sont diverses, dans le monde entier, la couleur reflète des valeurs collectives. Ainsi le rouge, pour beaucoup signe de l’amour et de la passion, est aussi la couleur du sang, du conflit et de la révolution...

ROSE

ROUGE ORANGE JAUNE

BEAUTE

AMOUR

BEAUTE

CURIOSITE

CHANCE

REUSSITE

ROYAUTE

SENSIBILITE

FORCE

SENSIBILITE

CLARTE

FERTILITE

PUISSANCE

RICHESSE

FEMINITE

DANGER

FEMINITE

SAGESSE

NAIVETE

CONFIANCE

SAGESSE

ROMANCE

CHALEUR

ROMANCE

COUARDISE

JALOUSIE

MAITRISE

MYSTICISME

Module 2.

CONFORTABLE

JUVENILE

CONSTANT

SUR DE SOI

SERIEUX

OPTIMISTE

SEREIN

NEGATIF

RESILIENT

DETACHE

NEUTRE

PUISSANT

PROTECTEUR

RAJEUNI

PENSIF

MARRON BLANC

GRIS

NOIR

NATURE

PURETE

INTELLIGENCE

MYSTERE

SOLIDITE

SINCERITE

CONFORMITE

AUTORITE

MASCULINITE

STERILITE

VIEILESSE

EXCLUSIVITE

TRISTESSE

PERFECTION

EQUILIBRE

DEUIL

Module 2.

CREER SA PALETTE DE COULEURS Pour tout projet créatif, la palette de couleurs est un élément essentiel de la panoplie. Selectionner ses associations de couleurs préférées en s’inspirant de l’environnement et d’images de la nature, de voyages, de mode ou d’art.

1 CONSULTER LES ELEMENTS EXISTANTS grace aux recherches pécédentes et des éléments rassemblés (logos, photos, esquisses) 2 RECHERCHER L’INSPIRATION Rechercher des associations de couleurs qui paraissent efficaces: un article sur la déco d’intérieur ou une oeuvre d’art.

3 ENREGISTRER LE MONDE AUTOUR L’inspiration peut être partout, dans la rue, une tenue...

4 TROUVER UN SELECTEUR DE COULEUR L’obtention des données sur les couleurs d’une image numérique se fait par un sélecteur de couleur ( ou pipette) inclu dans la plupart des logiciels. On trouve aussi en ligne des outils gratuits.

5 CHOISIR UNE PALETTE Avec le selecteur choisir différentes couleurs dans l’image, jusqu’à avoir une palette de trois couleurs, ou plus, qui paraissent compatibles.

PALETTE PRINCIPALE

Hot Pink Tiffany Blue Mint #FFAEBC #A0E7E5 #B4F8C8 COULEUR D’ACCENT ECHANTILLONER UNE IMAGE

Tangerine #FF6252

Yellow #FBE7C6

Un outil de sélection (picker ou pipette à couleurs) permet de créer une palette à partir des couleurs de l’image.

Chaque couleur possède un code pantone universel.

PRINTANIERS PASTELS

ET ACCENTS NEUTRES

ET NATUREL ATTENUE

ET RICHE OCRE

Module 2.

Module 2.

GENERATEURS DE PALETTE EN LIGNE

https://coolors.co

A LIRE : https://http5000.com/signiďŹ cation-des-couleurs-site-web-marketing/

https://www.canva.com/colors/color-palettegenerator/

Module 3. L’IMAGE Toutes les images: photos, illustrations manuelles ou numériques sont essentielles au graphisme. Bien exploiter une photo exige de savoir anticiper, qu’il s’agisse d’organiser une prise de vue en extérieur ou d’acheter des clichés dont vous avez besoin. Les illustrations sont une ressource essentielle: elles permettent de raconter une histoire captivante, de visualiser des informations complexes, ou simplement d’apporter une note chaleureuse.

Avec le tout-numérique, la photographie a pris un rôle important. Sur les réseaux sociaux, elle est le mode favori de communication et d’expression personnelle.

POURQUOI ET COMMENT L’UTILISER Pour décrire un produit, créer une ambiance, nouer un lien avec le lecteur ou raconter une histoire, rien de plus efficace qu’une photo bien choisie, précise et éloquente.

1

2

3

4

1. VENDRE UN PRODUIT Pour vendre un produit, présenter une photo est la meilleure option.

La composition et l’éclairage doivent donner au client une image aussi claire que possible du produit qu’il va acheter.

2. CREER UN MONDE IDEAL Une photo de niveau professionnel appelle au rêve: si vous possédiez ce produit, voilà à quoi pourrait ressembler votre vie !

3. RACONTER UNE HISTOIRE Des photos présentant ce que vous proposez (ici des cours de yoga), aident la clientèle à comprendre le projet ou la marque.

4. INSTAURER LA CONFIANCE Un portrait ou une photo de groupe véhiculeront efficacement l’aspect personnel de votre projet.

Donnez un visage humain à l’entreprise.

Module 3.

RECADRER IMAGES

ET

RETOUCHER

DES

Le numérique permet de modifier et d’améliorer les images de diverses façons après la prise de vue : on peut augmenter l’exposition, rendre une image plus nette ou ajouter des filtres et des effets spéciaux pour transformer son ambiance ou en altérer le sens.

RECADRER DES IMAGES

... ET SES LIMITES

Le recadrage ( ou rognage) consiste à découper des parties d’une image. La plupart des logiciels d’édition photo permettent de recadrer les images, en concervant les proportions originales ou en créant un nouveau format ou une nouvelle forme.

Comme pour tous les outils d’édition photo, on maniera l’outil de recadrage avec modération. Un recadrage excessif risque de déséquilibrer une image ou d’en affaibllir la signification.

L’ART DE RECADRER On ne peut pas toujours réaliser une image de la composition voulue à la prise de vue: on peut l’améliorer avec le recadrage.

SE CONCENTRER SUR L’ESSENTIEL JOUER SUR L’AFFECTIF Un visage en gros plan provoque une émotion immédiate.

Le recadrage permet d’améliorer la composition en éliminant tout le fouillis de détails susceptible de distraire le lecteur: ainsi, la partie la plus parlante de l’image occupe tout le cadre.

NE SUPPRIMEZ PAS LE CONTEXTE Il faut parfois garder une vue d’ensemble. Ici, le zoom montre le randonneur plus en détail, mais fait perdre le contexte: le contraste entre l’homme et la hauteur de la montagne et la vue qui l’entoure.

Evitez les amputations en coupant des parties du corps.

Pour des photos de personnes, on conseille d’éviter de recadrer les corps au niveau des articulations (cheville, genou, poignet...).

Module 3.

EDITION ET RETOUCHE

AJOUTER ET RETIRER

Des applications permettent de faire toutes sortes de modifications.

Changer le contraste et la couleur rendra une image plus accrocheuse. MAis aucune retouche ne saurait transformer une mauvaise image en une bonne image : partir toujours d’une image de haute qualité nette et bien composée.

Prolonger ou effacer des parties d’une image peut être utile.

LUMINOSITE / CONTRASTE Si une image est terne ou sombre, on augmente le contraste ou la luminosité.

CONTRASTE RENFORCE

ECLAIRCI

COULEUR Le réglage de la balance des couleurs peut donner un aspect plus naturel ou au contraire spécial saisissant.

CHAUD

SOLARISE

NOIR ET BLANC

COULEUR SELECTIVE

SATURATION Lorsque l’on retire de la couleur, on parle de désaturation. Une fois une image désaturée, vous pouvez rajouter les couleurs de votre choix, pour obtenir un sépia ou d’autres tonalités.

EFFACER DES ELEMENTS Les logiciels d’édition permettent de retoucher des zones d’une image. Ceci est très utile pour effacer une zone, par exemple pour rendre un texte plus lisible.

Module 3. UTILISER L’ILLUSTRATION

CIBLER UN PUBLIC

MONTRER COMMENT FAIRE

UNE REALITE PROPRE

IMAGINAIRE

RENDRE VISIBLE UNE IDEE

Très adaptable, l’illustration permet de cibler un public précis plus facilement qu’avec une photo simple. Par exemple, en utilisant des lignes pleines et des blocs de couleurs primaires, faisant référence à l’univers de la jeunesse, vous pouvez cibler un public fun.

Pour exposer des techniques pratiques, l’illustration offre souvent plus de clarté qu’une photo. Elle permet de simplifier l’information transmise en omettant les détails inutiles ou en évitant les arrière-plans distrayants.

L’illustration peut représenter quelque chose avec réalisme, tout en véhiculant un certain style; une illustration de voyage permet de voir à quoi ressemble un lieu et de se faire une impression de ce qu’on ressent sur place.

Parfois la photographie n’est tout simplement pas envisageable, et l’illustration prend tout son sens, pour représenter des personnages de fiction, un mythe, une légende...

L’illustration peut être un moyen subtil mais puissant de faire passer des idées complexes ou difficiles, qu’il s’agisse d’un état affectif comme le rêve, des traits de caractère comme la passion, ou de concepts comme le temps ou la mémoire.