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.
Le opzioni di allineamento disponibili sul web sono quelle di allineamento standard:
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à.
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.
Metro, il "linguaggio di design" di Windows 8I principi ispiratori del "linguaggio di design" utilizzato da... |
Bootstrap: il framework di TwitterSviluppare applicazioni web sfruttando il framework con cui è stato... |
Sfondi a tutta pagina con jQueryCome avere degli sfondi a tutta pagina sui vostri siti web, per... |
Grid design, dalla tipografia al webDesign coerenti e layout consistenti, usando principi di... |
Art Direction e DesignCapire la differenza tra la direzione artistica di un progetto e il... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Web WritingSaper scrivere per il Web è una delle armi per attirare utenti e per... |
Guida Accessibilità dei siti Web teoricaQuesta guida è finalizzata sostanzialmente a una conoscenza e a una... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |