25 veebisaiti, mis kasutavad inspireerivalt tüpograafiat

Kõik veebisaidid kasutavad tüpograafiat, kuid valdav enamus neist ei tee sellega midagi erilist.

Tegelikult kasutavad paljud veebisaidid, mida ma igapäevaselt külastan, üsna halvasti tüpograafiat (minu arvates), miks ma tunnen alati tohutut rõõmu, kui satun veebisaidile, mis on tõesti ekstra läinud. miil, mis puudutab tüpograafiat.

Seega, kui teil on kõrini sellistest nagu „Arial” ja „Times New Roman” (ma tean, et olen!) või kui vajate tulevase projekti jaoks tüpograafilist inspiratsiooni, siis siin on mõned saidid, mis kasutavad suurepäraselt tüpograafiat. :

1 V02 rühm

V02 Group kasutab oma kodulehel huvitavalt tüpograafiat selles mõttes, et osa sellest on peidus jooksja kuvandi taha.

See aitab luua sügavuse tunde ja kujutab kujutist õhus hõljuvast tüpograafiast.

Kasutatud fondid: Crimson Text, Futura

2 Milline on teie tulevik?

“Milline on teie tulevik?” on kaunilt koostatud veebisait, mis kasutab säästlikult tüpograafiat.

Disain tervikuna on üsna minimalistlik ja “tasane”, mis on suure tõenäosusega sellise seiklusliku kirjavaliku (Baron Neue) põhjuseks suure kirjatüübi puhul.

Kasutatud fondid: Baron Neue, Georgia

3 Jacob Grubbe

Jacob Grubbe on loonud siin erakordselt lihtsustatud veebisaidi, mille peamiseks fookuspunktiks on tüpograafia – tippimise ajal ilmub veebisait ennast.

Jacob kasutab selles kujunduses ainult ühte kirjatüüpi (Roboto), kuid see sobib ideaalselt minimalistliku kujundusstiiliga.

Kasutatud fondid: Roboto

4 salajast resolutsiooni

Secret Resolutions on värvikas, pisut teie nägu avav veebisait, mis sarnaselt ülaltoodud Jacobi veebisaidile kasutab ainult ühte kirjatüüpi (Brandon Grotesque).

Tüpograafia on suur, julge, seikluslik ja lõbus – saidi kontseptsiooni arvestades ideaalne valik.

Kasutatud fondid: Brandon Grotesque

5 Põhitõed09

Basics09 teeb täpselt seda, mis tina peal kirjas: see pakub “põhist” veebisaiti, mis kasutab taaskord ainult ühte kirjatüüpi (Benton Sans).

Benton Sans on iseenesest üsna lihtne ja tavaline sans serif font, kuid disainer on kasutanud peent stiili ja suurust, et luua hierarhia tunnet, isegi kui kujunduses on ainult üks kirjatüüp.

Kasutatud fondid: Benton Sans

6 Degordian

Degordian kasutab kujunduse põhielementide jaoks suurt suurtähtedega tüpograafiat, mida täiendab populaarses kirjatüübis Merriweather kirjutatud väiksemate tavatähtede tekst.

See suurte taustapiltide ja suurte suurtähtede tüpograafia kombinatsioon on sel aastal kiiresti muutumas veebidisaini trendiks.

Kasutatud fondid: Futura, Merriweather

7 Brancott Estate

Brancott Estate on valinud oma veebisaidile tahvlilaadse käsitsi joonistatud efekti.

Me pole kindlad, milline on nende kasutatud peamine font, kuid see on koos Georgiaga. Mis see on, see on eepiline kombinatsioon.

Kasutatud fondid: Unknown, Georgia

8 miili Calder

Miles Calder on ikka ja jälle loonud väga minimalistliku veebisaidi, sait kasutab ainult ühte kirjatüüpi: Founders Grotesk.

Ta kasutab disainis hierarhia tunde loomiseks erinevaid suurusi, värve ja stiile.

Kasutatud fondid: Founders Grotesk

9 Kandideeri AJD eest

