Quelques tips pour améliorer vos présentations

Couleurs, pictos, images, typographie

Transcript

1. on the way to KEYNOTE Arthur GUILLERMIN HAZAN - 26/03/14 Prise en main et conseils utiles
2. Bonjour à tous, et merci d’être là !
3. Je m’appelle Arthur GUILLERMIN HAZAN mais aussi @dimitrifrompari Et je fais des présentations visuelles (entre autres !)
4. Sommaire Les bonnes pratiques Intro Les couleurs La typo Les images Les pictos 1 2 3 4 5
5. 1. 1 - INTRODUCTION
6. 1. Les chiffres / numbers 1.1. You probably won’t read those numbers because it’s only a list of numbers, and you’ll forget it as soon as you read it. 1.2. Vous ne retiendrez jamais ces chiffres parce que ce n’est qu’une liste et vous allez l’oublier à la seconde ou vous la lirez. ! 2. Segmentation du marché 2.1. This is some bullshit nobody will read because it’s boring, you will lose the attention of your audience in a blink, and they will never contact you again, you will lose your job, your wife, and your friends. 2.2. Personne ne lira jamais parce que c’est super ennuyeux, et vous perdrez l’attention de votre audience en un clin d’oeil, votre client ne vous recontactera jamais , et vous perdrez votre mari/femme, ainsi que vos amis et votre travail. ! 3. Disposé comme ceci, ce n’est que du Lorem Ipsum 3.1. This is some Lorem Ipsum, Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 3.2. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 3.3. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 3.4. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. 3.5. Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.Donec id elit non mi porta gravida at eget metus. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
7. A la recherche du WOW EFFECT
8. La présentation visuelle ne sert qu’à appuyer votre message
9. Less is more* *moins on en met, mieux c’est
10. 3sec. pour comprendre une slide.
11. 1 message par slide.
12. 1. 2 - LES COULEURS
13. C’est une question de (bon) goût
14. C’est une question de (bon) goût
15. C’est une question de (bon) goût
16. C’est une question de (bon) goût
17. C’est une question de (bon) goût
18. Bleu: • sagesse • sérénité • fraicheur Vert: • espérance • chance • stabilité Jaune: • joie • chaleur • puissance • amitié Orange: • communication • créativité • sécurité • optimisme Rouge: • amour • passion • chaleur • sexualité Violet: • rêve • délicatesse • paix Rose: • féminité • romantisme • séduction Blanc: • pureté • innocence • virginité Noir: • élégance • sobriété • simplicité • mystère Source: http://www.code-couleur.com
19. Les couleurs créent une atmosphère #191718 #c44640 #fefefe #323232
20. Bien choisir son code couleur ? Réutiliser l’identité visuelle de la marque Utilisez des palettes de couleur
21. RESSOURCES Adobe Kuler https://kuler.adobe.com COLOURlovers http://www.colourlovers.com FlatUIcolors http://flatuicolors.com
22. 1. 3 - LA TYPOGRAPHIE Dites le avec des fonts
23. La typographie donne le ton de votre message La typographie donne le ton de votre message La typographie donne le ton de votre message La typographie donne le ton de votre message La typographie donne le ton de votre message La typographie donne le ton de votre message
24. OUBLIEZ la police par défaut Arial georgia lucida Grande Comic Sans
25. 3 familles de typographie DIFFÉRENTES UTILISEZ MAXIMUM Ici, il n’y en a que 2 : La ‘Proxima Nova’, et la ‘Bebas NEUE’
26. Et surtout, utilisez plusieurs graisses
27. RESSOURCES Font Squirrel http://fontsquirrel.com Google Fonts https://www.google.com/fonts Lost Type http://www.losttype.com Fonts
28. 1. 4 - LES IMAGES
29. L’image appuie votre message. Elle lui don- ne un sens. Abusez en, elle transporte votre audience .
30. Illustrez votre processus d’itération
31. N E S O Y E Z P A S D E S M O U T O N S
32. n’avancez plus dans le brouillard
33. Ne restez pas dans le flou
34. VOUS TROUVEREZ LA LUMIÈRE (Et des idées)
35. RESSOURCES Unsplash http://unsplash.com Gratisography http://gratisography.com Compfight http://compfight.com/ sous licence CC
36. 1. 5 - LES PICTOS
37. Dites le avec des
38. Un symbole vaut mieux qu’un long Lorem Ipsum
39. € $ ¥ UNE DEVISE ? Financement Paiement Argent
40. UN LIEU ? Emplacement Localisation Paris
41. UNE ENVIE ? Glace Dessert Sucré
42. RESSOURCES The noun project http://thenounproject.com Flaticon http://www.flaticon.com Un peu d’auto-promo :) Pictogram Set http://bit.ly/1dl2kf2
43. Et maintenant… Jetez vous à l’eau !
44. Merci de votre attention @ dimitrifrompari