Uno sguardo chiaro alle esperienze di lettura di tipo big

Ognuno ha il proprio piacere colpevole per quanto riguarda il web design; con me, è una grande tipografia. io amore leggere sul web quando il contenuto viene presentato con un tipo ampio e non richiesto. Accoppiami con colori abili, spazi bianchi sicuri e caratteri tipografici ben disegnati: sono appassionato. L'ispirazione di questa settimana riunisce alcuni dei miei esempi preferiti.

Dimensione carattere 1rem

Se un sito Web sta per creare questo elenco, deve avere una copia del corpo di almeno 16px, preferibilmente molto di più. Inizieremo all'estremità inferiore della scala con digg, i cui articoli di approfondimento utilizzano un 18px in buona salute:

Le intestazioni e il corpo usano diversi pesi di Graphik, sebbene i titoli siano leggermente più scuri e fortemente contrastanti # 191919 rispetto al più facile # 232323 usato per la lettura principale.

Un altro esempio di 18px (1.125em) è la Royal Drawing School di Londra, che usa una combinazione di caratteri opportunamente chique:

Il carattere utilizzato per i titoli qui è chiamato Vinter; Art Deco in personalità, con tratti modulati fortemente contrastanti (tratti che variano di spessore). Maggiori informazioni sul suo design sul sito di Monokrom.

Font di sistema

Preferisco l'audacia della funzione di digg a The Verge, anche se questa è anche la lista per i suoi generosi spazi bianchi e l'attenzione rivolta al contenuto stesso:

La copia del corpo in questo caso è a 16.5px su schermi di grandi dimensioni, e si basa su font di sistema (Helvetica, Arial), anche se i titoli e blockquotes si bloccano per Playfair Display. È una lettura importante, ma potrebbe essere sempre più grande per quanto mi riguarda.

Il Washington Post usa anche un font di sistema (Georgia 18px) come cavallo di battaglia, sebbene le intestazioni e le didascalie utilizzino Postoni (un serif condensato, qualcosa che vedrai usato da molti giornali) e ITC Franklin rispettivamente.

Direzione per l'impatto

Un saluto affettuoso a Wondersauce, l'agenzia dietro la riprogettazione di The FADER. Com'è questo per fare una dichiarazione con la voce di un articolo?

"Non abbiamo mai intralciato lettori con contenuti aggiuntivi non necessari o design superfluo. Il contenuto regnava come re; un re molto ben vestito. "- Wondersauce

Bellissimo! 120px di carattere sonoro Neutro arancione (ignoreremo il fatto che questa intestazione è contrassegnata come 

).

Anche il sottotitolo, Freight Text Pro in un 48px molto in-faccia. In effetti, queste intestazioni sono così massicce che rendono il testo del corpo un aspetto minuscolo, quando viene effettivamente visualizzato a 19.2px (1.2rem) su schermi di grandi dimensioni!

Edenspiekermann usa un massiccio 1.92rem per darci il benvenuto nel loro sito web:

Il font in questione è "Espi"; una versione interna della propria unità FF (di Christian Schwartz e Erik Spiekermann) che è ugualmente a suo agio come display o carattere del corpo. E non sorprende che, anche se non sono una pubblicazione editoriale, Edenspiekermann usa anche un tipo generosamente grande per il loro blog.

Facile agli occhi

Un rapido consiglio per i cappelli va a Jason Pamental per aver raccomandato la storia della tipografia vietnamita di Donny Trương. Tipo di corpo di grandi dimensioni (1.1875em o 19px), combinazioni di font di qualità (dai un'occhiata alle legature di OpenType), e contrasto smorzato tra tipo e sfondo, rendono queste pagine molto facili da assorbire.

Più colori facili da vedere si possono trovare su Vox, dove al corpo viene assegnata una sana dimensione del font 19.5px (o equivalente). Lascia che i tuoi occhi si rilassino e leggi ...

Il tema delle combinazioni di colori ci porta al nostro prossimo argomento: The Forecaster. Questo sito web è stato creato per accompagnare un documentario sul consulente finanziario Martin Armstrong e le sue previsioni sull'economia mondiale.

Ispirato al classico "salmone" usato dal Financial Times, questo quadrante rosa abbassa il contrasto e migliora l'esperienza di lettura. È certamente distintivo, che è una delle ragioni attribuite alla decisione originale del FT di stampare su carta colorata. Una teoria forse più appropriata è che la tinta rosa era più economica, a causa del decolorante meno esteso della carta.

Indipendentemente da ciò, i colori sono fantastici e il tipo è massiccio. Il corpo arriva a un 16px conservatore, ma le intestazioni si allungano per riempire lo spazio disponibile (usando una tecnica simile a FitText).

Mercato Envato

Scopri alcuni dei temi in vendita su Envato Market e aggiungi un po 'di tipo per il tuo prossimo progetto web:

Tema WordPress: BarcellonaTema WordPress: venerdì News

Concludere

Come ho detto all'inizio; Amo il grande tipo Mi piacciono i dettagli che ammette e mi piace quando i designer mettono il contenuto in cima ai loro elenchi di priorità. Spero che questa collezione ti ispira ad essere audace e pensare in grande!