Webinar - Branding & Logo - les étapes cles pour reussir son projet d identi...Julien Dereumaux
Qu'est-ce qu’un logo, une charte graphique, une identité visuelle ? Toutes ces notions sont à connaître et à maîtriser lorsqu'on veut créer sa marque. Mais ce n'est pas toujours évident d'en comprendre les enjeux et de réussir son logo, son branding ou son identité visuelle. Durant de webinar, nous verrons comment faire pour créer un logo, une identité visuelle de façon professionnelle !
Som'mer :
Partie 01
Introduction au jargon de l'univers de l'identité visuelle : branding, logo, charte graphique, plateforme de marque ...
Partie 02
Les étapes clés pour réussir son projet d'identité visuelle : méthodologie détaillée et présentation de références clients de Pilot'in.
Les outils utilisés chez Pilot'in pour son identité visuelle : Behance, fontshare / googlefont, Illustrator...
Démonstration de la création d'un logo avec Illustrator, les TIPS : vectorisation de typographie, plume, courbe de bézier, pathfinder…
Partie 03
Quels planning et budget prévoir pour réussir son projet d'identité visuelle ?
Soyez prêt, ça va décoiffer !
Vous savez ce qu'il vous reste à faire, participez en live pour profiter de toutes les meilleures pratiques !
En plus c'est gratuit ! :-)
Bonus : les inscrits auront accès au replay et à la présentation qui sera envoyée directement par e-mail.
#capcom15 - AT4 : La fabrique des nouveaux logos Cap'Com
Nouvelles équipes, nouveaux territoires : les logos s’adaptent, se rénovent, se transforment. Mais les restrictions budgétaires et la recherche de démarches participatives rendent les créations plus complexes. Si la tentation de l’interne est forte, pour des raisons évidentes d’économies, le processus doit être mené avec précision. Deux exemples pour comprendre les différentes manières de conduire une transformation de son identité graphique. Et répondre aux questions que tout le monde se pose : quel est le véritable coût ? Qui mobiliser et avec qui travailler ? Comment accompagner ce changement en interne et en externe ?
OVADYS, ce nom fortement ancré dans votre
métier VAD exprime l'idée de confiance : Le "O" englobant est doux et le nom fini sur une note
aiguë, féminine "YS". "OVA" est l'oeuf, le cocon, l'endroit où l'on se sent bien. "DYS" est le lys qui
renvoie au notions de noblesse, d’Histoire, de statut et de pureté.
Design, ergonomie et lisibilité des sites internet, Frederique GameFrédérique Game
Que vise le design ? Notamment lorsqu'il s'agit de concevoir une application ou un site internet ?
La qualité, la clarté et l'efficacité.
Découvrez à travers cette présentation qui a été donnée au WordPress Camp de Paris, comment améliorer la conception des sites Web.
Confluences : Charte d'utilisation du logoAnthonyZanta
Second sujet de BTS Design Graphique : la création d'un logo pour le musée des Confluences de Lyon (sujet fictif). Ici, déclinaison de la charte graphique pour une utilisation dans le domaine print et multimédia.
#CapCom16 : AT6 - [Méthodo] Réussir son logoCap'Com
L’identité visuelle est le socle de la communication institutionnelle. La réorganisation des territoires conduit de nombreuses institutions à changer de logo. C’est un investissement qui doit être conduit selon une démarche précise. Qu’il soit réalisé en interne ou par une agence, quels sont les 10 points clés pour réussir son logo ? À partir d’exemples concrets, un expert aidera à décrypter les tendances et les points forts d’un logo qui fonctionne. S’il n’y a pas de point de vue unique sur les créations, les choix graphiques révèlent des stratégies différentes.
Webinar - Branding & Logo - les étapes cles pour reussir son projet d identi...Julien Dereumaux
Qu'est-ce qu’un logo, une charte graphique, une identité visuelle ? Toutes ces notions sont à connaître et à maîtriser lorsqu'on veut créer sa marque. Mais ce n'est pas toujours évident d'en comprendre les enjeux et de réussir son logo, son branding ou son identité visuelle. Durant de webinar, nous verrons comment faire pour créer un logo, une identité visuelle de façon professionnelle !
Som'mer :
Partie 01
Introduction au jargon de l'univers de l'identité visuelle : branding, logo, charte graphique, plateforme de marque ...
Partie 02
Les étapes clés pour réussir son projet d'identité visuelle : méthodologie détaillée et présentation de références clients de Pilot'in.
Les outils utilisés chez Pilot'in pour son identité visuelle : Behance, fontshare / googlefont, Illustrator...
Démonstration de la création d'un logo avec Illustrator, les TIPS : vectorisation de typographie, plume, courbe de bézier, pathfinder…
Partie 03
Quels planning et budget prévoir pour réussir son projet d'identité visuelle ?
Soyez prêt, ça va décoiffer !
Vous savez ce qu'il vous reste à faire, participez en live pour profiter de toutes les meilleures pratiques !
En plus c'est gratuit ! :-)
Bonus : les inscrits auront accès au replay et à la présentation qui sera envoyée directement par e-mail.
#capcom15 - AT4 : La fabrique des nouveaux logos Cap'Com
Nouvelles équipes, nouveaux territoires : les logos s’adaptent, se rénovent, se transforment. Mais les restrictions budgétaires et la recherche de démarches participatives rendent les créations plus complexes. Si la tentation de l’interne est forte, pour des raisons évidentes d’économies, le processus doit être mené avec précision. Deux exemples pour comprendre les différentes manières de conduire une transformation de son identité graphique. Et répondre aux questions que tout le monde se pose : quel est le véritable coût ? Qui mobiliser et avec qui travailler ? Comment accompagner ce changement en interne et en externe ?
OVADYS, ce nom fortement ancré dans votre
métier VAD exprime l'idée de confiance : Le "O" englobant est doux et le nom fini sur une note
aiguë, féminine "YS". "OVA" est l'oeuf, le cocon, l'endroit où l'on se sent bien. "DYS" est le lys qui
renvoie au notions de noblesse, d’Histoire, de statut et de pureté.
Design, ergonomie et lisibilité des sites internet, Frederique GameFrédérique Game
Que vise le design ? Notamment lorsqu'il s'agit de concevoir une application ou un site internet ?
La qualité, la clarté et l'efficacité.
Découvrez à travers cette présentation qui a été donnée au WordPress Camp de Paris, comment améliorer la conception des sites Web.
Confluences : Charte d'utilisation du logoAnthonyZanta
Second sujet de BTS Design Graphique : la création d'un logo pour le musée des Confluences de Lyon (sujet fictif). Ici, déclinaison de la charte graphique pour une utilisation dans le domaine print et multimédia.
#CapCom16 : AT6 - [Méthodo] Réussir son logoCap'Com
L’identité visuelle est le socle de la communication institutionnelle. La réorganisation des territoires conduit de nombreuses institutions à changer de logo. C’est un investissement qui doit être conduit selon une démarche précise. Qu’il soit réalisé en interne ou par une agence, quels sont les 10 points clés pour réussir son logo ? À partir d’exemples concrets, un expert aidera à décrypter les tendances et les points forts d’un logo qui fonctionne. S’il n’y a pas de point de vue unique sur les créations, les choix graphiques révèlent des stratégies différentes.
2. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
SOMMAIRE:
Introduction (3)
Choix graphique (4)
Construction & zone de protection (5)
Typographies (6)
Gamme chromatique (7)
Contre indication (8)
Intégration du logotype dans une image ( 9,10,11)
Déclinaisons papiers (12,13,14)
Déclinaisons Web (15,16,17)
Goodies (18)
2
3. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Contexte d’utilisation
Introduction de la charte:
Le musée des confluences , musée des sciences naturelles et sociales voit
le jour dans la ville de Lyon. A la confluence des fleuves, ce musée à l’architec-
ture élancé mettra en relation des problèmes de société créer le pont entre les
sciences et les enjeux sociaux.
Ce derniers ouvert sur notre société moderne se doit d’évoluer en même temps
en présentant des expositions temporaires et appliquant son rôle éducatif aux
médias d’aujourd’hui.
Ce document est destiné aux : graphistes, exécutifs, secrétaires, chargé de
communications , journalistes, et toutes les personnes qui auraient besoin de
communiquer au nom ou en faveur du musée , association, etc...
Vous retrouverez dans cette charte l’application graphique de l’identité visuelle
du musée des confluences au différents supports.
Cette derniere vous aidera à la bonne utilisation de l’identité visuelle du musée
pour une communication en interne , lors d’évènements ou autres.
Vous retrouverez dans la suite de cette charte une déclinaison web ,spécifiant les
notices d’utilisation pour une communication sur le web et sur les médias
numériques.
3
4. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Choix graphique et valeurs du logotype.
Ce logotype met en relation des univers typographiques renvoyant aux deux points forts présentés
par le musée: Les sciences sociales et naturelles.
Le «M» de la typographie Time New Roman renvoit à l’univers de l’écriture, de l’imprimerie connotant
le dialogue, l’échange renvoyant aux sciences sociales.
La complexité de la lettre , présentant des sérifs et des déliés renvoie à la structure du batiment.
Le « C» destructuré renvoit à l’idée d’empreinte. Sa structure telle un fosile connote les sciences
naturelles.
Ces deux univers sont mis en relation directe par le biais d’une symétrie se mettant en place grace à
une ligne horizontale sur laquel les deux lettres viennent se reposer dans leurs positionnements.
Cette stabilité montre le coté institutionnel d’un musée , organisant , structurant des idées , des débats.
4
5. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Construction du logotype & zone de protection
>Construction du logotype:
Y=6X
5x
x
x
6x
>Zone de protection:
2Y
x
x
5
6. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
>Choix typographiques.
>Typographie print. >Typographie web:
Titre Titre
Sous titre Sous titre
Loratur? Ihit, eos erem rest, odit dolup- Loratur? Ihit, eos erem rest, odit
tat et iunt maionem dolorpo remquid doluptat et iunt maionem dolorpo
quodign ihillibus evellup tatiore rehent remquid quodign ihillibus evellup
aut aut quodipsunte eaque numque dolo tatiore rehent aut aut quodip-
estia volor atis exerum quia parum lac- sunte eaque numque dolo estia
cusciam utem hitionsent que perio et, te volor atis exerum quia parum
quam vel idunt, optum qui blam dolum, laccusciam utem hitionsent que
qui aligent la simet, ut rem remporrum perio et, te quam vel idunt, op-
laut eiur sequi ditatur? tum qui blam dolum, qui aligent
Non comnis autet ut verunt fugias pli- la simet, ut rem remporrum laut
genditat aut omniae vent dolest aut eiur sequi ditatur?
et poremped quo comnimil miliquate Non comnis autet ut verunt fugias
velicaborum volupta tatatia volo volupta pligenditat aut omniae vent do-
tibusantur, cus ea netur? Riasit et, ilitas lest aut et poremped quo comni-
et lam consequis conse prae ni doluptis mil miliquate velicaborum volupta
mod modis ma quas con es et ad quia tatatia volo volupta tibusantur,
doloriti dolorer epraturiaest optiant odi- cus ea netur? Riasit et, ilitas et
Titre: Myriad pro bold italic 24 pt Titre: Deja vu sans sérif bold 24pt
Sous titre: Myriad pro bold 12 pt Sous titre: Deja vu sans sérif bold 12 pt
#######: Myriad pro regular 12 pt #######: Deja vu sans sérif book 12 pt
6
7. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
>Gamme colorée
C 71 C 0 C 0
M 3 M 0 M 0
J 0 J 0 J 0
N 0 N 0 N 100
R 0 R 255 R 26
V 173 V 255 V 23
B 328 B 255 B 27
# OOADEE # FFFFFF # 1A171B
7
8. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Intégrité du logotype: Contre-indications.
>Utiliser d’autres couleurs. >Déformer le logotype.
>Utiliser une typographie
en accompagnement.
>Couper le logotype.
Musée des
confluences
>Orienter le logotype.
>Déformer le logotype.:
8
9. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Règles d’intégration du logotype.
>Sur image unie de couleur claire: >Sur image complexe de couleur claire:
>Utilisation du logotype seul de couleur noire pour >Utilisation du logotype noir sur fond blanc , pour un
une image claire et unie. Ceci est valable pour un logo- logotype s’integrant sur une image claire mais com-
type de taille supérieur à 20px par 40 px, si ce plexe dans laquel des éléments pourraient venir
n’est pas le cas, utilisez un fond blanc. compromettre sa lisibilité en absence de fond.
>Sur image unie de couleur sombre: >Sur image complexe de couleur sombre:
>Utilisation du logotype seul de couleur blanc pour une >Utilisation du logotype blanc sur fond noir, pour un
image sombre et unie . logotype s’integrant sur une image sombre mais
Ceci est valable pour un logotype de taille supérieur à complexe dans laquel des éléments pourraient venir
20px par 40 px, si ce n’est pas le cas, utilisez un fond compromettre sa lisibilité en absence de fond.
noir.
9
10. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Intégration du logotype en fonction des supports (2).
>Autres possibilités d’intégrations.
> Ne pas utiliser en dessous de 20px par 40 px car illisible.
Intégration avec d’autres logotype:
10
11. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Taille d’intégration du logotype sur une image.
Y
X
>Le logotype viens s’intégrer comme une signature sur des photographies en rapport avec le musée. Sa taille est
proportionnelle à celle de l’image.
X/12
Y/19
11
12. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
>Intégration du logotype sur support papier.
2x
Mr Bocquet Pierre
Site des
x
x confluences
Lyon 69002
04 78 31 46 76
Voici les indications de mise en page pour intégrer le logotype à des informations
comme celle proposées ( Cf: carte de visite et tête de lettre).
C’est la seule situation où la zone de protection peut être franchit.
Respecter les distances énnoncées au dessus.
> Conseil d’impression:
Veillez utiliser le logotype en 300 dpi pour des impressions afin de garder les
détails graphique du logotype.
12
13. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
> Support de communication papier.
2 cm
>Lettre:
2 cm
Bonjour,
Dae pa dundam elicimo lestia voluptates volupicia
ideris sust, sa voluptaecus eleceatur si quae ped
erior sint omni doloribus et etus, sin nihitatur, qui
dunt ipid molecus aliatio. Et aut dus accullant qui
dolupid magnis duntiam, occus.
Ga. Nequae culparcias acveaqui dolo eum quis
eicae sum ut am, volut lant repe endelitat.
Ide nusciet eium cor molorem sinimus.
Id evellam accus, quaersp erferfe rferchilique
porruptium dolupta atem dolupis acearch itatur si
doluptatur?
Vel ea num labore, sint quam, sinciae coratia pro-
rione prat et quiaepe riatem imin pratur si raerfe-
rum in posant, serum quam solenda cusam voluptas
comnimet utestistius dolecta sitiber rovitem porep-
tur siti suntium quatius renihilibus imilique cus
mollant voloribus dolessi magnimpos dolor aut quas
que doluptaturi cumenes sequam
40 mm
Mr Bocquet Pierre - Site des confluences
Lyon 69 002
04 78 31 46 76
20 mm
> Le logotype s’integre en tête de lettre comme pour tout support papier
(CF: intégration logotype sur support papier)
A4
13
14. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Variation du logotype et utilisation pour son intégration sur image.
> Carte de visite:
80mm
Musée des confluences
Site des confluences
50mm
Lyon 69 002
O4/78/31/45/76
confluence@mail.fr
> Ticket d’entré :
80mm
/ENTRÉE/
Musée des confluences 50mm
Tarif étudiant
Entrée
14
15. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Interface Facebook & tweeter.
>Facebook:
>Tweeter:
Musée des confluences
15
16. Musée des confluences : Logotype
Musée des confluences : Logotype
Charte graphique 2012
Charte graphique 2012
Taille logotype sur écran
>Voici la taille recommandé du logotype si celui ci est integré au siteweb , ou pour une application
pour smartphone.
Les zones de protection doivent être cependant respectées.
1024px
110 px
130 px
768px
640px
90 px
1136px
110 px
16