44
on the way to KEYNOTE Arthur GUILLERMIN HAZAN - 26/03/14 Prise en main et conseils utiles

Rendez vos présentations visuelles impactantes

Embed Size (px)

DESCRIPTION

Des conseils utiles et pratiques pour faire vivre une audience lors de la présentation de vos projets, idées, chiffres... De l'image aux pictogrammes, boostez vos présentations !

Citation preview

Page 1: Rendez vos présentations visuelles impactantes

on the way to

KEYNOTE

Arthur GUILLERMIN HAZAN - 26/03/14

Prise en main et conseils utiles

Page 2: Rendez vos présentations visuelles impactantes

Bonjour à tous, et merci d’être là !

Page 3: Rendez vos présentations visuelles impactantes

Je m’appelle Arthur GUILLERMIN HAZAN mais aussi @dimitrifrompari

Et je fais des présentations visuelles (entre autres !)

Page 4: Rendez vos présentations visuelles impactantes

Sommaire

Les bonnes pratiques

Intro Les couleurs La typo Les images Les pictos

1 2 3 4 5

Page 5: Rendez vos présentations visuelles impactantes

1. 1 - INTRODUCTION

Page 6: Rendez vos présentations visuelles impactantes

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.

Page 7: Rendez vos présentations visuelles impactantes

A la recherche du

WOW EFFECT

Page 8: Rendez vos présentations visuelles impactantes

La présentation visuelle ne sert qu’à appuyer votre message

Page 9: Rendez vos présentations visuelles impactantes

Less is more*

*moins on en met, mieux c’est

Page 10: Rendez vos présentations visuelles impactantes

3sec. pour comprendre une slide.

Page 11: Rendez vos présentations visuelles impactantes

1 message par slide.

Page 12: Rendez vos présentations visuelles impactantes

1. 2 - LES COULEURS

Page 13: Rendez vos présentations visuelles impactantes

C’est une question de (bon) goût

Page 14: Rendez vos présentations visuelles impactantes

C’est une question de (bon) goût

Page 15: Rendez vos présentations visuelles impactantes

C’est une question de (bon) goût

Page 16: Rendez vos présentations visuelles impactantes

C’est une question de (bon) goût

Page 17: Rendez vos présentations visuelles impactantes

C’est une question de (bon) goût

Page 18: Rendez vos présentations visuelles impactantes

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

Page 19: Rendez vos présentations visuelles impactantes

Les couleurs créent une atmosphère

#191718

#c44640

#fefefe

#323232

Page 20: Rendez vos présentations visuelles impactantes

Bien choisir son code couleur ?

Réutiliser l’identité visuelle

de la marqueUtilisez des palettes de couleur

Page 21: Rendez vos présentations visuelles impactantes

RESSOURCES

Adobe Kuler https://kuler.adobe.com

COLOURlovers http://www.colourlovers.com

FlatUIcolors http://flatuicolors.com

Page 22: Rendez vos présentations visuelles impactantes

1. 3 - LA TYPOGRAPHIE

Dites le avec des fonts

Page 23: Rendez vos présentations visuelles impactantes

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

Page 24: Rendez vos présentations visuelles impactantes

OUBLIEZ la police par défaut

Arial georgia lucida Grande Comic Sans

Page 25: Rendez vos présentations visuelles impactantes

3 familles de typographie

DIFFÉRENTES

UTILISEZ MAXIMUM

Ici, il n’y en a que 2 : La ‘Proxima Nova’, et la ‘Bebas NEUE’

Page 26: Rendez vos présentations visuelles impactantes

Et surtout, utilisez plusieurs graisses

Page 27: Rendez vos présentations visuelles impactantes

RESS

OURC

ES

Font Squirrel http://fontsquirrel.com

Google Fonts https://www.google.com/fonts

Lost Type http://www.losttype.com

Fonts

Page 28: Rendez vos présentations visuelles impactantes

1. 4 - LES IMAGES

Page 29: Rendez vos présentations visuelles impactantes

L’image appuie votre message. Elle lui don- ne un sens. Abusez en, elle transporte votre audience .

Page 30: Rendez vos présentations visuelles impactantes

Illustrez votre processus d’itération

Page 31: Rendez vos présentations visuelles impactantes

N E S O Y E Z P A S D E S M O U T O N S

Page 32: Rendez vos présentations visuelles impactantes

n’avancez plus dans le brouillard

Page 33: Rendez vos présentations visuelles impactantes

Ne restez pas dans le flou

Page 34: Rendez vos présentations visuelles impactantes

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

Page 35: Rendez vos présentations visuelles impactantes

RESS

OURC

ES

Unsplash http://unsplash.com

Gratisography http://gratisography.com

Compfight http://compfight.com/

sous licence

CC

Page 36: Rendez vos présentations visuelles impactantes

1. 5 - LES PICTOS

Page 37: Rendez vos présentations visuelles impactantes

Dites le avec des

Page 38: Rendez vos présentations visuelles impactantes

Un symbole vaut mieux qu’un long Lorem Ipsum

Page 39: Rendez vos présentations visuelles impactantes

€ $¥

UNE DEVISE ? Financement

Paiement Argent

Page 40: Rendez vos présentations visuelles impactantes

UN LIEU ? Emplacement

Localisation Paris

Page 41: Rendez vos présentations visuelles impactantes

UNE ENVIE ? Glace Dessert

Sucré

Page 42: Rendez vos présentations visuelles impactantes

RESS

OURC

ES

The noun project http://thenounproject.com

Flaticon http://www.flaticon.com

Un peu d’auto-promo :)

Pictogram Set http://bit.ly/1dl2kf2

Page 43: Rendez vos présentations visuelles impactantes

Et maintenant…

Jetez vous à l’eau !

Page 44: Rendez vos présentations visuelles impactantes

Merci de votre attention

@ dimitrifrompari