Vous êtes sur la page 1sur 7

04/03/2020 Implémentez des éléments complémentaires à votre charte - Créez et appliquez une charte graphique - OpenCla…

YC

Accueil > Cours > Créez et appliquez une charte graphique > Implémentez des éléments complémentaires à votre
charte

Créez et appliquez une charte graphique

6 heures  Moyenne

Mis à jour le 12/12/2019

 

Implémentez des éléments complémentaires à


votre charte

03:27

Dans votre charte graphique, vous devrez faire gurer un maximum d’éléments graphiques, a n
de donner la direction la plus précise à vos futurs lecteurs.

Aussi, il est préconisé de présenter une direction graphique ou artistique concernant :

https://openclassrooms.com/fr/courses/5454886-creez-et-appliquez-une-charte-graphique/5715711-implementez-des-elements… 1/7
04/03/2020 Implémentez des éléments complémentaires à votre charte - Créez et appliquez une charte graphique - OpenCla…

1. les pictogrammes ;
2. les photographies et/ou les vidéos utilisées.

Que cela soit pour des pictogrammes, des photos ou des vidéos, prenez garde aux droits
d’images ! Les montants de certains médias peuvent grimper vite…

Faites gurer dans la charte les pictogrammes utilisés


Ne sous-estimez pas l'utilité et l'importances des pictogrammes

Les pictogrammes sont très utilisés aujourd’hui pour leur capacité à capter l’attention et à
uidi er la lecture et la compréhension.

La SNCF est un bon exemple de part son métier du transport, l’utilisation de pictogrammes
explicites est primordiale.

Lorsque vous êtes en gare, levez le nez et voyez autour de vous le nombre de pictogrammes qui
vous entourent et vous guident. Ils permettent à des milliers de passagers chaque jour de circuler
de façon autonome, grâce à une incroyable ef cacité.

Pictos accessibilité SNCF

La facilité de compréhension du pictogramme permet notamment d’être très utilisé sur mobile. Il
évite parfois d’écrire un mot et permet de gagner de la place sur nos écrans, tout en ayant un
aspect graphique intéressant.

Comme, par exemple, sur l’interface Apple iOs 12 :

https://openclassrooms.com/fr/courses/5454886-creez-et-appliquez-une-charte-graphique/5715711-implementez-des-elements… 2/7
04/03/2020 Implémentez des éléments complémentaires à votre charte - Créez et appliquez une charte graphique - OpenCla…

Différents pictogrammes sur IOS

Un pictogramme peut donc avoir bon nombre de traitements. Donnez la direction graphique de
ces éléments, et prévoyez une planche exemple avec les indications techniques telles que :

le traitement graphique : laire, plein, … ;


la taille : 16x16, 32x32, … ;
et les couleurs.

Puisez dans les banques pour un large choix de pictogrammes


Vous trouverez de nombreuses bibliothèques libre de droits telles que :

The Noun Project ;


Flaticon ;
Icones 8.

Téléchargez un pack d'icônes pour conserver une unité graphique


Certains sites proposent également des “packs” d’icônes comme sur :

Smashing Magazine ;
GraphicBurger ;

https://openclassrooms.com/fr/courses/5454886-creez-et-appliquez-une-charte-graphique/5715711-implementez-des-elements… 3/7
04/03/2020 Implémentez des éléments complémentaires à votre charte - Créez et appliquez une charte graphique - OpenCla…

Designbeep.

Attention puisque, le plus souvent, ces packs sont limités. Ils peuvent être un bon point
d’entrée comme source d’inspiration, mais veillez à bien maîtriser leur déclinaison.

Pensez, également comme pour toutes les catégories, à faire une recherche sur les sites classiques
tels que Dribbble, Behance, etc. De nombreux graphistes et artistes proposent gratuitement des
icônes et des pictogrammes de qualité.

Dédiez une partie de la charte aux photos et aux vidéos


Prenez vos images dans une banque d'images
Dans un premier temps, privilégiez les bibliothèques dites totalement gratuites :

Pexels ;
Pixabay ;
Magdeleine ;
Life of Pix ;
Snappygoat.

Ou bien, avec un simple crédit à mentionner avec les Licence Creative Commons. Toutes les
grandes plateformes en distribuent (Flickr, Vimeo, Wikipedia, Youtube, Bandcamp...).

Si votre recherche est infructueuse, alors, consultez les bibliothèques classiques libres de droits :

Getty ;
Fotolia ;
iStockphoto.

Montrez comment utiliser les photos et les vidéos

