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

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

Je m’appelle Arthur GUILLERMIN HAZAN
mais aussi @dimitrifrompari
Et je fais des présentations visuelles (entre autres !)

Sommaire
Les bonnes pratiques
Intro Les couleurs La typo Les images Les pictos
1 2 3 4 5

1. 1 - INTRODUCTION

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.

A la recherche du
WOW EFFECT

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

Less is more*
*moins on en met, mieux c’est

3sec.
pour comprendre une slide.

1 message
par slide.

1. 2 - LES COULEURS

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

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

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

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

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

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

Les couleurs créent une atmosphère
#191718
#c44640
#fefefe
#323232

Bien choisir son code couleur ?
Réutiliser l’identité visuelle
de la marque
Utilisez des
palettes de couleur

RESSOURCES
Adobe Kuler
https://kuler.adobe.com
COLOURlovers
http://www.colourlovers.com
FlatUIcolors
http://flatuicolors.com

1. 3 - LA TYPOGRAPHIE
Dites le avec des fonts

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

OUBLIEZ
la police par défaut
Arial georgia lucida Grande Comic Sans

3 familles
de typographie
DIFFÉRENTES
UTILISEZ MAXIMUM
Ici, il n’y en a que 2 : La ‘Proxima Nova’, et la ‘Bebas NEUE’

Et surtout, utilisez plusieurs graisses

RESSOURCES
Font Squirrel
http://fontsquirrel.com
Google Fonts
https://www.google.com/fonts
Lost Type
http://www.losttype.com
Fonts

1. 4 - LES IMAGES

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

Illustrez
votre processus d’itération

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

n’avancez plus dans le brouillard

Ne restez pas dans le flou

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

RESSOURCES
Unsplash
http://unsplash.com
Gratisography
http://gratisography.com
Compfight
http://compfight.com/
sous licence
CC

1. 5 - LES PICTOS

Dites le avec des

Un symbole vaut mieux qu’un long Lorem Ipsum

€ $¥
UNE DEVISE ?
Financement
Paiement
Argent

UN LIEU ?
Emplacement
Localisation
Paris

UNE ENVIE ?
Glace
Dessert
Sucré

RESSOURCES
The noun project
http://thenounproject.com
Flaticon
http://www.flaticon.com
Un peu d’auto-promo :)
Pictogram Set
http://bit.ly/1dl2kf2

Et maintenant…
Jetez vous à l’eau !

Merci de votre attention
@ dimitrifrompari