Web Design  »  Guide  »  Guida Web Design 

La leggibilità delle pagine

Ricorda che in un sito il cui contenuto è rapprsentato prevalentemente dal testo, la tipografia è uno strumento fondamentale per organizzare anche la grafica.

Cerca di non riempire le tue pagine con untesto denso, ma organizza le tue schermate fornendo sempre un minimo di contrasto con un giusto equilibrio tra grafica e testo, in modo da facilitare la comprensione dell'organizzazione delle informazioni ed aumentare la leggibilità del documento.

Un buon uso dei margini e dello spazio bianco aumenta la leggibilità di una pagina web quindi puoi utilizzarli per diversificare il testo principale dagli altri elementi della pagina.

Diamo risalto alle parole

Cerca sempre di attirare l'occhio del lettore anche attraverso un giusto "movimento" del testo. A volte basta una piccola modifica per creare un contrasto visivo che attira l'occhio. Hai a tua disposizione strumenti tipografici consolidati che permettono di dare risalto ad un blocco di testo, ma è importante non utilizzarli in modo errato.

1. Corsivo (es: Corsivo) - Il testo corsivo attira l'occhio perché è in contrasto con la forma del corpo del testo ma non è molto leggibile sullo schermo, utilizzalo all'interno del testo per parole o frasi accentuate o straniere e comunque quando non puoi proprio farne a meno.
2. Grassetto (es: Grassetto) - Il testo in grassetto conferisce risalto essendo in contrasto con il colore del testo normale. Il grassetto è abbastanza leggibile su schermo, ma è bene usare il grassetto per evidenziare singole parole e non intere frasi, altrimenti la sua funzione viene a cadere.
3. Sottolineato (es: Sottolineato) - Il testo sottolineato è una convenzione tipografica che risale ai tempi delle macchine da scrivere, quando il corsivo e il grassetto non erano disponibili. È buona norma evitare la sottolineatura nei documenti web poichè generalmente indica un collegamento ipertestuale. Se usi testo sottolineato in una pagina web, puoi star certo che sarà sicuramente confuso con un collegamento ipertestuale.
4. Testo Colorato (es: Testo Colorato) - Generalmente il testo colorato come il testo sottolineato ha funzione di collegamento ipertestuale, perciò usalo solo per questa funzione, cercando di dare lo stesso colore a tutti i link presenti nei tuoi testi.
5. Lettere maiuscole (es: LETTERE MAIUSCOLE) - Il testo in lettere maiuscole è uno dei metodi più comuni e meno efficaci per aggiungere risalto tipografico. Ha più o meno la stessa funzione del grassetto, ma probabilmente non ha la stessa efficacia. Considera sempre di usarlo solo per dare risalto ad alcune parole, quando proprio non puoi usare il grassetto, e comunque non usarlo per grandi blocchi di testo.
6. Spaziatura tra paragrafi - Uno dei modi più efficaci e sottili per variare il contrasto visivo e l'importanza relativa di una porzione di testo consiste semplicemente nell'isolarla o trattarla in modo diverso dal testo circostante. Dividi il testo in tanti piccoli blocchi e distanziali leggermente tra di loro sarà più facile leggerli e comprenderli.

Altri articoli

Altre guide

Altre newsletter