Que ce soit sur papier ou sur le web, l'iconographie fait partie intégrante de votre design.
Vous devez donc bien spéci er l’utilisation même des visuels.

Vous noterez par exemple la tonalité, l’ambiance, la colorimétrie, la forme, ou tout autre détail
nécessaire au choix des visuels de vos (futurs) utilisateurs.

« Une image vaut mieux que mille mots ».

- Confucius.

Alors ne lésinez pas sur le choix de vos visuels et sur l’établissement d’une règle, il en va de la vie de
votre charte dans le temps.

https://openclassrooms.com/fr/courses/5454886-creez-et-appliquez-une-charte-graphique/5715711-implementez-des-elements… 4/7
04/03/2020 Implémentez des éléments complémentaires à votre charte - Créez et appliquez une charte graphique - OpenCla…

Si aujourd'hui, McDonalds réussit à faire campagne sans af cher de logo, c’est bien parce qu’ils ont
réussi à s’approprier une image, une couleur, une forme reconnaissables par tous au premier coup
d’oeil.

C’est le cas de bon nombre de marques. IBM s’était également différencié en publicité par une
image noir et blanc ornée de 2 bandes au bleu de la marque. Ce qui permettait d’identi er
l'annonceur au bout de quelques secondes sans même voir le logo de la marque.

Publicité IBM, source INA.fr

A n de vous aider dans le choix des visuels, posez-vous les bonnes questions :

À qui je m’adresse ?
Quelles émotions la marque souhaite-t-elle véhiculer ?
Quelle couleurs s’accordent-elles le mieux avec l’univers de la marque ?

Respectez bien les règles de droit d’image


Selon votre budget et vos inspirations, prenez le temps de parcourir les différentes bibliothèques et
banques d’images (libre commercial / libre de droit / droits gérés...)

N'oubliez pas de spéci er l'usage des vidéos


Dans la lignée des photos, vous pourrez penser également aux vidéos. Une vidéo est animée,
vivante, et donc très attractive.

De plus en plus utilisées, les vidéos garantissent de faire passer un message rapidement et


simplement.

Pensez à utiliser la vidéo intelligemment et avec parcimonie, sous peine de déconcentrer votre
public et de perdre l'intérêt de votre message.

https://openclassrooms.com/fr/courses/5454886-creez-et-appliquez-une-charte-graphique/5715711-implementez-des-elements… 5/7
04/03/2020 Implémentez des éléments complémentaires à votre charte - Créez et appliquez une charte graphique - OpenCla…

Encore peu répandus aujourd’hui, certains sites spécialisés fournissent des vidéos gratuites et/ou
libres de droits. Mais, la plupart du temps, Il faudra se diriger vers les bibliothèques de vidéos
classiques pour trouver votre bonheur.

Grâce à une bande passante de plus en plus élevée chez les particuliers, les sites deviennent de plus
en plus riches, avec des images et des vidéos de grande qualité.

Ajoutez tout autre élément relatif à l'identité de la marque


Si les éléments visuels s’enrichissent, le son est également de plus en plus présent et enrichit
l'expérience utilisateur. On le retrouve le plus souvent sur des sites créatifs, expérimentaux, et
souvent très visuels. Il permet d’enrichir votre concept et d’y rattacher une ambiance.

De la même manière que les photos ou les vidéos, attention à bien sélectionner et tester vos
éléments sonores, ainsi que leur qualité. Le son est utilisé comme secondaire, et ne doit pas
suppléer votre message initial. Pensez donc bien en amont à cette partie sonore et à son
intégration.

J'AI TERMINÉ CE CHAPITRE ET JE PASSE AU SUIVANT

SÉLECTIONNEZ LES COULEURS DE DÉFINISSEZ LES BONNES PRATIQUES


 
VOTRE CHARTE ET LES INTERDITS

Les professeurs
Jerome Reminiac
Fondateur de ketsu, conseil en communication connectée et production

Francois Mavel
Consultant en conception graphique digitale.

OpenClassrooms

L'entreprise

Forum
https://openclassrooms.com/fr/courses/5454886-creez-et-appliquez-une-charte-graphique/5715711-implementez-des-elements… 6/7
04/03/2020 Implémentez des éléments complémentaires à votre charte - Créez et appliquez une charte graphique - OpenCla…

Blog

Nous rejoindre

Entreprises

Business

En plus

Devenez mentor

Aide et FAQ

Conditions Générales d'Utilisation

Politique de Protection des Données Personnelles

Nous contacter

Français
 

https://openclassrooms.com/fr/courses/5454886-creez-et-appliquez-une-charte-graphique/5715711-implementez-des-elements… 7/7