Rendez vos présentations visuelles impactantes

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

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://ﬂatuicolors.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 donne 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 ﬂou

34. VOUS TROUVEREZ LA LUMIÈRE (Et des idées)

35. RESSOURCES Unsplash http://unsplash.com Gratisography http://gratisography.com Compﬁght http://compﬁght.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.ﬂaticon.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

Rendez vos présentations visuelles impactantes

Arthur Hazan

Rendez vos présentations visuelles impactantes