Typografiaa on kaikkialla, mutta oikean kirjasinyhdistelmän valitseminen projektiisi on yksi vaikeimmista – ja aikaavievimmistä – tehtävistä, joita todennäköisesti kohtaat graafisena suunnittelijana.

Nykyään tarjolla on enemmän kirjasintyyppejä kuin koskaan ennen – niitä luodaan lisää joka viikko – joten jopa yhden itsellesi sopivan kirjasintyypin löytämisestä voi tulla pitkä tehtävä. Lisäksi, vaikka onnistuisitkin löytämään sellaisen, sinun täytyy sitten käydä läpi koko kirjasinten etsintäprosessi uudestaan löytääksesi ilmaisen kirjasintyypin sen rinnalle.

Tämä voi kestää tunteja, päiviä, viikkoja tai mahdollisesti jopa kuukausia joissakin tapauksissa.

Onneksi sinun ei tarvitse aloittaa alusta joka kerta, sillä eeppisiä kirjasinyhdistelmiä on jo olemassa tonni, sinun täytyy vain etsiä niitä.

Tässä on muutama eeppinen yhdistelmä, jonka löysimme verkosta:

1 ArsMaquette Web + FF Tisa Web Pro

Verkkosivustolinkki: Sozo Design

Sozo Design on Yhdistyneessä kuningaskunnassa toimiva suunnittelutoimisto, joka – verkkosivuillaan päätellen – tietää, mitä he tekevät typografian suhteen.

ArsMaquette ja FF Tisa Pro täydentävät toisiaan täydellisesti, kuten voit nähdä yllä olevasta verkkosivujen kotisivun kuvakaappauksesta. Syynä tähän on se, että ArsMaquette on sans serif-fontti, kun taas FF Tisa on serif-fontti. Kuten ehkä jo tiedätkin, sans serif -kirjasintyypin sekoittaminen serif-kirjasimen kanssa on yleensä menestyksen resepti.

FF Tisa on kaunis ja luettava runkofontti, ja siinä on juuri oikea tasapaino muodollisuuden ja persoonallisuuden välillä Sozolle.

2 Didot Light + Source Sans Pro

Linkki verkkosivustolle: Wraxell’s

Usein Wraxellin kaltaisilla sivustoilla (eli kattosivustoilla) on tylsiä, kutsumattomia ja vanhentuneita malleja.

Wrexellin suunnittelu ei kuitenkaan ole läheskään vanhentunut, mikä johtuu osittain erinomaisesta kirjasinyhdistelmästä koko sivustolla.

Tässä käytetyt kaksi tärkeintä kirjasintyyppiä ovat Didot Light (yllä olevat sanat "Green Roofing" on kirjoitettu Didot Lightilla) ja Source Sans Pro.

Didot Light on mielenkiintoinen valinta sivustolle – ja ehkä harvat suunnittelijat olisivat valinneet sen jokseenkin uusklassisen ulkonäön vuoksi – mutta se toimii kauniin hyvin, varsinkin maanläheisen Source Sans Pron rinnalla.

3 Raleway + Lato

Linkki verkkosivustolle: Nexus

Nexus (yllä olevassa kuvassa oleva sivusto) on itse asiassa verkkosivuston teema, joka on ostettavissa Themeforestista (ei siis mitään tekemistä Google Nexuksen kanssa).

Itse asiassa mallin ainoa yhteys Googleen on se, että se käyttää kahta Google Fontsin kirjasintyyppiä: Raleway ja Lato.

Raleway on laajalti käytetty fontti koko verkkosivustolla ja sopii erinomaisesti moniin eri käyttötarkoituksiin; Se voi kuitenkin olla hieman "täysin" käytettävä kappale/tekstitekstina. Jos sinusta tuntuu, että tämä koskee tuotemerkkiäsi, harkitse sen yhdistämistä Latoon: yksinkertaiseen sans serif -fonttiin, joka täydentää Ralewayta täydellisesti.

4 Proxima Nova + JafBernino Sans

Linkki verkkosivustolle: Koh Active

Koh Active rakentaa digitaalisia tuotteita innovatiivisille brändeille, ja kuten voit todennäköisesti päätellä heidän verkkosivuiltaan, ne pitävät asiat puhtaina, yksinkertaisina ja tyylikkäinä.

Tämä heijastuu myös heidän typografiaan verkkosivustolla. He käyttävät kahta fonttia: Proxima Nova ja JafBernino Sans saavuttaakseen yksinkertaisen, tyylikkään ulkoasun, joka myös herättää huomiota.

