Explorarea eleganței tipografiei linii în design web

Tipografia este unul dintre acele lucruri despre care putem vorbi pentru totdeauna. Nu uitați decât articolele noastre remarcabile în care am discutat despre ascensiunea tendinței tipografiei scrise de mână pe web, 40 de exemple de tipografie inteligentă în designul logo-ului sau chiar 70 de exemple de tipografie frumoasă în anunțuri tipărite.

În esență, este doar un set de reguli pentru lucruri precum înălțimea capacului, spațierea dintre litere, formele liniilor și alte detalii. Dar felul în care arată, se comportă și interacționează cu alte elemente ne face să privim. Este ca un copil care stă mereu la masa rece și într-o zi va deveni o regină a balului. Suntem doar destinați să-i admirăm și să-i copiem stilul.

Și ca orice viitoare regină a mingii, tipografia are o mulțime de responsabilități și lucruri de făcut. Astăzi, tipografia nu este doar un detaliu banal al unui site web care este folosit pentru a afișa text și titluri. Este un instrument viabil pentru a conferi conținutului o greutate vizuală, a termina anturajul și a face impresie. Nu o mai luăm în considerare doar în contextul lizibilității. Este un jucător valabil și în arena de divertisment.

Tipografia are o mulțime de rochii și pantofi într-un dressing, începând cu clasicii și terminând cu bizarul. Soluțiile moderne ne permit să folosim orice fonturi ne dorim. Era fonturilor plictisitoare s-a încheiat. Este timpul pentru experimente și decizii îndrăznețe. Sunteți binevenit să utilizați diferite forme și stiluri de scrisori, chiar și cele care este puțin probabil să supraviețuiască în design web. De exemplu, tipografie în stil de linie.

Sa fim cinstiti. Într-o eră în care (aproape) fiecare site web întâmpină vizitatorii cu o zonă de eroi plină de acțiune, o creatură atât de mică precum tipografia în stil linie are șanse mici de a supraviețui. Nu este nimic în neregulă cu el: este pur și simplu prea fragil și delicat. Sau este doar o victimă a prejudecăților? De fapt, în mâini capabile, acest tip de tipografie nu numai că poate vedea prin toate obstacolele, ci și își poate face propria declarație. Și vă vom arăta 10 astfel de exemple ca dovadă.

A'ja Wilson

Să începem cu site-ul oficial al lui A'ja Wilson. Aici ecranul de pornire prezintă un fundal video tradițional care atrage atenția de la început. Cu toate acestea, dimensiunea frazelor captivante împiedică pierderea tipografiei în stil de linie. Echipa a reușit să salveze eleganța formelor subțiri, lăsând-o să contribuie la aura feminină a proiectului.

Alphaputt

Zona eroilor Alphaputt are o altă soluție la modă: Animația. Cu toate acestea, echipa s-a gândit la asta. Aici animația ocupă doar o mică parte a ecranului, lăsând totul curat și static. Acest lucru conferă tipografiei conturului un fundal sigur.

A la fut

Ecranul de pornire al lui A la fut este marcat de o tipografie retro superbă. Formele grase și dimensiunile mari sunt exact ceea ce este necesar pentru ca cuvintele să iasă în evidență în mod natural. Umplutura cu cretă nu este doar o atingere plăcută care îmbogățește estetica, dar face și literele mai solide.

Agenția Yard / Good Fortune

Echipele din spatele Yard Agency și Good Fortune amestecă și potrivesc cu pricepere linia și stilurile solide pentru a stabili punctele focale discret.

Deși Yard Agency are un slider video destul de greu și intens, ca să nu spunem nimic despre tranzițiile care captează atenția, echipa a ales totuși o tipografie fragilă în stil de linie. Pe de o parte, al doilea cuvânt este mai puțin important. Pe de altă parte, este folosit ca decor pentru tobogane, legând cu pricepere totul.

Good Fortune este un alt exemplu în colecția noastră în care stilul linie se întâlnește cu stilul retro – rezultând o uniune frumoasă. Datorită unei pânze monocrome și a unei cantități generoase de spațiu alb, caracterul grațios atrage cu ușurință atenția asupra legăturilor către secțiuni esențiale. Și, la fel ca și în cazul A la fut, joacă un rol decorativ – creând o atmosferă încântătoare.

Toonami – Adult Swim / Punct la punct

Toonami – Adult Swim și Dot to Dot sunt exemple de site-uri web în care tipografia în stil de linie este o alegere previzibilă.

Designul lui Toonami are o atmosferă cosmică minunată, cu o mulțime de cercuri conturate, o grilă și cutii puțin adânci. Forma goală a literelor se simte rafinată și techy. Se amestecă perfect.

Dot to Dot emană, de asemenea, o imagine de eleganță tehnică. Butoanele fantomă, cercurile solide și goale și un tip de caractere ultra-îngust pentru conținutul secundar creează o bază ideală pentru tipografia conturată.

În ambele cazuri, nu vă puteți imagina niciun alt font. Alegerile sunt atât de bine gândite.

Yukie Nail New York

În cazul Yukie Nail New York, tipografia conturată este o decizie discutabilă. Zona eroului se bazează pe o pânză cu un comportament lichid care este cu adevărat greu de trecut. Fiecare mișcare a unui șoarece lasă o undă care perturbă întreaga suprafață. Fontul gol se îmbină puțin cu fundalul, dar totuși se simte ca acasă, deoarece se potrivește perfect atmosferei feminine.

Revista ACES Baseball / Timesheets

Revista ACES Baseball și Timesheets demonstrează că tipografia de linii nu poate fi niciodată prea mare. Puteți chiar să întindeți cuvintele de sus în jos și va arăta în continuare elegant și elegant.

Pagina de pornire a ACES Baseball nu conține nimic mai mult decât un singur titlu care lovește ochiul. Datorită dimensiunilor sale mari, ocupă cea mai vizualizată parte a ecranului și vorbește mai tare ca niciodată.

Echipa din spatele Timesheets Magazine folosește o tipografie goală în spatele scenei. Aici servește atât ca detaliu decorativ, cât și ca detaliu informativ. Datorită unei forme delicate de litere, textul din spate nu concurează cu textul din față. Dar încă se citește cu voce tare că aceasta este prima problemă. Acesta este, fără îndoială, un echilibru subtil.

Reguli pentru succes

Anumite reguli ajută tipografia în stil de linie să supraviețuiască în lumea plină de acțiune a designului web modern. În primul rând, țineți cont de faptul că dimensiunea contează. Chiar dacă natura fragilă se potrivește perfect cu o dimensiune mică, nu vă lăsați de asta. Fără îndoială se va pierde și rămâne trecută cu vederea. Deci, cu cât este mai mare, cu atât mai bine.

În al doilea rând, contururile literelor ar trebui să fie aproape tangibile. Nu ar trebui să fie prea grase, ci ar trebui să separe textul de orice altceva.

Și, în sfârșit, contrastul este prietenul tău loial. De regulă, literele albe plasate pe o pânză neagră sunt o opțiune ideală, dar sunteți întotdeauna bineveniți să experimentați.