SlideShare a Scribd company logo
1 of 38
Download to read offline
.
Des lettres dans l'espace

         Pierre Boulet

Unithé ou café, 29 janvier 2009
o
               . rtho-typographie


T     .
. ypographie


               m
               . icro-typographie
Objectif = lisibilité
Lettres

Mots

Paragraphes

Pages
Lettres

Mots

Paragraphes

Pages
Anatomie d'une lettre




     .....
     bogue
     .
Anatomie d'une lettre

          a
          . scendante


            .....
            bogue
 . orps




            .
 c




                        d
                        . escendante
Anatomie d'une lettre

          a
          . scendante


            .....
            bogue
 . orps




                                             . il
                                             œ
            .
 c




                                       l
                                       .igne de base
                        d
                        . escendante
Anatomie d'une lettre

          a
          . scendante
                     a
                     . ngle

            .....
            bogue
 . orps




                                          . il
                                          œ
            .
 c




                                    l
                                    .igne de base
                     d
                     . escendante
Anatomie d'une lettre

          a
          . scendante           p
                                . leins
                     a
                     . ngle           e
                                      . t déliés

            .....
            bogue
 . orps




                                           . il
                                           œ
            .
 c




                                    l
                                    .igne de base
                     d
                     . escendante
Anatomie d'une lettre

          a
          . scendante                   p
                                        . leins
                     a
                     . ngle                   e
                                              . t déliés

            .....
            bogue
                              s
                              . érifs
 . orps




                                                   . il
                                                   œ
            .
 c




                                           l
                                           .igne de base
                     d
                     . escendante
Sérif

  Times New Roman
  Bitstream Vera Serif
  LMRoman12
  Bitstream Charter
  URW Palladio L
  URW Bookman L
Sans sérif

  Arial
  Bitstream Vera Sans
  LMSans12
  Century Gothic
  Trebuchet MS
  Gill Sans MT
À chasse fixe

 Courier New
 Bitstream Vera Sans Mono
 LMTypewriter12
 Monofur
 TlwgMono
 Lucida Sans Typewriter
Manuscrites

 Comic Sans MS
 Matura MT Script Capitals
 Mistral
 Amandine
 TrashHand
 French Script MT
Décoratives

 AbileneFLF
 A Star is Born
 Bestioles
 Broadway
 Colonna MT
 ParisMetro
Variantes
Famille Antykwa Torunska


                    Normal Gras
                    Italique Gras it.
Variantes
Famille Antykwa Torunska


    Maigre     Normal Gras
    Maigre it. Italique Gras it.
Variantes
Famille Antykwa Torunska


    Maigre     Normal Gras
    Maigre it. Italique Gras it.

    PC M P . PC 
    PC . . PC  PC  .
Variantes
Famille Antykwa Torunska


    Maigre     Normal Gras
    Maigre it. Italique Gras it.

    PC M P . PC 
    PC . . PC  PC  .

    Cond. maigre Condensé Cond. gras
    Cond. it. m. Cond. it. Cond. gras it.
Tailles optiques

 Latin Modern 5
 Latin Modern 6
 Latin Modern 7
 Latin Modern 8
 Latin Modern 9
 Latin Modern 10
 Latin Modern 12
 Latin Modern 17
Lettres

Mots

Paragraphes

Pages
Approche


 Approche très diminuée
 Approche diminuée
 Approche normale
 Approche augmentée
 Approc he trè s a u g m e n té e
Paires de crénage
 Avec


 Test Avec
 Sans


 Test Avec
Ligatures

 Avec

 fiffi f flfflst                 ½¾
 Sans

 fi ffi fj ffj fl ffl st ct 1/2 3/4
Lettres

Mots

Paragraphes

Pages
Espace inter-mots normal
     Lorem ipsum dolor sit amet, consectetur
 adipiscing elit. Cras massa. Sed facilisis urna pharetra
 pede. Aenean ornare congue risus. Ut justo sem,
 tempus vel, elementum eu, euismod quis, mi. Donec
 tristique. Fusce at risus sed urna pulvinar hendrerit.
 Mauris id libero. Fusce placerat, ipsum sit amet
 pretium auctor, lectus justo laoreet augue, pretium
 tincidunt est sem sed nisi. Nullam eget arcu.
     Sed dignissim pede ac eros. Proin et ligula eu nisi
 tincidunt pharetra. Pellentesque nibh. Ut vestibulum.
 Etiam elit diam, pellentesque ut, pretium tempus,
 sagittis a, nunc. Quisque gravida sem in massa.
 Praesent felis ante, venenatis ut, varius quis, blandit
 nec, libero. Aliquam magna libero, tincidunt vitae,
 laoreet quis, tincidunt a, neque. Maecenas dapibus
