Il testo non è un ripensamento nel processo di progettazione. Dovrebbe essere la tua prima considerazione.
La leggibilità dovrebbe essere una delle principali preoccupazioni quando si tratta di qualsiasi progetto di design. Se il testo non può essere letto, allora perché stai progettando in primo luogo? Un buon design offre contenuti in un modo comprensibile; la leggibilità è una parte importante della comprensione. Oggi parleremo di come è possibile pianificare un progetto attorno alle parole, in modo che i tuoi progetti siano facili da leggere.
Cos'è la leggibilità?
Parliamo molto della leggibilità quando si parla di design. Ma la leggibilità e il testo leggibile o leggibile non sono la stessa cosa. Se qualcuno riesce a distinguere le lettere, il testo è considerato leggibile. Ciò non significa, tuttavia, che le parole siano necessariamente facili da leggere o comprendere; sono solo decifrabili.
La leggibilità è la facilità con cui il testo può essere letto. La comprensione è un fattore chiave in termini di leggibilità, in quanto è in grado di esaminare rapidamente - e capire - lettering. Il testo leggibile può essere scansionato rapidamente, a distanza.
La leggibilità influisce anche sulle parole stesse e sulla loro facilità di comprensione e comprensione. (Alcuni esperti hanno ricominciato a pensare che il testo scritto per il consumo generale non dovrebbe superare un livello di lettura di ottavo grado per massimizzare la leggibilità).
Diamo un'occhiata ad alcuni altri standard visivi che contribuiscono alla leggibilità.
Lunghezza della linea
"Per quanto tempo una linea di campate di tipo può essere un fattore chiave quando si tratta di leggibilità ed è quasi invisibile? Linee di tipo, soprattutto in blocchi grandi, troppo lunghe possono causare la stanchezza degli occhi e rendere difficile la lettura. Una linea troppo corta spesso causa rotture imbarazzanti. Se viene utilizzata la sillabazione, le linee brevi generano anche molte parole con trattino, che possono anche interrompere il flusso di lettura.
Dove vuoi che il testo cada è da qualche parte in quel mezzo felice. Il testo dovrebbe essere abbastanza grande da essere letto facilmente, ma non così grande da causare pause o pause strane nella lettura.
Ci sono una varietà di standard che contribuiscono alla lunghezza della linea perfetta (e anche a poche formule matematiche). Uno dei migliori tiene conto della larghezza di una cornice di testo (questo funziona meglio per i progetti stampati ma si applica a qualsiasi cosa che usi le picas come strumento di misurazione), e lo divide a metà per determinare la dimensione ottimale del carattere. In genere è possibile regolare la dimensione del punto in alto o in basso di un paio di punti in entrambe le direzioni da quel punto di partenza.
Quindi se una colonna è 36 foto di larghezza (in stampa), il testo sarebbe circa 18 punti.
Che dire dei progetti digitali che si misurano in pixel?
Puoi applicare la stessa formula, ma diventa un po 'più complicato: ci sono 16 pixel per pica. Quindi se il tuo frame è largo 600 pixel, il testo sarebbe 18-19 punti. (600/16 = 37,5 / 2 = 18,75). Personalmente, penso che questo lascia un po 'più ampio. Questo ci porta all'opzione # 2 per i progetti digitali. Imposta il tipo in termini di caratteri (e spazi) per riga.
Per quanto riguarda il testo del corpo, il numero ottimale di caratteri per riga è compreso tra 50 e 60, secondo uno dei libri di testo senza tempo tipografici, "Typographie: A Manual of Design? di Emil Ruder. Tale intervallo può essere leggermente esteso a seconda dello stile del tipo utilizzato e del dispositivo su cui viene visualizzato. Per la maggior parte dei progetti, la gamma di sicurezza per i dispositivi desktop è compresa tra 45 e 75 caratteri per riga. L'intervallo ottimale per i dispositivi mobili è compreso tra 35 e 50 caratteri per riga.
Spazio e contrasto
Lo spazio e il contrasto corretto sono componenti chiave per quanto riguarda la leggibilità. L'iscrizione deve vivere nel proprio spazio - non condividere con altri caratteri o immagini - e il colore del testo e dello sfondo deve essere abbastanza diverso per essere distinguibile.
Come con la lunghezza della linea, lo spazio tra le linee è importante. Si raccomanda che lo spazio tra le righe di tipo (chiamato leader) sia almeno uguale alla dimensione in punti del tipo e la maggior parte dei progettisti digitali opti per un minimo del 150 percento delle dimensioni del testo. Questo lascia molto spazio per ogni riga in grandi blocchi di testo da leggere. Come con la lunghezza della linea, troppo o troppo poco spazio tra le linee, può rendere difficile la comprensione.
I designer dovrebbero inoltre prestare particolare attenzione allo spazio tra blocchi di testo e altri oggetti. Presta attenzione agli involucri di testo e al testo che attraversa i confini di altri oggetti. Gli involucri di testo, sia verticali che orizzontali, dovrebbero essere almeno uguali alla spaziatura di riga utilizzata per un blocco di testo. Evitare che i blocchi di testo tocchino altri oggetti o elementi o che scorrano sopra o sopra le immagini.
? Prenota tipo colorato per parole o loghi grandi o grandi.?Non dimenticare i margini. Ricordarsi di lasciare dello spazio bianco attorno all'intera cornice di testo, creando un alone quasi invisibile. Questo margine aiuterà a distinguere il testo da altri? Rumore ,? facilitando il lettore nella copia.
Pensa anche al contrasto. Lo spazio è un modo per creare contrasto; un altro è colore. Il testo nero su sfondo chiaro è una scelta popolare per blog e libri perché i grandi blocchi di copie devono essere separati dal supporto (carta o schermo). Quando si tratta di blocchi di testo per la lettura, attenersi a semplici scelte di colore come nero, bianco o grigio che si distinguono dallo sfondo. Prenotate il tipo di colore per parole o loghi grandi o grandi.
Sillabazione e interruzioni di parole
Una delle cose più irritanti che si possano incontrare come lettori è un trattino gigante nel mezzo di un titolo o sottotitolo che si estende su tre o quattro linee di profondità. Prestare particolare attenzione a questi dettagli quando si imposta il tipo perché possono essere sia aggravanti per i lettori che difficili da comprendere.
I trattini fanno sì che i lettori si fermino e si fermino nel mezzo di una parola. Dovrebbero essere eliminati da oggetti di grandi dimensioni e mobili - qualsiasi cosa più grande di 25 punti - e usati con cura in piccoli caratteri.
Alcuni trattini sono accettabili in blocchi di grandi dimensioni, ma è consigliabile impostare un numero limitato di trattini per paragrafo.
Scarsa scrittura e interruzioni di parole possono essere altrettanto stridenti per i lettori. Cerca di mantenere i titoli e sottotitoli brevi, semplici e diretti. Evita le frasi lunghe e mantieni la formulazione concisa. Dai ai lettori un assaggio del testo che verrà, invitandoli a leggere di più.
Quando lavori con progetti digitali e web, considera molte interruzioni e sottotitoli per grandi quantità di copie (vedrai che lo facciamo qui con gli articoli di Design Shack). Queste interruzioni rendono il testo più facile da digerire visivamente e rende la copia più lunga meno intimidatoria da leggere.
Allineamento
Anche se il testo è al centro, a sinistra o sul lato destro di un documento o di uno schermo, è anche importante e può avere un forte impatto sulla leggibilità. In generale, il forte allineamento per il testo è allineato a sinistra. L'allineamento a sinistra funziona perché rispecchia il modo in cui leggi: da sinistra a destra. Sai dove finisce ogni linea e dove inizia il prossimo.
Gli allineamenti giusti e giustificati possono essere i più difficili da usare. L'allineamento a destra è meglio riservato per piccoli blocchi di testo, come grandi citazioni o elementi di testo artistico. Il testo giustificato richiede specifiche di sillabazione e giustificazione perfette e viene utilizzato al meglio in un ambiente non fluido, motivo per cui lo si vede più comunemente nei confini del design della stampa.
Il testo centrato, sebbene popolare, non si presta alla leggibilità. Può funzionare per piccoli blocchi di testo, ma non deve essere utilizzato per più di poche righe. (Controlla questo post precedente di Design Shack su Come utilizzare gli allineamenti centrati per idee ed esempi). La difficoltà con il testo centrato è che può essere difficile per gli occhi sapere dove iniziano e fermano le cose poiché le linee sono irregolari su entrambi i lati del copia.
Strumenti di leggibilità
- Lo strumento di test di leggibilità: Inserisci un URL (o un blocco di testo direttamente) e ottieni un punteggio di leggibilità calcolato matematicamente. Ottenete risultati rapidi e di facile comprensione, come la lettura del livello e dei punteggi su un numero di indici di leggibilità, oltre a un'analisi generale. Lo strumento include anche un bookmarklet elegante.
- leggibilità: Questo plug-in e applicazione per il browser web trasforma qualsiasi pagina Web in una vista nitida per la lettura e consente di raccogliere pagine da leggere in un secondo momento.
- Test di leggibilità di Juicy Studio: Scopri di più su tutti i diversi test e algoritmi di leggibilità e su come capire cosa significa e come può essere collegato ai tuoi progetti.
- Information Architects? Standard 100% Easy-2-Read :? Questo articolo scritto nel 2006 include una lista di controllo di leggibilità di sorta. Mentre si applica principalmente al web design, molti dei suggerimenti sono stimolanti e sono ancora applicabili oggi.
Conclusione
Progettare per la leggibilità o non disturbare affatto l'uso del testo. Se vuoi che il tuo contenuto sia efficace, deve essere leggibile. Progettando tenendo a mente la leggibilità, stai facendo un servizio ai tuoi lettori e utenti.
Con così tante informazioni là fuori, gli utenti tendono a guardare (o fare clic) lontano da un testo che non è facile da capire in un lampo. Quelli sono lettori, o potenziali clienti, che non si può mai tornare indietro.