I migliori caratteri per migliorare l'esperienza di lettura


13

Sto costruendo un sito web il cui scopo principale è quello di servire contenuti (legislatura) e voglio offrire la migliore esperienza di lettura agli utenti. Puoi dare un'occhiata alla pagina di esempio su:

http://iura.cl/cc/44

Come puoi vedere, ho eliminato tutto ciò che Al momento sto usando Telex webfont. Ho anche un'opzione per la lettura notturna che dovrebbe ridurre l'abbagliamento:

http://iura.cl/cc/44?estilo=nocturno

Mi chiedo cosa dovrei considerare riguardo al carattere che scelgo per assicurarmi che sia leggibile, se c'è una guida a cui aderire?


2
"Che tipo di carattere mi consigliate" è semplicemente una domanda troppo ampia per cui possiamo rispondere. Si noti inoltre che mentre un font è sicuramente una parte importante di quanto sia "leggibile" qualcosa, ci sono anche una pletora di altre variabili (larghezza della colonna, interlinea, colore, suggerimento, layout, ecc.)
DA01,

@ DA01 forse c'è una guida che potresti consigliare?
Dan


1
La domanda mi sembra soddisfacente - non è "Che tipo di carattere mi consigliate", è "Come scegliere un carattere ad alta leggibilità per un sito Web " - un sacco di criteri.
user56reinstatemonica8

Risposte:


10

In realtà ci sono alcuni principi piuttosto semplici se i tuoi criteri numero uno sono un carattere ad alta leggibilità per un sito web .

  1. Pensa al mainstream. Grazie a @font-facete potresti scegliere tra migliaia e migliaia di font - ma i caratteri meno popolari o più recenti hanno spesso problemi di rendering tra i browser e sistemi operativi, a volte anche quando provengono da fonderie rispettabili. Se la leggibilità è la tua priorità e non vuoi eseguire enormi quantità di test cross-browser su più OS, potresti voler giocare in modo sicuro e utilizzare un carattere affidabile, provato e testato. I vecchi caratteri sicuri per il web piacciono Verdanae Georgiasono scommesse sicure poiché sono così ampiamente utilizzati che saranno stati testati anche in configurazioni di browser / sistema operativo più rare. Inoltre, la familiarità aiuta la leggibilità.
  2. Altezza x alta e ampia. Non sai quale sia la qualità o la densità dei pixel dello schermo del tuo lettore, quindi, se dai la priorità alla leggibilità, assicurati che le importanti caratteristiche distintive delle lettere siano più chiare. Caratteri progettati per la leggibilità del web, come VerdanaeGeorgia , usano il più possibile dei loro pixel per l'altezza x dove sono i dettagli chiave di una lettera e usano pixel minimi su ascendenti o discendenti in cui un bump di uno o due pixel è sufficiente per facilmente dillo a bda a oo a p.
  3. Non troppo leggero.Il tipo di luce sembra ottimo su schermi di stampa o ad alta densità di pixel, ma c'è una buona ragione per cui è stato usato raramente su schermi fino a iOS7 ed era controverso anche allora: se lo spettatore non sta visualizzando in condizioni ottimali, come uno schermo di alta qualità in costante illuminazione interna, rischia la leggibilità. Scegli un carattere con un buon peso normale solido - ho già detto Verdanae Georgia?

Esistono molti tipi di carattere che soddisfano questi criteri oltre a Verdana e Georgia, ovviamente, e questi due sono talvolta considerati un po 'noiosi perché fino al 2009 circa quando @fontface è diventato ampiamente utilizzato, sono stati i caratteri di riferimento per gran parte del web .

Ma non puoi davvero sbagliare con loro - lo erano progettati per la leggibilità del web e ogni combinazione di browser e sistema operativo sarà stata testata per visualizzarli bene.


Modifica: quando i venditori e i fondatori di webtype si mettono nei guai di test per una buona leggibilità, è probabile che urlino al riguardo nel loro marketing. Ad esempio, la serie webtype "Reading Edge" (punta di cappello a Chris Burton che ne ha parlato qui ). Tuttavia, prova ampiamente.


1
Non sono un designer e ho dei problemi con i miei occhi. Mi piace leggere alcuni testi legislativi, ma penso che il sito brasiliano faccia male a volte, quindi ho preso il tuo suggerimento (Verdana) e ho inserito un plug-in chiamato Stylish , con 1,5 righe di altezza, 16px di carattere e colore nero. Per me è molto comodo.
Fabio Montefuscolo,

5

Ok, vado avanti e darò i miei pensieri su questo. Non esiste un 'miglior font' definitivo né può esserlo perché la scelta di un font dipende da molti aspetti diversi. Quello che può esserci è un "metodo migliore per scegliere un carattere".

Quindi le cose da considerare per aiutarti a scegliere il font migliore per il tuo progetto;

Media: come verrà visualizzato il font, carta, tela, online, dispositivo portatile, ecc. Desideri assicurarti di scegliere un font adatto al supporto su cui verrà visualizzato, ad esempio un blocco di Times New Roman potrebbe andare bene per un documento stampato ma, sullo schermo (specialmente un piccolo schermo), un blocco di Times New Roman può essere piuttosto difficile da leggere. Vuoi anche vedere cosa è disponibile per te se sei limitato ai caratteri web, risorse come i caratteri google potrebbero aiutarti qui. (Da Wikipedia: "Caratteri sicuri per il Web I caratteri sicuri per il Web sono caratteri probabilmente presenti su una vasta gamma di sistemi informatici e utilizzati dagli autori di contenuti Web per aumentare la probabilità che il contenuto venga visualizzato nel tipo di carattere prescelto. Se un visitatore di un Web il sito non ha il carattere specificato, il suo browser tenta di selezionare un'alternativa simile, in base ai caratteri di fallback specificati dall'autore e alle famiglie generiche o utilizza la sostituzione del carattere definita nel sistema operativo del visitatore. ")

