38
Création d’un LOGO Création de logos et de chartes graphiques : méthode de travail et de création - Jean Paternotte et Sylvie Roy Livre Design it Yourself ( a design handbook) – Ellen Upton

Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Embed Size (px)

Citation preview

Page 1: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Création d’un LOGO

Création de logos et de chartes graphiques : méthode de travail et de création - Jean Paternotte et Sylvie Roy

Livre Design it Yourself ( a design handbook) – Ellen Upton

Page 2: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Qu’est-ce qu’un logo?• Une «synthèse visuelle du langage parlé» représentant une

activité ou un bien.

• Représentation graphique d’un objet, d’un service, d’une action, d’une entité ou d’un groupement d’individus.

Page 3: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Fonction principale du logo

• Le logo sert à communiquer des informations - l’image de marque.

• Doit véhiculer dynamisme, professionnalisme, appartenance au secteur d’activités.

• Doit se distinguer de l’ensemble des visuels présents dans son secteur d’activité.

Quelques logos pour s’inspirer…

http://www.kiaistudio.com > portfolio > logotypes http://www.cassidesign.com/fr/portfolio/

Page 4: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Caractéristiques

• Message précis, simple visuellement.

• Sans ambiguité, très rapide à lire.

• Représentatif de son secteur d’activité facilement mémorisable.

• À l’extérieur des modes.

Page 5: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

À l’extérieur des modes?

Page 6: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Classification

• Le pictogramme• Le symbole universel• Le symbole particulier• Le lettrage• Le lettrage déformé• La combinaison

Page 7: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Pictogramme et symbole universelSe ressemblent -

• Le pictogramme• Représentation graphique

stylisée: n’a pas de signification à moins d’en connaître le sens. S’utilise parfois avec un code écrit.

• Symbole universel• Représentation graphique

stylisée et très épurée, qui peut être reconnue par tous sans utilisation de langage.

• Souvent signalisation: aéroport, églises, etc.

Page 8: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Le symbole particulier• Représentation

graphique très épurée d’un produit ou d’un service, destiné au grand public

Avantages:

• Élimine les barrières linguistiques• Représente GRAPHIQUEMENT

l’activité ou son secteur d’activité.Inconvénients:

• Demande apprentissage de sa signification.

• Peut sembler abstrait.

Symbole pour une société de mécanique aquatique

Page 9: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Le lettrage • Représentation

graphique à base de lettres non déformées

Avantages:

• Simple à exécuter, lisible, visible.• Peut représenter un acronyme (DQ).• Réalisé avec police de caractère

courantes.

Inconvénients:

• Hors contexte, ne signifie rien.• Aspect général commun, peu

spécifique.• Typographie non originale ou

particulière.• Laisse peu d’empreinte dans les

mémoires.• Représentation abstraitre du produit

ou service

Page 10: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

•Quel est l’effet de chacune de ces polices de caractère?

•MAJUSCULE (officiel, sérieux) vs minuscule (relax, familier)

Page 11: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Lettrage déformé

• Représentation graphique à base de lettres déformées, en tout ou en parties

Avantages:• Personnalise le lettrage (l’entreprise) .• Laisse une empreinte dans les mémoires.• Assemblage subtil entre typographie et

graphisme.• Second degré de lecture: meilleure mémoire.• Caractère unique.

Inconvénients:• Exécution demande créativité et dextérité

Page 12: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Combinaison lettrage/image

• Représentation graphique dominante, lettrage au second plan.

Avantages:

• Très représentative: lien instantané.• Empreinte dans la mémoire.• Très créatif, caractère unique• Second degré de lecture.

Inconvénients:• Exécution demande créativité et dextérité

Page 13: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée
Page 14: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Les entreprises cherchent la perfection et veulent toujours présenter leur marque de la meilleure manière.

Afin d’éviter les problèmes, des standards sont établis:

• Version principale• Monochrome• Bicolore et option

négatif• Miniatures

Logo: définir les standards

Page 15: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

La clef du succès…

• Les couleurs, la typographie et le traitement de l’image doivent être représentatifs de l’entreprise ou du produit choisi.

Page 16: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Formules à éviter

• Trop d’information.• Trop de texte:

typographie trop petite, exige lecture prolongée. Empreinte floue dans la mémoire.

• Graphisme dépassé

Page 17: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Histoire du logo Nikehttp://www.damienanfroy.net/logo-nike-

histoire/2009/09/14/

• Simple, fluide et rapide. Ce sont les mots utilisés pour décrire le symbole dans le logo de Nike qui est devenu l’un des symboles les plus connus dans le monde. Le premier logo de Nike a été conçu par Carolyn Davidson en 1971 pour seulement 35 $. Phil Knight, fondateur de Blue Ribbon Sports a engagé Davidson pour concevoir un logo pour une marque de chaussures. Bien que le design ne passionne pas Knight en raison de contraintes de temps, la logo a été sélectionné.

• Le logo Nike représente l’aile dans la célèbre statue de la déesse grecque de la victoire, Nike, qui était la source d’inspiration pour de nombreux. Selon les légendes, un Grec disait: «Quand nous allons à la guerre et que nous gagnons, nous disons que c’est grâce à Nike.”

• Au printemps de 1972, la première chaussure avec le Logo Nike est lancée. Plus tard, le logo de Nike est enregistré comme marque de commerce en 1995 et est devenu l’identité visuelle de Nike. Le logo de Nike a énormément favorisé la réussite globale de la marque.

• Par la suite, Nike s’est diversifié des chaussures athlétiques aux appareils de sport et des vêtements aux accessoires. Nike a révolutionné l’industrie du sportswear. Approuvé par les athlètes comme la superstar Michael Jordan, Andre Agassi, Roger Federer, les soeurs Williams et bien d’autres, Nike est a réussi sa mission de « donner de l’inspiration et de l’innovation à tous les athlètes dans le monde».

1995

1975

Page 18: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Logos de restaurants

Page 19: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée
Page 20: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée
Page 21: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

1ère étape: recherche créativetrouver plusieurs idées

• On commence par définir le genre de restaurant choisi: quelle sorte de cuisine, est-ce un bistro ou un restaurant chic, etc.

• On regarde ce qui se fait ailleurs, pour s’inspirer et pour ne pas faire comme tout le monde…

• On cherche des idées, on fait des croquis.

• On travaille à partir du nom choisi et on joue avec les lettres, les visuels, etc.

Page 22: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

1ère étape: recherche créativetrouver plusieurs idées

• Carte d’idéeset mots-clés >>>>>>>

• Explorationdes possibilités graphiques >>>>>>>

Cas Fictif: ‘’Going Public’’ par Mike Weikert

Page 23: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

2e étape: élaboration graphique

• Après avoir fait plusieurs croquis, trouvé plusieurs idées différentes, on choisit celle nous semble la meilleure.

Identifier 3 choix

Page 24: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

On travaille ensuite quelques versions avec les mêmes éléments et différents agencements (évolution)

5 variantes / logo (donc 15 au total)

Page 25: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Création d’une

identité visuelle

Page 26: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

http://www.cassidesign.com/fr/logo

Carte d’affaire

Menu

Emballage

Logo

IDENTITÉ VISUELLEApplication du logo sur différentes pièces

IDENTITÉ VISUELLEApplication du logo sur différentes pièces

Page 27: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée
Page 28: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Identité visuelle: véhicule de livraison

• Photo de véhicule en haute résolution: fond neutre ou inexistant.• Éviter photo dans un paysage ou avec personnes, ou avec un angle bizarre.

Page 29: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Insérer la photo et autre éléments dans le PSD contenant le logo

Page 30: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Choix de mode de calque: incrustation

Page 31: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Identité visuelle: emballage

• Photo d’emballage en haute résolution: fond neutre ou inexistant.• Retouche: enlever ce qui est indésirable• OU Dessiner l’emballage désiré• Éviter photo trop petites, avec fond encombré, ou avec un angle bizarre.• Suggestion: rechercher sur sites d’agences de publicité ou numériser une

photo.

Page 32: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Packaging designhttp://www.publiz.net/2011/08/31/100-packaging-ultra-design-pour-linspiration/

Page 33: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée
Page 34: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Site pour photos libres de droits et gratuitesSite pour photos libres de droits et gratuites

•••• http://www.photo-libre.fr• Téléchargez gratuitement des photos de hautes qualité,

mises à votre disposition en libre droit!

• Ces photos sont totalement gratuites et libres de droit, toutefois elles ne peuvent être revendues ou utilisées dans un quelconque support à des fins commerciales.

http://recitpresco.qc.ca/ressources/banque/collection/index.html

Page 35: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

SPÉCIFICITÉS TECHNIQUES

Page 36: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Rappel des consignes et contraintes du projet

• L’élève doit créer un logo original.

• L’élève doit utiliser des images libres de droits, ou faire ses propres photos si nécessaire.

• L’élève doit créer l’identité visuelle du restaurant en réalisant (choisir plusieurs) les pièces suivantes:– Véhicule de livraison– Uniforme de travail– Design du restaurant– Emballage du produit– Intégration créative en lieux

publics– Site internet– Autre suggestions? Venez me voir…

Page 37: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Spécifications techniquesPENDANT LE TRAVAIL

• Utiliser le modèle (300dpi – 1500 pixels) comme base de travail.

• Enregistrer 1 évolution / cours de production. Conserver les images dans ses dossiers.

• Quand le logo est terminé, enregistrer une copie en JPEG (haute qualité).

• CONSERVER le document en psd, tu en auras besoin pour la suite du travail.

Page 38: Création d’un LOGO - madameross.files.wordpress.com · • Représentation graphique d’un objet, d’un service, d’une action, ... typographie trop petite, exige lecture prolongée

Spécifications techniquesREMISE

• Évolutions, insérées dans le document Word (fichier –evolution)

• Le document psd (fichier evaluation –PSD)

• Un JPEG 800 pixels (fichier evaluation –JPEG_800pixels)

• Chaque document doit être identifié à ton nom:

Ex:nomdefamille_prénom_logo.psd

nomdefamille_prénom_uniforme.psd

nomdefamille_prénom_evolution.doc