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.