Embed Size (px)
DESCRIPTION
Présentation faite dans le cadre du cours d'Internet et société pour des étudiants de master 1 & 2 en infocom à l'UCL Mons - Les règles de mise en page - Les règles typographiques - Ressources - Dataviz twitter : @samuelbuxin
Citation preview
Les regravegles pour une bonne creacuteativiteacute
Samuel Buxinbull Bachelier en publiciteacute
bull Chargeacute de communication graphiste amp photographe
Me contacter
samuelbuxin
samuelbuxingmailcom
wwwsamuelbuxinbe
Les regravegles de mise en page
Les regravegles de mise en page
1 LisibiliteacuteOn peut lire facilement le texte
bull Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
bull Augmenter lrsquointerlignage agrave 15
bull Espacer les paragraphes
bull Ne pas faire de trop longues lignes agrave lire
bull Ne pas avoir peur du blanc
bull Respecter les regravegles de la langue
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga Min re et ommodipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisimusant la qui id qui aut acimpel ipicienis et fuga Itatios dolut idem dolut utectur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Augmenter lrsquointerligne agrave 15
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Espacer les paragraphes
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime v ta tis ped quidel magnate
porporum et aut lam ipsam nonsed que volorierspel
maxim eatemolessuporeheni id quias aut eatin
poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
conse uam fuga Min re et omm odipsunt facil ilis
dolor accatusciunt recti quas dolor iat aut omnisim
usant la qui id qui au t acimpel ipicienis et fuga
Itatios do lut idem dolut ute ctur rent ipiet volut at
aut magnihil minveratem
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Samuel Buxinbull Bachelier en publiciteacute
bull Chargeacute de communication graphiste amp photographe
Me contacter
samuelbuxin
samuelbuxingmailcom
wwwsamuelbuxinbe
Les regravegles de mise en page
Les regravegles de mise en page
1 LisibiliteacuteOn peut lire facilement le texte
bull Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
bull Augmenter lrsquointerlignage agrave 15
bull Espacer les paragraphes
bull Ne pas faire de trop longues lignes agrave lire
bull Ne pas avoir peur du blanc
bull Respecter les regravegles de la langue
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga Min re et ommodipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisimusant la qui id qui aut acimpel ipicienis et fuga Itatios dolut idem dolut utectur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Augmenter lrsquointerligne agrave 15
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Espacer les paragraphes
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime v ta tis ped quidel magnate
porporum et aut lam ipsam nonsed que volorierspel
maxim eatemolessuporeheni id quias aut eatin
poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
conse uam fuga Min re et omm odipsunt facil ilis
dolor accatusciunt recti quas dolor iat aut omnisim
usant la qui id qui au t acimpel ipicienis et fuga
Itatios do lut idem dolut ute ctur rent ipiet volut at
aut magnihil minveratem
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
Les regravegles de mise en page
1 LisibiliteacuteOn peut lire facilement le texte
bull Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
bull Augmenter lrsquointerlignage agrave 15
bull Espacer les paragraphes
bull Ne pas faire de trop longues lignes agrave lire
bull Ne pas avoir peur du blanc
bull Respecter les regravegles de la langue
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga Min re et ommodipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisimusant la qui id qui aut acimpel ipicienis et fuga Itatios dolut idem dolut utectur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Augmenter lrsquointerligne agrave 15
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Espacer les paragraphes
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime v ta tis ped quidel magnate
porporum et aut lam ipsam nonsed que volorierspel
maxim eatemolessuporeheni id quias aut eatin
poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
conse uam fuga Min re et omm odipsunt facil ilis
dolor accatusciunt recti quas dolor iat aut omnisim
usant la qui id qui au t acimpel ipicienis et fuga
Itatios do lut idem dolut ute ctur rent ipiet volut at
aut magnihil minveratem
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
1 LisibiliteacuteOn peut lire facilement le texte
bull Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
bull Augmenter lrsquointerlignage agrave 15
bull Espacer les paragraphes
bull Ne pas faire de trop longues lignes agrave lire
bull Ne pas avoir peur du blanc
bull Respecter les regravegles de la langue
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga Min re et ommodipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisimusant la qui id qui aut acimpel ipicienis et fuga Itatios dolut idem dolut utectur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Augmenter lrsquointerligne agrave 15
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Espacer les paragraphes
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime v ta tis ped quidel magnate
porporum et aut lam ipsam nonsed que volorierspel
maxim eatemolessuporeheni id quias aut eatin
poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
conse uam fuga Min re et omm odipsunt facil ilis
dolor accatusciunt recti quas dolor iat aut omnisim
usant la qui id qui au t acimpel ipicienis et fuga
Itatios do lut idem dolut ute ctur rent ipiet volut at
aut magnihil minveratem
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas justifier sauf si crsquoest demandeacute par lrsquouniversiteacute )
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga Min re et ommodipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisimusant la qui id qui aut acimpel ipicienis et fuga Itatios dolut idem dolut utectur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Augmenter lrsquointerligne agrave 15
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Espacer les paragraphes
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime v ta tis ped quidel magnate
porporum et aut lam ipsam nonsed que volorierspel
maxim eatemolessuporeheni id quias aut eatin
poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
conse uam fuga Min re et omm odipsunt facil ilis
dolor accatusciunt recti quas dolor iat aut omnisim
usant la qui id qui au t acimpel ipicienis et fuga
Itatios do lut idem dolut ute ctur rent ipiet volut at
aut magnihil minveratem
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
1 Lisibiliteacute - Augmenter lrsquointerligne agrave 15
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae provitasin reribus quaecaborum delicil iduci nime v ta tis ped quidel magnate porporum et aut lam ipsam nonsed que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit conse uam fuga Min re et omm odipsunt facil ilis dolor accatusciunt recti quas dolor iat aut omnisim usant la qui id qui au t acimpel ipicienis et fuga Itatios do lut idem dolut ute ctur rent ipiet volut at aut magnihil minveratem
Udam repudipsum et magnis ma con cullabo Nequatetus offic temquaerum est et mintio Mi odit consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Espacer les paragraphes
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime v ta tis ped quidel magnate
porporum et aut lam ipsam nonsed que volorierspel
maxim eatemolessuporeheni id quias aut eatin
poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
conse uam fuga Min re et omm odipsunt facil ilis
dolor accatusciunt recti quas dolor iat aut omnisim
usant la qui id qui au t acimpel ipicienis et fuga
Itatios do lut idem dolut ute ctur rent ipiet volut at
aut magnihil minveratem
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
1 Lisibiliteacute - Espacer les paragraphes
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga Min re et ommodipsunt faciluas
dolor iat aut omnisimusant la qui id qui aut acimpel
ipicienis et fuga Itatios dolut idem dolut utectur
rent ipiet volut at aut magnihil minveratem Odit
consequam fuga
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime v ta tis ped quidel magnate
porporum et aut lam ipsam nonsed que volorierspel
maxim eatemolessuporeheni id quias aut eatin
poratius simus
Udam repudipsum et magnis ma con cullabo
Nequatetus offic temquaerum est et mintio Mi odit
conse uam fuga Min re et omm odipsunt facil ilis
dolor accatusciunt recti quas dolor iat aut omnisim
usant la qui id qui au t acimpel ipicienis et fuga
Itatios do lut idem dolut ute ctur rent ipiet volut at
aut magnihil minveratem
Nequatetus offic temquaerum est et mintio Mi odit
consequam fuga
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
1 Lisibiliteacute - Ne pas faire de trop longues lignes agrave lire
Moluptat et autaten estium sandaes sam nusto
omniandam rerferum vollabo Uptas quaes in et
harchilis por aliquae provitasin reribus quaecaborum
delicil iduci nime vella doluptatis ped quidel
magnate porporum et aut lam ipsam nonsed que
volorierspel maxim eatemolessuporeheni id quias
aut eatin poratius simus
Moluptat et autaten estium sandaes sam nusto omniandam rerferum vollabo Uptas quaes in et harchilis por aliquae
provitasin reribus quaecaborum delicil iduci nime vella doluptatis ped quidel magnate porporum et aut lam ipsam nonsed
que volorierspel maxim eatemolessuporeheni id quias aut eatin poratius simus
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
1 Lisibiliteacute - Respecter les regravegles de la langue
UN POLICIER TUE UN POLICIER TUEacute
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
2 Contrastebull Contraster suffisament
bull Preacutefeacuterer le contraste neacutegatif au contraste positif
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
La lisibiliteacute est aussi une affaire de contraste
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
3 VisibiliteacuteOn peut trouver facilement ce que lrsquoon cherche
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles de mise en page
4 Hieacuterarchiebull Preacutesentez vos contenus de la faccedilon la plus coheacuterente possible
bull Pensez aux messages essentiels agrave faire passer
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les regravegles typographiques
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les familles
La classification Thibaudeau6 familles typographiques
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les familles
1 Garaldes (Serif)Regroupe les caractegraveres agrave empattements triangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Times New Roman Garamond Palatino
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les familles
2 Didots (Serif)Fort contraste entre pleins et deacutelieacutes ainsi que des empattements filiformes
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Didot Bodoni
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les familles
3 Eacutegyptiennes (Slab serif)Ces caractegraveres ont des empattements rectangulaires
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Rockwell Klinic Slab Arvo
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les familles
4 Antiques (Sans serif)Polices sans empattements
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Helvetica Neue Futura Avenir
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les familles
5 Eacutecritures (Script handdrawn caligraphic)Polices polices eacutevoquant le traceacute drsquoune eacutecriture agrave main leveacutee
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Mistral Marker Felt Wisdom script
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les familles
6 FantaisiesTout ce qui ne peut pas se retrouver dans les autres classifications
The Quick Brown Fox Jumps Over The Lazy Dog
The Quick Brown Fox Jumps Over The Lazy Dog
Crulz MT Bloody Tatto Ink
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Comment associer des polices
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Regravegle drsquoor
Pas plus de 3 polices diffeacuterentes dans un mecircme document
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Parfois ccedila donne bien
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Mais souvent on voit ccedila
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
2e regravegle drsquoor
Quand on associe des polices le but est de creacuteer du contraste
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Association typographique
Au sein drsquoune mecircme policeCertaines polices possegravedent plusieurs styles (gras italique romain maigre) avec lesquels on peut jouer
The quick brown fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Exemple 1 - ASAP Exemple 2 - Helvetica Neue Exemple 3 - ITC Garamond
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Association typographique
Ne pas associer au sein drsquoune mecircme classification2 polices qui se ressemblent fortement
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVendredi 14 novembre 2014
The Quick brown jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
Exemple 1 - Times et Garamond Exemple 2 - Helvetica et Devanagari
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Association typographique
Des polices de diffeacuterentes classificationsIl est recommandeacute drsquoassocier des polices qui nrsquoappartiennent pas agrave la mecircme famille Cela va permettre de creacuteer du contraste
The quick brown fox jumps over the lazy dog and he likes it and he likes it
The Quick BrownVendredi 14 novembre 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it
The Quick BrownVENDREDI 14 NOVEMBRE 2014
Fox jumps over the lazy dog and he likes it and the fox jumps over the lazy dog and he likes it and he likes it and he likes it
Ex 1 - Bebas Neue amp Rockwell Ex 2 - Clarendon amp Helvetica Ex 3 - Kaushan Script amp Garamond
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Association typographique
Quelques trucs
bull Contraster avec les diffeacuterentes graisses drsquoune police
bull Eacuteviter les combinaisons qui sont trop disparates
bull Keep It Simple Deux polices crsquoest deacutejagrave bien
bull Jouer sur la taille
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Apregraves la theacuteorie la pratique
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Apregraves la theacuteorie la pratique
The quick brown fox jumps over the lazy dog and he likes it and he likes it
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Apregraves la theacuteorie la pratique
The Quick Brown fox jumps over the lazy dog and he likes it and he likes it Musdandelecea as reperep ercimint doluptatus molupta tiorectur senis et unt volorempedi aborition reptatur simoluptas duntiisit que dolorrorerro
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les ressources
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les ressources
TYPOGRAPHIQUES
Font squirrel gt httpwwwfontsquirrelcom
The lost type co-op gt httplosttypecombrowse
Google Fonts gt httpwwwgooglecomfonts
Smashing magazine gt httpwwwsmashingmagazinecomtag
typography
Fonts in use gt httpfontsinusecom
GRAPHIQUES
Behance gt httpwwwbehancenet
Dribbblegt httpwwwdribbblecom
Smashing magazinegt httpwwwsmashingmagazinecom
categorydesign
Web Design Ledgergt httpwebdesignledgercomcategory
resources
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Et la data visualisation dans tout ccedila
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les bons exemples
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Les bons exemples
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
EXPOVIZ une expo sur la datavisualisation
Merci de votre attention
Merci de votre attention
![Créativité [JePartage]](https://img.pdfslide.fr/doc/110x75/5a6532bb7f8b9a5b558b51bf/creativite-jepartage.jpg)