Pubblico: pensa a chi lo leggerà. Un bambino potrebbe fare di meglio senza un carattere basato su serif o una singola storia "a" anziché una doppia storia "a" . Tuttavia, se si dicesse un invito a nozze, i caratteri come Edwardian Script sono ciò che è molto popolare in quel contesto perché affrontiamolo più Serif, più decorativo è meglio - secondo alcune spose che è;) anche se anche il materiale decorativo è utilizzato principalmente per i titoli anziché per l'intero contenuto. Come un saggio ol

Contrasto / Colore: Ancora una volta, questo è qualcosa da considerare in termini di progetto. Ovviamente non vuoi accecare le persone a causa di un contrasto terribilmente alto, o dare loro le rughe per strizzare gli occhi a qualcosa che ha un contrasto terribilmente basso - quella parte è ovvia. Ma a seconda della tua combinazione di colori potresti voler giocherellare con le impostazioni di luminosità e contrasto. Noterai che GD.SE, ad esempio, non è completamente nero e completamente bianco (come richiesto e risposto qui ) - ha un contrasto inferiore a quello, di conseguenza è abbastanza facile guardare questo sito Web per periodi molto lunghi in confronto a guardare qualcosa con un contrasto molto più alto - i tuoi occhi si stancherebbero!

Peso: in genere i caratteri con peso più leggero dieci sono un po 'più leggibili rispetto ad alcuni più pesanti, questo è discusso più avanti qui insieme ad altri aspetti della leggibilità che potresti trovare utili.

Quanti: a seconda dei media, del pubblico e dei contenuti, potresti voler scegliere diversi tipi di carattere. Di questo suggerisco di essere prudente. Sicuramente non vuoi confondere il contenuto. Il punto centrale del carattere è comunicare qualcosa, quello che stai cercando è il modo di farlo nel modo più efficace. Troppi caratteri possono essere fonte di confusione, anche se a volte un singolo carattere può essere noioso. Generalmente mescolando in termini di grassetto / corsivo e dimensioni con forse due caratteri è ciò che tende ad accadere. L'abbinamento dei caratteri è discusso un po 'di più qui .

Questi sono alcuni degli aspetti che dovresti restringere se stai andando da una tabula rasa ma sebbene ci sia molto da considerare quando si arriva davvero ad esso, non è poi così male. Il valore di scegliere il carattere / i caratteri giusti nella fase iniziale di un progetto non ha paragoni! C'è di più sui fattori da considerare quando si sceglie un font qui.

Una buona analogia è che è come vestirsi, un concetto semplice che viene discusso qui .

Quindi, poiché il formato della mia risposta è naturalmente caduto, vuoi prima capire a chi serve e cosa ha da dire - quindi vuoi capire i mezzi di comunicazione, quale font :) e poiché questo non sarebbe un Jenna-risposta senza abbondanza di collegamenti, questo è ulteriormente discusso qui .

Consiglio vivamente di leggere i link che ho fornito, sono molto utili e ti aiuteranno a scegliere il font giusto per il tuo progetto, questo è ciò che migliorerà l'esperienza del lettore. Non si tratta solo della leggibilità, ma anche dell'intero contesto a cui contribuisce il font, per non parlare dell'estetica che un font adeguatamente leggibile potrebbe togliere completamente da un design quando e altrettanto leggibile ma più appropriato si potrebbe passare inosservato e quindi rendere il il design e l'informazione sono le cose più importanti. Prendersi del tempo per farlo secondo me è abbastanza essenziale.

Spero di averti aiutato e di non aver parlato troppo, sono un po 'appassionato del carattere giusto :) Buona fortuna con il tuo progetto.


2

Credo che i caratteri Serif tendano ad essere più facili da vedere per lunghi periodi di lettura. Per una migliore esperienza di lettura, penso che un font serif come Adobe Garamond funzioni bene. Non è "blah" come Times. Ci sono alcune curve interessanti nei serif che aiutano a renderlo un po 'più "puro" per quanto riguarda i caratteri serif.

inserisci qui la descrizione dell'immagine

Ecco un articolo sull'argomento con cui tendo a concordare:

Serif vs. Sans: la battaglia finale


1
Non ci sono prove conclusive che i volti serif siano più o meno leggibili dei volti sans-serif. L'unica eccezione sarebbe sullo schermo, in cui i display a bassa risoluzione potrebbero rendere più difficile il rendering dei dettagli di una faccia serif.
DA01,

1
Garamond può essere carino, ma il suo basso rapporto ex-em potrebbe compromettere la leggibilità se fosse usato come carattere del corpo. I caratteri Serif con altezze più generose includono Georgia, Bitstream Charter e Charis SIL.
Gavin R. Putland,

@ GavinR.Putland Potresti approfondire il rapporto ex / em? Potrebbe compromettere la leggibilità solo se l'interlinea è troppo piccola = errata. Si consiglia almeno il 140% di interlinea.
Mikhail V,

@ DA01 Ho notato una tendenza che la gente menziona qualche argomento "di prova". Come esperto posso dire che i caratteri simili a Garamond sono più leggibili e lo stesso ti dirà altri esperti di tipografia. Questa non è "prova" per te?
Mikhail V,

@MikhailV non è una prova. Questa è opinione. Quali prove ci sono là fuori (il che è minimo) tende ad inclinarsi verso "i volti più leggibili sono i volti che la persona ha più familiarità a leggere"
DA01

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.