Espace inter-mots diminué
     Loremipsumdolorsitamet,consecteturadipiscing
 elit.Crasmassa.Sedfacilisisurnapharetrapede.Aenean
 ornareconguerisus.Utjustosem,tempusvel,
 elementumeu,euismodquis,mi.Donectristique.Fusce
 atrisussedurnapulvinarhendrerit.Maurisidlibero.
 Fusceplacerat,ipsumsitametpretiumauctor,lectus
 justolaoreetaugue,pretiumtinciduntestsemsednisi.
 Nullamegetarcu.
     Seddignissimpedeaceros.Proinetligulaeunisi
 tinciduntpharetra.Pellentesquenibh.Utvestibulum.
 Etiamelitdiam,pellentesqueut,pretiumtempus,
 sagittisa,nunc.Quisquegravidaseminmassa.Praesent
 felisante,venenatisut,variusquis,blanditnec,libero.
 Aliquammagnalibero,tinciduntvitae,laoreetquis,
 tincidunta,neque.Maecenasdapibusligulanonpurus.
Espace inter-mots augmenté
     Lorem ipsum dolor sit amet, consectetur
 adipiscing elit. Cras massa. Sed facilisis urna
 pharetra pede. Aenean ornare congue risus. Ut
 justo sem, tempus vel, elementum eu, euismod
 quis, mi. Donec tristique. Fusce at risus sed urna
 pulvinar hendrerit. Mauris id libero. Fusce
 placerat, ipsum sit amet pretium auctor, lectus
 justo laoreet augue, pretium tincidunt est sem sed
 nisi. Nullam eget arcu.
     Sed dignissim pede ac eros. Proin et ligula eu
 nisi tincidunt pharetra. Pellentesque nibh. Ut
 vestibulum. Etiam elit diam, pellentesque ut,
 pretium tempus, sagittis a, nunc. Quisque gravida
 sem in massa. Praesent felis ante, venenatis ut,
 varius quis, blandit nec, libero. Aliquam magna
Interligne normal
     Lorem ipsum dolor sit amet, consectetur
 adipiscing elit. Cras massa. Sed facilisis urna pharetra
 pede. Aenean ornare congue risus. Ut justo sem,
 tempus vel, elementum eu, euismod quis, mi. Donec
 tristique. Fusce at risus sed urna pulvinar hendrerit.
 Mauris id libero. Fusce placerat, ipsum sit amet
 pretium auctor, lectus justo laoreet augue, pretium
 tincidunt est sem sed nisi. Nullam eget arcu.
     Sed dignissim pede ac eros. Proin et ligula eu nisi
 tincidunt pharetra. Pellentesque nibh. Ut vestibulum.
 Etiam elit diam, pellentesque ut, pretium tempus,
 sagittis a, nunc. Quisque gravida sem in massa.
 Praesent felis ante, venenatis ut, varius quis, blandit
 nec, libero. Aliquam magna libero, tincidunt vitae,
 laoreet quis, tincidunt a, neque. Maecenas dapibus
Interligne diminué
     Lorem ipsum dolor sit amet, consectetur
 adipiscing elit. Cras massa. Sed facilisis urna pharetra
 pede. Aenean ornare congue risus. Ut justo sem,
 tempus vel, elementum eu, euismod quis, mi. Donec
 tristique. Fusce at risus sed urna pulvinar hendrerit.
 Mauris id libero. Fusce placerat, ipsum sit amet
 pretium auctor, lectus justo laoreet augue, pretium
 tincidunt est sem sed nisi. Nullam eget arcu.
     Sed dignissim pede ac eros. Proin et ligula eu nisi
 tincidunt pharetra. Pellentesque nibh. Ut vestibulum.
 Etiam elit diam, pellentesque ut, pretium tempus,
 sagittis a, nunc. Quisque gravida sem in massa.
 Praesent felis ante, venenatis ut, varius quis, blandit
 nec, libero. Aliquam magna libero, tincidunt vitae,
 laoreet quis, tincidunt a, neque. Maecenas dapibus
 ligula non purus. In a erat tincidunt felis cursus
 sodales. Suspendisse pulvinar, dui in scelerisque
 laoreet, libero mauris faucibus mi, convallis
 consectetur nisi leo vel nisi.