Proxima Nova on erittäin hyvin muotoiltu ja tyylikäs, kun taas JafBernino Sans on paksu ja kiinnittää huomiosi. Kun näitä kahta kirjasintyyppiä käytetään rinnakkain, ne tarjoavat täydellisen yhdistelmän mille tahansa modernille tuotemerkille, joka etsii yksinkertaista ja järjetöntä lähestymistapaa.

5 Knockout 52 + Chronicle Text

Verkkosivustolinkki: New Yorkin pitäminen raiteilla

Keeping New York On Track on ainutlaatuinen verkkosivusto. Se hyödyntää runsaasti valkoista tilaa ja moderneja kuvituksia. Loppujen lopuksi New York on suunnilleen yhtä moderni ja kosmopoliittinen kuin se voi olla.

Typografian osalta sivuston puhdasta modernia ilmettä jatketaan Knockout 52:n ja Chronicle Textin avulla. Knockout 52 on suuri, rohkea, sans-serif-kirjasin, jota näet käytettävän otsikossa; se on vähän samanlainen kuin Helvetica.

Päätekstinä käytetään Chronicle Text -kirjasintyyppiä, joka ei ole kovin erilainen kuin Georgia tai Sans Serif.

Tuloksena oleva yhdistelmä on tyylikäs, moderni ja erittäin luettava.

6 Kepler Standard Display + Futura PT

Linkki verkkosivustolle: Ellen Tracey

Ellen Tracey kuvailee itseään "täydelliseksi tasapainoksi nuorekkaan asenteen ja aikuisen glamourin välillä" – ja tämä heijastuu varmasti merkkien typografian valinnassa.

Koko sivustolla käytetään vain kahta kirjasintyyppiä: Kepler Standard Display ja Futura PT. Kepler on kaunis serif-kirjasintyyppi, jota käytetään ensisijaisesti nimikkeissä/otsikoissa, kun taas Futura PT:tä käytetään päätekstin fonttina sekä valikkopalkissa.

Sans serif- ja serif-fontin sekoittaminen toimii taas yleensä hyvin, mutta tällaisen yhdistelmän luomiseen tarvitaan fiksu suunnittelija, koska se heijastaa brändin persoonallisuutta kauniisti.

7 DIN Next + Minion W01

Verkkosivustolinkki: This Is Iron Clad

"This Is Iron Clad" kuvailee itseään "luovaan tarinankerrontaan erikoistuneeksi boutique-digitaalielokuvatoimistoksi" – joka on vähintäänkin ainutlaatuinen johdanto.

Tällaisten ainutlaatuisten merkkien kohdalla on usein vaikeinta tehdä valintoja typografian suhteen, mutta tämä tuotemerkki on onnistunut hyvin. Se käyttää DIN Nextiä ja Minion W01:tä yksinkertaisen mutta modernin ilmeen luomiseen.

Pääotsikkona käytetään DIN Nextiä, kun taas alaotsikkona käytetään Minion W01:tä. Jälleen kerran tämä serif + sans serif -yhdistelmä toimii hyvin. Molemmat kirjasintyypit on kursivoitu, mikä lisää brändiin hieman ainutlaatuisuutta ja persoonallisuutta.

8 OldStyle + Future

Linkki verkkosivustolle: GiliLankafushi

GiliLankafushi on ylellinen lomakeskus, joka on piilotettu kauniilla Malediivien saarella Intian valtamerellä. Se ei ehkä ole halvin majoituspaikka, mutta se on varmasti ylellinen.

Yleensä näet tämän kaltaisia ylellisiä, kalliita merkkejä, jotka käyttävät yksinkertaista serif-typografiaa kauttaaltaan, ja usein se toimii melko hyvin. GiliLankafushi ei kuitenkaan halunnut välittää tavallista "ylellistä" tunnetta, vaan myös eksoottisuuden tunnetta.

Tämän saavuttamiseksi he ovat käyttäneet kahta kirjasintyyppiä: OldStyle ja Avenir. OldStyleä käytetään saavuttamaan eksoottisuuden tunne, kun taas Avenir pitää asiat yksinkertaisina, eleganteina ja maanläheisinä.

9 Sweet Sans Medium + Lato

Nettisivun linkki: My 365 Days in Print

My 365 Days in Print on ainutlaatuinen projekti, joka muuttaa 365 päivän tarinat ainutlaatuiseksi vedoskirjaksi.

Ainutlaatuisen projektin mukana tulee ainutlaatuinen kirjasinyhdistelmä, tällä kertaa Sweet Sans Mediumin ja Laton muodossa.

Sweet Sans Medium on kirjasintyyppi, jota näet käytettävän yllä olevassa otsikossa; se on rohkea, mutta siinä on myös luonnetta. Latoa käytetään leipätekstinä, koska se on erittäin luettavissa ja toimii hyvin melkein minkä tahansa kanssa.