Kuigi see veebisait on kirjutatud pigem prantsuse kui inglise keeles, tundub see tänu kasutatud kirjatüübi stiilile siiski pisut raskesti loetav.

Siiski peate tunnistama, et stiili järgi näeb see päris hea välja.

Kasutatud fondid: Avenir Book

10 Saada sõnum.aadressile

SendAMessage.to võimaldab sisuliselt saata sõbrale, pereliikmele või kolleegile isikupärastatud sõnumi vaid mõne sammuga.

Disainer on ainsa fontina kasutanud Proxima Novat. kirjatüüp, mis on tuntud oma ilu poolest suurtes suurustes.

Kasutatud fondid: Proxima Nova

11 Amazee laborit

Näib, et Amazee Labs on selle kujunduse jaoks loonud mõnevõrra uue ja ainulaadse kirjatüübi, kuid sellel on kõrvuti Source Sans Pro ja Museo.

Need kaks fonti töötavad ilusti koos ja eriti hästi koos piltidel esineva ereda ja värvilise tüpograafiaga.

Kasutatud fondid: Source Sans Pro, Museo

12 Oudolf

Oudolfi veebisait on väga lihtsustatud ja sarnaselt postituses varem kirjeldatud Jacob Grubbe veebisaidile on tüpograafia peaaegu ainus kujunduse element.

Sellel veebisaidil kasutatakse aga lahedat efekti, mille puhul tekst maskeeritakse tõhusalt pildi kohal, mis seejärel ilmub pärast kursorit.

Kasutatud fondid: Mason Neue Book, Univers Standard

13 Mina olen Baaz

“I Am Baaz” kasutab kahte kaunist kirjatüüpi: Verlag Book ja Acrom Extra Bold.

Veebisaidi videotaustaga kombineerituna on tulemus vapustav. see on oma disaini ja stiili poolest peaaegu nagu liikuv interaktiivne filmiplakat.

Kasutatud fondid: Verlag Book, Acrom Extra Bold

14 FS Millbank

FS Millbank on veebisait, mis reklaamib kirjatüüpi: FS Millbank.

Seda kirjeldatakse kui „teelesõitvat” kirjatüüpi ja kui olete hiljuti mõnes lennujaamas või rongijaamas käinud, olete ilmselt näinud sealsetel siltidel midagi, mis näeb välja just selline.

See on ilus font ja kindlasti töötab oma ettenähtud otstarbel hästi.

Kasutatud fondid: FS Millbank

15 Lovelocki stuudio

Tundub, et Futura PT on sel aastal populaarsust kogumas ja on taas ilmunud Studio Lovelocki veebisaidil.

See on ainus kujunduses kasutatud kirjatüüp, kuid seda on huvitava kujunduse loomiseks kasutatud mitme erineva suuruse, stiili ja kaaluga.

Mõnes kohas ei tundu see isegi sama fontina.

Kasutatud fondid: Futura PT

16 Adoratoorium

Adoratorio veebisait on suures osas must-valge, kuigi seal on veidraid värvielemente, nagu on näidatud ülaltoodud ekraanipildil.

Selle kujunduse funktsioonid on nii Montserrat kui ka Courier New ja kuigi need ei ole kõige huvitavamad kirjatüüpide valikud, on kujunduses kasutatud silmapaistva kujunduse loomiseks nutikalt värve ja jälgimis-/südamikumuudatusi.

Kasutatud fondid: Montserrat, Courier New

17 Mustri raamatukogu

Mustriteek kasutab tüpograafiat väga vähe, kuna see on peamiselt pildipõhine sait.

Kui aga kasutatakse tüpograafiat, kasutatakse seda peamiselt tegevusele kutsumiseks (st nupp „Laadi kohe alla”). On selge, et MostraNuova julgus on selle töö jaoks ideaalne valik.

Kasutatud fondid: MostraNuova

18 Spotify. Armas koht

Spotify kasutab valentinipäeva kujunduses “Sweet Spot” ainult ühte fonti ja see töötab erakordselt hästi, kui see on kombineeritud saidi julge värviskeemi ja minimalistliku kujundusega.

