25 Web-sivustoa, jotka käyttävät inspiroivaa typografiaa

2

Jokainen verkkosivusto käyttää typografiaa, mutta suurin osa niistä ei tee sillä mitään erityistä.

Itse asiassa monet verkkosivustot, joilla käyn päivittäin, käyttävät melko huonosti typografiaa (mielestäni), minkä vuoksi tunnen aina valtavaa iloa, kun törmään verkkosivustoon, joka on todella mennyt ylimääräiseksi. mailin typografian suhteen.

Joten jos olet kyllästynyt näkemään kuten ”Arial” ja ”Times New Roman” (tiedän, että olen!), tai jos tarvitset typografista inspiraatiota tulevaa projektia varten, tässä on muutamia sivustoja, jotka käyttävät erinomaisesti typografiaa :

1 V02 ryhmä

V02 Group hyödyntää verkkosivuillaan mielenkiintoista typografiaa siinä mielessä, että osa siitä on piilotettu juoksijakuvan taakse.

Tämä auttaa luomaan syvyyden tunteen ja antaa kuvan ilmassa leijuvasta typografiasta.

Käytetyt fontit: Crimson Text, Futura

2 Millainen on tulevaisuutesi?

”Mikä on tulevaisuutesi?” on kauniisti muotoiltu verkkosivusto, joka käyttää säästeliäästi typografiaa.

Suunnittelu kokonaisuudessaan on varsin minimalistinen ja ”tasainen”, mikä on todennäköisesti syy niin seikkailunhaluiseen kirjasinvalioon (Baron Neue) isolle kirjaimelle.

Käytetyt fontit: Baron Neue, Georgia

3 Jacob Grubbe

Jacob Grubbe on luonut tänne poikkeuksellisen yksinkertaisen verkkosivuston, jossa typografia on ensisijainen painopiste – kun kirjoitat, sivusto paljastaa itsensä.

Jacob käyttää tässä mallissa vain yhtä kirjasintyyppiä (Roboto), mutta se toimii täydellisesti minimalistisen muotoilutyylin kanssa.

Käytetyt fontit: Roboto

4 salaista päätöstä

Secret Resolutions on värikäs, hieman in-your-face -sivusto, joka aivan kuten Jacobin sivusto yllä, käyttää vain yhtä kirjasintyyppiä (Brandon Grotesque).

Typografia on iso, rohkea, seikkailunhaluinen ja hauska – sivuston konseptiin nähden täydellinen valinta.

Käytetyt fontit: Brandon Grotesque

5 Perusteet09

Basics09 tekee täsmälleen sen, mitä tinalla lukee: se tarjoaa ”perus”-sivuston, joka käyttää jälleen kerran vain yhtä kirjasintyyppiä (Benton Sans).

Benton Sans on sinänsä melko yksinkertainen ja tavallinen sans serif -fontti, mutta suunnittelija on käyttänyt hienovaraista muotoilua ja kokoa luodakseen hierarkian tunteen, vaikka suunnittelussa olisi vain yksi kirjasintyyppi.

Käytetyt fontit: Benton Sans

6 Degordian

Degordian käyttää suuria, isoja kirjaimia typografiaa suunnittelun pääelementeissä, ja sitä täydentää pienempi, normaalikokoinen teksti, joka on kirjoitettu suositulla kirjasimella: Merriweather.

Tämä suurten taustakuvien ja isojen kirjainten typografian yhdistelmä on nopeasti tulossa web-suunnittelutrendiksi tänä vuonna.

Käytetyt fontit: Futura, Merriweather

7 Brancott Estate

Brancott Estate on valinnut verkkosivuilleen taulumaisen, käsin piirretyn tehosteen.

Emme ole varmoja, mikä heidän käyttämänsä pääkirjasin on, mutta se toimii Georgian rinnalla. Mikä se on, se on eeppinen yhdistelmä.

Käytetyt fontit: Unknown, Georgia

8 mailia Calder

Miles Calder on luonut erittäin minimalistisen verkkosivuston kerta toisensa jälkeen, sivusto käyttää vain yhtä kirjasintyyppiä: Founders Grotesk.

Hän käyttää erilaisia ​​mitoituksia, värejä ja muotoiluja luodakseen hierarkiaa suunnitteluun.

Käytetyt fontit: Founders Grotesk

9 Juokse AJD:lle