Interligne augmenté
    Lorem ipsum dolor sit amet, consectetur
 adipiscing elit. Cras massa. Sed facilisis urna pharetra
 pede. Aenean ornare congue risus. Ut justo sem,
 tempus vel, elementum eu, euismod quis, mi. Donec
 tristique. Fusce at risus sed urna pulvinar hendrerit.
 Mauris id libero. Fusce placerat, ipsum sit amet
 pretium auctor, lectus justo laoreet augue, pretium
 tincidunt est sem sed nisi. Nullam eget arcu.
    Sed dignissim pede ac eros. Proin et ligula eu nisi
 tincidunt pharetra. Pellentesque nibh. Ut vestibulum.
 Etiam elit diam, pellentesque ut, pretium tempus,
Justification
      Lorem ipsum dolor sit amet, consectetur adipiscing
  elit. Cras massa. Sed facilisis urna pharetra pede. Ae-
  nean ornare congue risus. Ut justo sem, tempus vel,
  elementum eu, euismod quis, mi. Donec tristique. Fu-
  sce at risus sed urna pulvinar hendrerit. Mauris id li-
  bero. Fusce placerat, ipsum sit amet pretium auctor,
  lectus justo laoreet augue, pretium tincidunt est sem
  sed nisi. Nullam eget arcu.
      Sed dignissim pede ac eros. Proin et ligula eu nisi
  tincidunt pharetra. Pellentesque nibh. Ut vestibulum.
  Etiam elit diam, pellentesque ut, pretium tempus, sa-
  gittis a, nunc. Quisque gravida sem in massa. Prae-
  sent felis ante, venenatis ut, varius quis, blandit nec,
  libero. Aliquam magna libero, tincidunt vitae, laoreet
  quis, tincidunt a, neque. Maecenas dapibus ligula non
Ultimes raffinements
     Lorem ipsum dolor sit amet, consectetur adipiscing
 elit. Cras massa. Sed facilisis urna pharetra pede. Ae-
 nean ornare congue risus. Ut justo sem, tempus vel, ele-
 mentum eu, euismod quis, mi. Donec tristique. Fusce
 at risus sed urna pulvinar hendrerit. Mauris id libero.
 Fusce placerat, ipsum sit amet pretium auctor, lectus
 justo laoreet augue, pretium tincidunt est sem sed nisi.
 Nullam eget arcu.
     Sed dignissim pede ac eros. Proin et ligula eu nisi
 tincidunt pharetra. Pellentesque nibh. Ut vestibulum.
 Etiam elit diam, pellentesque ut, pretium tempus, sa-
 gittis a, nunc. Quisque gravida sem in massa. Praesent
 felis ante, venenatis ut, varius quis, blandit nec, libero.
 Aliquam magna libero, tincidunt vitae, laoreet quis, tin-
 cidunt a, neque. Maecenas dapibus ligula non purus.
Lettres

Mots

Paragraphes

Pages
Lisibilité optimale


 Corps de texte entre 9pt et 12pt
 Interligne ~120 % du corps
 Longueur de ligne entre 40 et 75
          caractères
Design, pas décoration
 Agrément de lecture

     laisser respirer l'œil du lecteur
     dynamiser la page

 Éviter les perturbations

     changements significatifs
     respecter les habitudes

More Related Content

Featured

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Featured (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

Des lettres dans l\'espace

  • 1. .
  • 2. Des lettres dans l'espace Pierre Boulet Unithé ou café, 29 janvier 2009
  • 3. o . rtho-typographie T . . ypographie m . icro-typographie
  • 7. Anatomie d'une lettre ..... bogue .
  • 8. Anatomie d'une lettre a . scendante ..... bogue . orps . c d . escendante
  • 9. Anatomie d'une lettre a . scendante ..... bogue . orps . il œ . c l .igne de base d . escendante
  • 10. Anatomie d'une lettre a . scendante a . ngle ..... bogue . orps . il œ . c l .igne de base d . escendante
  • 11. Anatomie d'une lettre a . scendante p . leins a . ngle e . t déliés ..... bogue . orps . il œ . c l .igne de base d . escendante
  • 12. Anatomie d'une lettre a . scendante p . leins a . ngle e . t déliés ..... bogue s . érifs . orps . il œ . c l .igne de base d . escendante
  • 13. Sérif Times New Roman Bitstream Vera Serif LMRoman12 Bitstream Charter URW Palladio L URW Bookman L
  • 14. Sans sérif Arial Bitstream Vera Sans LMSans12 Century Gothic Trebuchet MS Gill Sans MT
  • 15. À chasse fixe Courier New Bitstream Vera Sans Mono LMTypewriter12 Monofur TlwgMono Lucida Sans Typewriter
  • 16. Manuscrites Comic Sans MS Matura MT Script Capitals Mistral Amandine TrashHand French Script MT
  • 17. Décoratives AbileneFLF A Star is Born Bestioles Broadway Colonna MT ParisMetro
  • 18. Variantes Famille Antykwa Torunska Normal Gras Italique Gras it.
  • 19. Variantes Famille Antykwa Torunska Maigre Normal Gras Maigre it. Italique Gras it.
  • 20. Variantes Famille Antykwa Torunska Maigre Normal Gras Maigre it. Italique Gras it. PC M P . PC  PC . . PC  PC  .
  • 21. Variantes Famille Antykwa Torunska Maigre Normal Gras Maigre it. Italique Gras it. PC M P . PC  PC . . PC  PC  . Cond. maigre Condensé Cond. gras Cond. it. m. Cond. it. Cond. gras it.
  • 22. Tailles optiques Latin Modern 5 Latin Modern 6 Latin Modern 7 Latin Modern 8 Latin Modern 9 Latin Modern 10 Latin Modern 12 Latin Modern 17
  • 24. Approche Approche très diminuée Approche diminuée Approche normale Approche augmentée Approc he trè s a u g m e n té e
  • 25. Paires de crénage Avec Test Avec Sans Test Avec
  • 26. Ligatures Avec fiffi f flfflst ½¾ Sans fi ffi fj ffj fl ffl st ct 1/2 3/4
  • 28. Espace inter-mots normal Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa. Sed facilisis urna pharetra pede. Aenean ornare congue risus. Ut justo sem, tempus vel, elementum eu, euismod quis, mi. Donec tristique. Fusce at risus sed urna pulvinar hendrerit. Mauris id libero. Fusce placerat, ipsum sit amet pretium auctor, lectus justo laoreet augue, pretium tincidunt est sem sed nisi. Nullam eget arcu. Sed dignissim pede ac eros. Proin et ligula eu nisi tincidunt pharetra. Pellentesque nibh. Ut vestibulum. Etiam elit diam, pellentesque ut, pretium tempus, sagittis a, nunc. Quisque gravida sem in massa. Praesent felis ante, venenatis ut, varius quis, blandit nec, libero. Aliquam magna libero, tincidunt vitae, laoreet quis, tincidunt a, neque. Maecenas dapibus
  • 29. Espace inter-mots diminué Loremipsumdolorsitamet,consecteturadipiscing elit.Crasmassa.Sedfacilisisurnapharetrapede.Aenean ornareconguerisus.Utjustosem,tempusvel, elementumeu,euismodquis,mi.Donectristique.Fusce atrisussedurnapulvinarhendrerit.Maurisidlibero. Fusceplacerat,ipsumsitametpretiumauctor,lectus justolaoreetaugue,pretiumtinciduntestsemsednisi. Nullamegetarcu. Seddignissimpedeaceros.Proinetligulaeunisi tinciduntpharetra.Pellentesquenibh.Utvestibulum. Etiamelitdiam,pellentesqueut,pretiumtempus, sagittisa,nunc.Quisquegravidaseminmassa.Praesent felisante,venenatisut,variusquis,blanditnec,libero. Aliquammagnalibero,tinciduntvitae,laoreetquis, tincidunta,neque.Maecenasdapibusligulanonpurus.
  • 30. Espace inter-mots augmenté Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa. Sed facilisis urna pharetra pede. Aenean ornare congue risus. Ut justo sem, tempus vel, elementum eu, euismod quis, mi. Donec tristique. Fusce at risus sed urna pulvinar hendrerit. Mauris id libero. Fusce placerat, ipsum sit amet pretium auctor, lectus justo laoreet augue, pretium tincidunt est sem sed nisi. Nullam eget arcu. Sed dignissim pede ac eros. Proin et ligula eu nisi tincidunt pharetra. Pellentesque nibh. Ut vestibulum. Etiam elit diam, pellentesque ut, pretium tempus, sagittis a, nunc. Quisque gravida sem in massa. Praesent felis ante, venenatis ut, varius quis, blandit nec, libero. Aliquam magna
  • 31. Interligne normal Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa. Sed facilisis urna pharetra pede. Aenean ornare congue risus. Ut justo sem, tempus vel, elementum eu, euismod quis, mi. Donec tristique. Fusce at risus sed urna pulvinar hendrerit. Mauris id libero. Fusce placerat, ipsum sit amet pretium auctor, lectus justo laoreet augue, pretium tincidunt est sem sed nisi. Nullam eget arcu. Sed dignissim pede ac eros. Proin et ligula eu nisi tincidunt pharetra. Pellentesque nibh. Ut vestibulum. Etiam elit diam, pellentesque ut, pretium tempus, sagittis a, nunc. Quisque gravida sem in massa. Praesent felis ante, venenatis ut, varius quis, blandit nec, libero. Aliquam magna libero, tincidunt vitae, laoreet quis, tincidunt a, neque. Maecenas dapibus
  • 32. Interligne diminué Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa. Sed facilisis urna pharetra pede. Aenean ornare congue risus. Ut justo sem, tempus vel, elementum eu, euismod quis, mi. Donec tristique. Fusce at risus sed urna pulvinar hendrerit. Mauris id libero. Fusce placerat, ipsum sit amet pretium auctor, lectus justo laoreet augue, pretium tincidunt est sem sed nisi. Nullam eget arcu. Sed dignissim pede ac eros. Proin et ligula eu nisi tincidunt pharetra. Pellentesque nibh. Ut vestibulum. Etiam elit diam, pellentesque ut, pretium tempus, sagittis a, nunc. Quisque gravida sem in massa. Praesent felis ante, venenatis ut, varius quis, blandit nec, libero. Aliquam magna libero, tincidunt vitae, laoreet quis, tincidunt a, neque. Maecenas dapibus ligula non purus. In a erat tincidunt felis cursus sodales. Suspendisse pulvinar, dui in scelerisque laoreet, libero mauris faucibus mi, convallis consectetur nisi leo vel nisi.
  • 33. Interligne augmenté Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa. Sed facilisis urna pharetra pede. Aenean ornare congue risus. Ut justo sem, tempus vel, elementum eu, euismod quis, mi. Donec tristique. Fusce at risus sed urna pulvinar hendrerit. Mauris id libero. Fusce placerat, ipsum sit amet pretium auctor, lectus justo laoreet augue, pretium tincidunt est sem sed nisi. Nullam eget arcu. Sed dignissim pede ac eros. Proin et ligula eu nisi tincidunt pharetra. Pellentesque nibh. Ut vestibulum. Etiam elit diam, pellentesque ut, pretium tempus,
  • 34. Justification Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa. Sed facilisis urna pharetra pede. Ae- nean ornare congue risus. Ut justo sem, tempus vel, elementum eu, euismod quis, mi. Donec tristique. Fu- sce at risus sed urna pulvinar hendrerit. Mauris id li- bero. Fusce placerat, ipsum sit amet pretium auctor, lectus justo laoreet augue, pretium tincidunt est sem sed nisi. Nullam eget arcu. Sed dignissim pede ac eros. Proin et ligula eu nisi tincidunt pharetra. Pellentesque nibh. Ut vestibulum. Etiam elit diam, pellentesque ut, pretium tempus, sa- gittis a, nunc. Quisque gravida sem in massa. Prae- sent felis ante, venenatis ut, varius quis, blandit nec, libero. Aliquam magna libero, tincidunt vitae, laoreet quis, tincidunt a, neque. Maecenas dapibus ligula non
  • 35. Ultimes raffinements Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras massa. Sed facilisis urna pharetra pede. Ae- nean ornare congue risus. Ut justo sem, tempus vel, ele- mentum eu, euismod quis, mi. Donec tristique. Fusce at risus sed urna pulvinar hendrerit. Mauris id libero. Fusce placerat, ipsum sit amet pretium auctor, lectus justo laoreet augue, pretium tincidunt est sem sed nisi. Nullam eget arcu. Sed dignissim pede ac eros. Proin et ligula eu nisi tincidunt pharetra. Pellentesque nibh. Ut vestibulum. Etiam elit diam, pellentesque ut, pretium tempus, sa- gittis a, nunc. Quisque gravida sem in massa. Praesent felis ante, venenatis ut, varius quis, blandit nec, libero. Aliquam magna libero, tincidunt vitae, laoreet quis, tin- cidunt a, neque. Maecenas dapibus ligula non purus.
  • 37. Lisibilité optimale Corps de texte entre 9pt et 12pt Interligne ~120 % du corps Longueur de ligne entre 40 et 75 caractères
  • 38. Design, pas décoration Agrément de lecture laisser respirer l'œil du lecteur dynamiser la page Éviter les perturbations changements significatifs respecter les habitudes