Huomaat, että molemmat kirjasintyypit ovat sans serif; Se, että on tyypillistä yhdistää serif ja sans serif, ei tarkoita, että kaksi sans serif -kirjasintyyppiä ei voisi näyttää kauniilta yhdessä.

10 JafBernino Sans + Freight Text Pro

Verkkosivuston linkki: Medium

Mediumista on tullut varsin ikoninen verkkosivusto typografian suhteen. Kirjoittajien verkkosivustona asiat pidetään mahdollisimman yksinkertaisina ja luettavissa, mikä on syy JafBernino Sansin ja Freight Text Pron yhdistelmään.

Freight Text Pro on melko samanlainen kuin Georgia, vaikka siinä on hieman enemmän ainutlaatuisuutta, eikä sitä käytetä läheskään yhtä paljon. JafBernino Sans on rohkea ja paksu, joten se on täydellinen fontti katseenvangitsijaan otsikkoon.

Jälleen yhdistelmä on serif/sans serif.

11 Kelson ilman valoa + auki ilman

Verkkosivustolinkki: Qburst

Kelson Sans Light on ainutlaatuinen fonttivalinta mille tahansa tuotemerkille, etkä näe sitä verkossa paljon; Tämä on kuitenkin sääli, koska se on ainutlaatuinen kirjasintyyppi, joka toimii hyvin monien muiden kirjasintyyppien kanssa.

Huomaat, että Kelson Sans Light ja Open Sans ovat suhteellisen samanlaisia; ne ovat molemmat ilman serifiä ja niillä molemmilla on samanlainen no-nonsense laatu. Nykyään samanlaiset kirjasimet ovat yleensä huono valinta yhdistelmälle, mutta jos olet fiksu (kuten tämä sivusto on ollut), ne voivat toimia hyvin yhdessä.

Temppu on käyttää painoja ja tyyliä erottamaan nämä kaksi kirjasintyyppiä. Yllä olevassa esimerkissä huomaat, että Kelson Sansin kevytversiota käytetään kursivoitun Open Sansin rinnalla.

12 Gotham SSM + Playfair Display

Nettisivujen linkki: Liike

Yrityssivustoissa on se, että ne voivat olla melko tylsiä; näet usein Times New Romanin ja Georgian esiintyvän paljon enemmän kuin niiden pitäisi.

Movement.com on kuitenkin käyttänyt kahta kirjasintyyppiä: Gotham SSM ja Playfair Display luodakseen hieman muodollisen ja yritysilmeen, joka poistaa tylsyyden.

Vaikka nämä kaksi kirjasintyyppiä toimivat varsin hyvin yhdessä oletukseni, tämän sivuston nerokkuus on useiden eri fonttien painojen, kokojen ja tyylien käyttö mielenkiintoisen hierarkian suunnittelun luomiseksi.

13 Brandon Grotesque + Chaparral Pro

Verkkosivuston linkki: Lumate

Lumate on värikäs, hyvin suunniteltu verkkosivusto, joka on muotoilultaan suhteellisen minimalistinen. Se käyttää myös hieman ainutlaatuista typografiayhdistelmää: Brandon Grotesque ja Chaparral Pro.

Brandon Grotesquesta on tulossa melko laajalti käytetty fontti verkossa, mutta et näe Chaparral Prota yhtä usein. Nämä kaksi muodostavat loistavan parin. Brandon Grotesque on yksinkertainen, sans serif ja täydellinen otsikkoon, kun taas Chaparral Pro toimii täydellisesti alaotsikon rinnalla.

Sivulla käytetään myös PT Sansia, joka toimii hyvin molempien kirjasimien rinnalla.

14 Avaa Sans + Merriweather

Linkki verkkosivustolle: Ashton Golf

Ashton Golf olisi voinut helposti olla toinen tylsä golfkenttäsivusto, joka oli täynnä tarjouksia, sotkuisia kuvakuvia ja mitä muuta, mutta onneksi suunnittelijoilla on täytynyt olla luovia hattuja sinä päivänä, kun he suunnittelivat tämän sivuston.

Yksi silmiinpistävimmistä asioista verkkosivustolla on typografian käyttö. Se käyttää Open Sansia ja Merriweatheriä; kaksi hyvin erilaista kirjasintyyppiä.

Sivuston ensisijainen kirjasintyyppi on Merriweather, vaikka suunnittelun vähemmän tärkeissä osissa käytetään Open Sansia. Sans serif/serif -yhdistelmänä ne toimivat kauniisti yhdessä.