Vaikka tämä sivusto on kirjoitettu ranskaksi englannin sijaan, se näyttää silti hieman vaikealta lukea käytetyn kirjasintyylin ansiosta.

Sinun on kuitenkin myönnettävä, että tyylillisesti se näyttää melko hyvältä.

Käytetyt fontit: Avenir Book

10 SendAMessage.to

SendAMessage.to mahdollistaa henkilökohtaisen viestin lähettämisen ystävälle, perheenjäsenelle tai kollegalle vain muutamalla askeleella.

Ainoana fonttina suunnittelija on käyttänyt Proxima Novaa. kirjasintyyppi, joka tunnetaan kauneudesta suurissa koossa.

Käytetyt fontit: Proxima Nova

11 Amazee Labs

Näyttää siltä, ​​​​että Amazee Labs on luonut hieman uuden ja ainutlaatuisen oman kirjasintyylin tälle mallille, mutta se toimii Source Sans Pron ja Museon rinnalla.

Nämä kaksi fonttia toimivat kauniin hyvin yhdessä, ja erityisen hyvin kuvissa näkyvän kirkkaan, värikkään typografian rinnalla.

Käytetyt fontit: Source Sans Pro, Museo

12 Oudolf

Oudolf-verkkosivusto on hyvin yksinkertainen ja aivan kuten Jacob Grubben verkkosivusto, joka esiteltiin aiemmin postauksessa, typografia on melkein ainoa suunnittelun elementti.

Tämä verkkosivusto käyttää kuitenkin viileää tehostetta, jossa teksti peitetään tehokkaasti kuvan päällä, joka sitten paljastaa itsensä vierityksen jälkeen.

Käytetyt fontit: Mason Neue Book, Univers Standard

13 Minä olen Baaz

”I Am Baaz” käyttää kahta kaunista kirjasintyyppiä: Verlag Book ja Acrom Extra Bold.

Yhdistettynä verkkosivuston videotaustaan ​​tulos on upea. se on melkein kuin liikkuva, interaktiivinen elokuvajuliste siinä tavassa, jolla se on suunniteltu ja muotoiltu.

Käytetyt fontit: Verlag Book, Acrom Extra Bold

14 FS Millbank

FS Millbank on verkkosivusto, joka mainostaa kirjasintyyppiä: FS Millbank.

Sitä on kuvattu ”reittikirjasimena”, ja jos olet käynyt lentokentillä tai juna-asemilla äskettäin, olet luultavasti nähnyt siellä olevissa kylteissä jotain, joka näyttää siltä.

Se on kaunis fontti ja toimii varmasti hyvin aiottuun tarkoitukseen.

Käytetyt fontit: FS Millbank

15 Studio Lovelock

Näyttää siltä, ​​​​että Futura PT:n suosio kasvaa tänä vuonna, ja se on jälleen ilmestynyt Studio Lovelockin verkkosivustolle.

Se on ainoa suunnittelussa käytetty kirjasintyyppi, mutta sitä on käytetty useissa eri kokoisissa, tyyleissä ja painoissa mielenkiintoisen suunnittelun luomiseksi.

Joissain paikoissa se ei edes näytä samalta fontilta.

Käytetyt fontit: Futura PT

16 Adoratorio

Adoratorion verkkosivusto on suurelta osin mustavalkoinen, vaikka siinä on outoja värielementtejä, kuten yllä olevassa kuvakaappauksessa näkyy.

Sekä Montserrat että Courier New ovat tässä mallissa, ja vaikka nämä eivät ole mielenkiintoisimpia kirjasinvaihtoehtoja, suunnittelussa on käytetty taitavasti väri- ja seuranta-/kerning-muutoksia erottuvan muotoilun luomiseksi.

Käytetyt fontit: Montserrat, Courier New

17 Kuviokirjasto

Pattern Library käyttää hyvin vähän typografiaa, koska se on pääasiassa kuvapohjainen sivusto.

Kuitenkin, jos typografiaa käytetään, sitä käytetään ensisijaisesti toimintakehotuksiin (eli ”lataa nyt” -painikkeeseen). Selvästi MostraNuovan rohkeus on täydellinen valinta tähän työhön.

Käytetyt fontit: MostraNuova

18 Spotify. Sweet Spot

Spotify käyttää vain yhtä kirjasinta ”Sweet Spot” -suunnittelussaan Ystävänpäivänä, ja se toimii poikkeuksellisen hyvin yhdistettynä sivuston rohkeaan värimaailmaan ja minimalistiseen muotoiluun.

