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…