Lihtsa, kuid siiski ilmse visuaalse hierarhia loomiseks kasutatakse erinevaid kaalusid ja suurusi.

Kasutatud fondid: Circular TT

19 51 Põhja

51 North on Hollandis asuv disainiagentuur. Nendes kasutatakse kahte fonti: Minion W01 ja Two Cen W01, mida mõlemat kasutatakse suhteliselt vähe.

Üks veider asi, mida selle veebisaidi juures märkate, on see, et põhipealkirjas (“666”) kasutatakse tavalist fondi kaalu, alampealkirja puhul aga paksus kirjas (“6. aastapäev”).

Kasutatud fondid: Minion W01, Tw Cen W01

20 sinist releed

RelaisBlu on butiikhotell ja restoran Itaalias. Erinevalt enamikust selles postituses esitatud saitidest kasutab veebisait tegelikult kolme täiesti erinevat kirjatüüpi.

Enamasti on rohkem kui paari kirjatüübi kasutamine erinevas suuruses ja kaal veidi riskantne, kuid RelaisBlu suudab asju välja tõmmata, et luua visuaalselt vapustav kujundus.

Kasutatud fondid: Geosans, Fanwood, Theano

21 aprill Stuudio

April Studio kasutab oma kujunduses ainult ühte kirjatüüpi: Helvetica Neue.

Helvetica Neue on tänapäeval suhteliselt ülekasutatud kirjatüüp (isegi Apple kasutab seda oma OSX Yosemite ja iOS8 operatsioonisüsteemides).

Erinevaid kaalusid, suurusi ja värve kasutades on April Studio aga loonud puhta ja lihtsa kujunduse, millel on selge visuaalne hierarhia.

Kasutatud fondid: Helvetica Neue

22 EMüüt

EMyth on suhteliselt lihtne ja maalähedane veebisait, mis on osaliselt tingitud tüpograafia valikust: Museo Slab ja Proxima Nova.

Proxima Nova võib kohati tunduda üsna julge ja mehelik, kuid kasutades selle kõrval Museo Slabi, on EMyth loonud mõttetu kujunduse, mis on puhas, selge ja meeldib võrdselt mõlemale soole.

Kasutatud fondid: Museo Slab, Proxima Nova

23 Melanie DaVeid

Lisaks kohandatud kirjatüübi kujundusele, mida kasutatakse veebisaidi vasakpoolses servas olevate suurte pealkirjade jaoks, kasutab Melanie oma veebisaidil ainult ühte kirjatüüpi: Proxima Nova.

Ta teeb asjad lihtsaks, kasutades alampealkirjade puhul paksu kaalu, põhisisu puhul tavalist kaalu. See loob selge visuaalse hierarhia, samas kui tema kohandatud font lisab kujundusele isikupära.

Kasutatud fondid: Proxima Nova, Custom

24 valemit

Formlets on ettevõte, mis pole veel turule tulnud, kuid näib olevat valmis turule tooma toodet, mis konkureerib mõne päris suure mängijaga.

Siiski on Formlets kasutanud tüpograafiat, et aidata teistest eristuda. Kui enamik konkurente uhkeldab vananenud ettevõtte disainiga, siis Formlets on valinud lihtsama ja sõbralikuma disaini. Selle saavutamiseks kasutatakse DIN Rounded ja Robotot.

Kasutatud fondid: DIN Rounded, Roboto

25 Nicholas Bussiere

Nicholas on loonud erakordselt minimalistliku disaini ja kasutab ainult ühte kirjatüüpi: Apercu.

Ta kasutab kahte fondi raskust (kerge ja tavaline) ja üllataval kombel on suured pealkirjad need, mis kasutavad kerget kirjakaalu, samas kui väiksem, vähem oluline tekst kasutab tavalist fondi kaalu.

Ta kasutab suurust ja värvi, et kujunduses oleks endiselt tugev visuaalne hierarhia.

Kasutatud fondid: Apercu