La tipografia e la scrittura II



Quanto scrivere?

Scegli parole corte che entrano più facilmente nel processo di comprensione, fai in modo che le tue frasi siano composte da un massimo di 24, 25 parole, e usa espressioni concrete, tangibili.

Anche la lunghezza delle righe di testo delle pagine web gioca un ruolo fondamentale per la leggibilità. È opportuno restringere la lunghezza delle righe di testo a circa 60/70 caratteri per riga.

Il conteggio esatto dei caratteri è difficile da prevedere perché le dimensioni dei caratteri variano a seconda dei browser e dei sistemi operativi. Una soluzione consiste nell'usare tabelle di layout di pagine con celle di testo non superiori a 365 pixel di larghezza.

Gli allineamenti

Le opzioni di allineamento disponibili sul web sono quelle di allineamento standard:

  • Giustificazione a destra
  • Giustificazione al centro
  • Giustificazione a sinistra
  • Testo giustificato

La giustificazione a sinistra è l'opzione più leggibile per le pagine web, perché il margine sinistro è uniforme e prevedibile e quello destro è irregolare. L'irregolarità del margine destro aggiunge diversità e interesse alla pagina, senza interferire con la leggibilità.

Immagini come testo

Se desideri utilizzare un carattere non standard per un titolo o un capolettera, il codice HTML non è di alcuna utilità. La soluzione consiste nel creare un'immagine GIF del tuo testo o lettera in un programma di gestione delle immagini e semplicemente inserirla come immagine nel tuo documento.

Verifica però che il colore di sfondo del testo sia lo stesso della pagina. Non ricorrere troppo spesso a questo metodo perchè, come ormai avrai ben capito, un file con immagini è di dimensioni superiori rispetto ad un file di testo e che di conseguenza aumenta il tempo necessario allo scaricamento della pagina. Questo trucco, inoltre impedisce ai motori di ricerca di leggere i tuoi testi.

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti