O privire clară la experiențele de citire de tip mare

Toată lumea are propria plăcere vinovată în ceea ce privește designul web; cu mine, este o mare tipografie. eu dragoste citirea pe web atunci când conținutul este prezentat cu un tip mare, neapologetic. Cuplu cu o culoare inteligentă, cu spații aliniate în siguranță și cu cântece bine proiectate - sunt înclinat. Inspirația din această săptămână trage unele dintre exemplele mele preferate.

Dimensiunea fontului 1rem

Dacă un site web va face această listă, trebuie să aibă o copie a corpului de cel puțin 16 pixeli, de preferat mult mai mult. Vom începe la capătul inferior al scării cu digg, ale cărui articole caracteristică folosesc un 18px sănătos:

Titlurile și corpul utilizează greutăți diferite ale Graphik, deși titlurile sunt puțin mai întunecate, foarte contrastante # 191919 comparativ cu cele mai ușoare # 232323 folosite pentru citirea principală.

Un alt exemplu de 18px (1.125em) este London Royal Drawing School, care folosește o combinație perfectă de font chic:

Fontul folosit pentru titlurile de aici se numește Vinter; Art Deco în personalitate, cu accidente modulate în contrast puternic (accidentele care variază în grosime). Citiți mai multe despre designul său pe site-ul Monokrom.

Sistem Fonturi

Prefer preferința lui Digg pentru The Verges, deși aceasta face și lista pentru spațiile sale generoase și concentrarea acordată conținutului în sine:

În acest caz, copia corporală este la 16,5px pe ecrane mari și se bazează pe fonturile sistemului (Helvetica, Arial), chiar dacă titlurile și blocurile de blocuri pentru afișajul Playfair. Este o lectură mare, dar ar putea fi întotdeauna mai mare în ceea ce mă privește.

De asemenea, Washington Post utilizează un calificativ de sistem (Georgia 18px), deși titlurile și subtitrările folosesc Postoni (o serifă condensată, ceva ce veți vedea folosit de o mulțime de ziare) și, respectiv, ITC Franklin.

Rubrica pentru impact

Pălării pe Wondersauce, agenția din spatele reproiectării FADER. Cum se face acest lucru pentru a face o declarație cu titlul unui articol?

"Nu am intrat în calea cititorilor cu conținut suplimentar inutil sau design inutil. Conținutul a domnit ca rege; un rege foarte bine îmbrăcat "- Wondersauce

Frumos! 120 de pixeli de font orar neutru portocaliu (vom ignora faptul că această rubrică este marcată ca 

).

De asemenea, sub-titlul, "Freight Text Pro", într-un 48px foarte în față. De fapt, aceste titluri sunt atât de masive, fac ca textul corpului să arate minuscul, când este de fapt afișat la 19.2px (1.2rem) pe ecrane mari!

Edenspiekermann utilizează un 1.92rem masiv pentru a ne întâmpina pe site-ul nostru:

Fontul în cauză este "Espi"; o versiune in-house a propriei unitati FF (de Christian Schwartz si Erik Spiekermann), care este la fel de acasa ca un ecran sau caractere. Și nu va fi o surpriză că, deși nu sunt ediții editoriale, Edenspiekermann folosește de asemenea un tip de tip grozav pentru blogul lor.

Ușor pe ochi

O scurtă poveste despre Jason Pamental îi recomandă lui Donny Trương Istoria tipografiei vietnameze. Un tip mare de corp (1,1875em sau 19px), combinații de fonturi de calitate (aruncați o privire asupra ligaturilor OpenType) și contrastul mutat între tip și fundal, face ca aceste pagini să fie foarte ușor de absorbit.

Mai multe culori ușoare pe ochi pot fi găsite pe Vox, unde corpul are o dimensiune sănătoasă de 19.5px (sau echivalent). Lăsați-vă ochii să se relaxeze și să citească ...

Tema combinațiilor de culori ne aduce la următorul subiect: Forecaster. Acest site a fost construit pentru a însoți un documentar despre consilierul financiar Martin Armstrong și predicțiile sale despre economia mondială.

Inspirat de clasicul "somon" folosit de Financial Times, acest roz formează contrastul și îmbunătățește experiența de citire. Este cu siguranță distinctiv, care este unul dintre motivele atribuite deciziei inițiale a FT de a tipări pe hârtie colorată. O teorie mai potrivită este aceea că nuanța roz a fost mai ieftină, datorită înălțimii mai puțin extinse a hârtiei.

Indiferent, culorile sunt minunate și tipul este masiv. Corpul vine la un 16px conservator, dar rubricile se întind pentru a umple spațiul disponibil (folosind o tehnică similară cu cea a FitText).

Piața Envato

Verificați câteva teme de vânzare pe Envato Market și adăugați un tip mare la următorul dvs. proiect web:

Tema WordPress: BarcelonaTema WordPress: Vineri News

A concluziona

Așa cum am menționat mai devreme; Îmi place tipul mare. Îmi plac detaliile pe care le permite și îmi place când designerii au citit conținutul în partea de sus a listelor de priorități. Sper că această colecție te inspiră să fii îndrăzneț și să gândești mare!