Erilaisia ​​painoja ja kokoja käytetään yksinkertaisen mutta ilmeisen visuaalisen hierarkian luomiseen.

Käytetyt fontit: Circular TT

19 51 Pohjoinen

51 North on hollantilainen suunnittelutoimisto. He käyttävät kahta fonttia: Minion W01 ja Two Cen W01, joita molempia käytetään suhteellisen säästeliäästi.

Eräs omituinen asia, jonka huomaat tällä sivustolla, on se, että pääotsikossa (”666”) käytetään tavallista fonttipainoa, kun taas alaotsikossa (”6th Anniversary”) käytetään lihavointia.

Käytetyt fontit: Minion W01, Tw Cen W01

20 sinistä viestiä

RelaisBlu on boutique-hotelli ja -ravintola Italiassa. Toisin kuin useimmat tässä viestissä esitetyt sivustot, verkkosivusto käyttää itse asiassa kolmea täysin erilaista kirjasintyyppiä.

Useimmiten useamman kuin parin kirjasintyypin käyttäminen on eri kokoista ja painoista hieman riskiä, ​​mutta RelaisBlu onnistuu luomaan visuaalisesti upean muotoilun.

Käytetyt fontit: Geosans, Fanwood, Theano

Studio 21. huhtikuuta

April Studio käyttää suunnittelussaan vain yhtä kirjasintyyppiä: Helvetica Neue.

Helvetica Neue on nykyään suhteellisen ylikäytetty kirjasintyyppi (jopa Apple käyttää sitä OSX Yosemite- ja iOS8-käyttöjärjestelmissään).

Eri painoja, kokoja ja värejä käyttämällä April Studio on kuitenkin luonut selkeän ja yksinkertaisen suunnittelun, jossa on selkeä visuaalinen hierarkia.

Käytetyt fontit: Helvetica Neue

22 EMyth

EMyth on suhteellisen yksinkertainen ja maanläheinen verkkosivusto, mikä johtuu osittain typografian valinnasta: Museo Slab ja Proxima Nova.

Proxima Nova voi näyttää toisinaan melko rohkealta ja maskuliiniselta, mutta käyttämällä Museo Slabia sen rinnalla EMyth on luonut järjettömän designin, joka on puhdas, selkeä ja vetoaa tasapuolisesti molempiin sukupuoliin.

Käytetyt fontit: Museo Slab, Proxima Nova

23 Melanie DaVeid

Lukuun ottamatta mukautettua kirjasinmuotoilua, jota käytetään suurissa otsikoissa verkkosivuston vasemmalla puolella, Melanie käyttää verkkosivustollaan vain yhtä kirjasintyyppiä: Proxima Nova.

Hän pitää asiat yksinkertaisena käyttämällä lihavoitua painotusta alaotsikoissa ja säännöllistä painoa pääsisällölle. Tämä luo selkeän visuaalisen hierarkian, kun taas hänen mukautettu fontti lisää persoonallisuutta suunnitteluun.

Käytetyt fontit: Proxima Nova, Custom

24 kaavaa

Formlets on yritys, joka ei ole vielä lanseerannut, mutta näyttää olevan valmis lanseeraamaan tuotteen, joka kilpailee joidenkin melko suurten toimijoiden kanssa.

Formlets on kuitenkin käyttänyt typografiaa erottuakseen joukosta. Useimmilla kilpailijoilla on vanhentunut yritysmuotoilu, mutta Formlets on valinnut yksinkertaisemman ja ystävällisemmän suunnittelun. Tämän saavuttamiseksi käytetään DIN Roundedia ja Robotoa.

Käytetyt fontit: DIN Rounded, Roboto

25 Nicholas Bussiere

Nicholas on luonut poikkeuksellisen minimalistisen muotoilun ja käyttää vain yhtä kirjasintyyppiä: Apercu.

Hän käyttää kahta fonttipainoa (kevyt ja tavallinen), ja yllättäen suuret otsikot käyttävät kevyen fontin painoa, kun taas pienemmässä, vähemmän tärkeässä tekstissä käytetään tavallista fonttipainoa.

Hän käyttää kokoa ja värejä varmistaakseen, että suunnittelussa on edelleen vahva visuaalinen hierarkia.

Käytetyt fontit: Apercu

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja