ݺߣ

ݺߣShare a Scribd company logo

Vladimir Carrer @ Ebook Lab Italia - Layout e gestalt del libro elettronico

•
•
Ebook Lab Italia
Ebook Lab Italia

Il libro elettronico apre nuove sfide riguardo all'organizzazione e alla gestione del contenuto e dell'informazione. Abbiamo ripreso le tradizionali regole tipografiche che venivano applicate ai classici libri stampati senza, però, provare a sfruttare le nuove potenzialità degli ebook. Cosa possiamo fare per migliorare la fruizione del testo e il piacere della lettura attraverso gli ebook?

1 of 25
Downloaded 34 times
Layout e gestalt 
 del libro elettronico"
Importanza del libro elettronico" - Oggi Amazon vende più libri in formato elettronico rispetto a quelli stampati" - Le nuove ricerche confermano che non c è differenza tra leggibilità tra libro classico e libro elettronico"
Libro elettronico vs libro classico" - Limiti di spazio" - Risoluzione dello schermo" - Possibilità di cambiare il layout" - Possibilità di accedere ad altre informazioni e media"
Obiettivo n°1" Cosa possiamo fare per migliorare la leggibilità degli eBook?"
Leggibilità della calligrafia o del carattere tipografico (legibility)! Leggibilità come scorrevolezza della lettura in funzione della struttura linguistica (readability)"
Leggibilità e gestalt" il principio della chiusura o della forma chiusa " "
C " "
C O " "
Sans-serif" vs" Serif C O " " O C "" ""
Sans-serif" vs" Serif Più leggibile su monitor Più leggibile su carta bassa resoluzine"
eBook: Ritorno dello Serif!
Readability - Leggibilità come scorrevolezza della lettura e gestalt"
Potete leggere queste parole?"
Potete leggere queste parole?"
Potete leggere queste parole?"
Og_i è una bellis_ima gior_ata"
Per aumentare la leggibilità abbiamo bisogno di più spazio tra le lettere, le parole e le righe"
Helvetica vs Verdana Ciao Ciao"
Abbiamo bisogno di nuovi font ottimizzati per l eBook"
Cominciare da minimo 16px per il testo" 12px Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam Aliquam ante lacus, pharetra in viverra mollis, viverra vitae ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget sollicitudin eget rhoncus eget, convallis quis mauris." rhoncus eget, convallis quis mauris."
Interlinea più grande" 16px/1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." 16px/1.5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.7 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." eget rhoncus eget, convallis quis mauris."
Paragrafi ben definiti" Prima" Dopo" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." rhoncus eget, convallis quis mauris." Praesent convallis, mauris at ultricies adipiscing, lacus est porttitor ->Praesent convallis, mauris at ultricies adipiscing, lacus est nibh, vitae luctus libero dui at urna. Proin commodo venenatis porttitor nibh, vitae luctus libero dui at urna. Proin commodo condimentum. Quisque dolor nunc, mattis in dapibus a, vulputate et venenatis condimentum. Quisque dolor nunc, mattis in dapibus a, metus. Etiam lorem quam, dapibus eget auctor at, vehicula nec vulputate et metus. Etiam lorem quam, dapibus eget auctor at, enim." vehicula nec enim."
Circa 60 caratteri per riga" Font size(px) Lungezza colona(px) 16 480 17 510 18 540 19 570 20 600 21 630
Carattere più grande Spazio senza limiti Interlinea più grande Più spazio per i paragrafi Schermo alta risoluzione Font Serif(moderno) il contenuto che si auto adatta Layout dinamico la possibilità di cambiare layout possibilità di accedere ai servizi esterni
Grazie"

More Related Content

Vladimir Carrer @ Ebook Lab Italia - Layout e gestalt del libro elettronico

  • 1. Layout e gestalt 
 del libro elettronico"
  • 2. Importanza del libro elettronico" - Oggi Amazon vende più libri in formato elettronico rispetto a quelli stampati" - Le nuove ricerche confermano che non c è differenza tra leggibilità tra libro classico e libro elettronico"
  • 3. Libro elettronico vs libro classico" - Limiti di spazio" - Risoluzione dello schermo" - Possibilità di cambiare il layout" - Possibilità di accedere ad altre informazioni e media"
  • 4. Obiettivo n°1" Cosa possiamo fare per migliorare la leggibilità degli eBook?"
  • 5. Leggibilità della calligrafia o del carattere tipografico (legibility)! Leggibilità come scorrevolezza della lettura in funzione della struttura linguistica (readability)"
  • 6. Leggibilità e gestalt" il principio della chiusura o della forma chiusa " "
  • 9. Sans-serif" vs" Serif C O " " O C "" ""
  • 10. Sans-serif" vs" Serif Più leggibile su monitor Più leggibile su carta bassa resoluzine"
  • 12. Readability - Leggibilità come scorrevolezza della lettura e gestalt"
  • 16. Og_i è una bellis_ima gior_ata"
  • 17. Per aumentare la leggibilità abbiamo bisogno di più spazio tra le lettere, le parole e le righe"
  • 18. Helvetica vs Verdana Ciao Ciao"
  • 19. Abbiamo bisogno di nuovi font ottimizzati per l eBook"
  • 20. Cominciare da minimo 16px per il testo" 12px Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam Aliquam ante lacus, pharetra in viverra mollis, viverra vitae ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget sollicitudin eget rhoncus eget, convallis quis mauris." rhoncus eget, convallis quis mauris."
  • 21. Interlinea più grande" 16px/1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." 16px/1.5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. 16px/1.7 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." eget rhoncus eget, convallis quis mauris."
  • 22. Paragrafi ben definiti" Prima" Dopo" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis ante lacus, pharetra in viverra mollis, viverra vitae quam. Duis tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget tempor mattis sem non vehicula. Aliquam nisi quam, sollicitudin eget rhoncus eget, convallis quis mauris." rhoncus eget, convallis quis mauris." Praesent convallis, mauris at ultricies adipiscing, lacus est porttitor ->Praesent convallis, mauris at ultricies adipiscing, lacus est nibh, vitae luctus libero dui at urna. Proin commodo venenatis porttitor nibh, vitae luctus libero dui at urna. Proin commodo condimentum. Quisque dolor nunc, mattis in dapibus a, vulputate et venenatis condimentum. Quisque dolor nunc, mattis in dapibus a, metus. Etiam lorem quam, dapibus eget auctor at, vehicula nec vulputate et metus. Etiam lorem quam, dapibus eget auctor at, enim." vehicula nec enim."
  • 23. Circa 60 caratteri per riga" Font size(px) Lungezza colona(px) 16 480 17 510 18 540 19 570 20 600 21 630
  • 24. Carattere più grande Spazio senza limiti Interlinea più grande Più spazio per i paragrafi Schermo alta risoluzione Font Serif(moderno) il contenuto che si auto adatta Layout dinamico la possibilità di cambiare layout possibilità di accedere ai servizi esterni