"Web-fontit" ja "verkon turvalliset fontit" ovat kaksi eri käsitettä, jotka liittyvät kirjasinten käyttöön verkkosivustoilla. Ennen kuin aloitamme, selvennetään hieman terminologiaa. Mitä eroa on laitteellesi jo asennettujen ja ladattavien fonttien välillä?

  1. Verkkoturvalliset fontit: tunnetaan myös nimellä "järjestelmäfontit" tai "selainfontit" verkkoturvallisia fontteja ovat kaikkiin laitteisiin ja selaimiin asennettuja fontteja.

      2. Verkkokirjasimet: vaikka sumeaa, web-fontit viittaa kaikkiin fontteihin ei ovat verkossa turvallisia fontteja, erityisesti kaupallisia ja itsenäisesti kehitettyjä fontteja.

Näin ollen verkkoturvalliset kirjasimet ovat yleisimmät Windowsissa tai Macissa, Chromessa tai Safarissa saatavilla olevat fontit. Täten, verkkofontit eivät ole niin helppoja ovat saatavilla, ja sinun on yleensä ladattava ja asennettava ne itse.

Kirja on romaani. Kuinka luoda?

Kumpaa kannattaa käyttää web-suunnittelussa?

Molemmilla on omansa edut ja haitat.

Verkkosuunnittelussa, jota tässä artikkelissa käsitellään, verkkoturvallisten fonttien tärkein etu on, että ne latautuvat nopeammin, mikä lyhentää sivustosi lataamiseen kuluvaa aikaa. Se ei ole suuri ero, mutta jos haluat ajaa pois jokaisen kadonneen millisekunnin, niillä on merkitystä.

Verkkoturvallisten fonttien haittapuoli on, että ne ovat yleisiä. Niissä ei ole mitään ainutlaatuista tai alkuperäistä - ne ovat kirjaimellisesti kaikkien saatavilla. Jos haluat tyyliä tai taiteellisuutta, sinun on käytettävä erilaista verkkofonttia.

Verkkofonteilla on paljon enemmän valikoimaa; se on joukko fontteja, joita lisätään ja laajennetaan jatkuvasti. Voit hankkia brändillesi parhaat verkkokirjasimet, jotka on suunniteltu erityisesti etsimäsi perusteella, tai voit lisensoida olemassa olevan fontin verkossa kirjasinkeskuksesta. Niiden tärkein etu on tietysti omaperäisyys. Jos haluat kirjasimen, joka erottuu joukosta, verkkoturvalliset kirjasimet eivät tee sitä.

Jos sinulla on vaikeuksia päätöksenteossa, katso tämä hyödyllinen vuokaavio, jonka on kirjoittanut David Gilbertson Hackernoonista (muista, että hän käyttää "järjestelmäkirjasimia" tarkoittaa "verkon turvallisia kirjasimia").

Entä mukautettu fontin estetiikka?

Mutta valitseminen parhaiden verkkofonttien ja parhaiden verkkofonttien välillä ei ole ainoa päätöksesi. Sinun tulee myös päättää, mikä typografia sopii brändiisi ja sivustosi toimivuuteen. Eri fontit sopivat paremmin pitkille tekstilohkoille kuin huomiota herättäville otsikoille, puhumattakaan niiden vaikutuksesta käsitykseen brändistäsi.

Tässä oppaassa jaamme ne kaikki kolmeen luokkaan kirjasimen esteettisyyden perusteella: serif, sans serif ja koristeellinen. Niille, jotka eivät tiedä, serifit ovat niitä pieniä jälkiä tai "lippuja", jotka joskus näkyvät kirjainten lopussa. Selitämme alla kunkin suositellun käytön sekä niiden vaikutuksen brändi-identiteettiäsi.

 

Milloin käyttää Serif-verkkofontteja verkkosuunnittelussa

Serifillä on pitkä historia typografiassa. Mutta jos etsit fontteja verkkosivustoille, sinun tarvitsee vain tietää, että serifit kuuluvat spektrin "vakavalle" puolelle. Se tekee niistä erinomainen ammatti- ja virallisille merkeille, mutta hieman epäjohdonmukainen ystävällisille ja rento brändeille, jos niitä ei ole määritetty vastaavasti.

Etsitpä sitten parasta verkkokirjasinta tai verkkofonttia, serifit sopivat parhaiten brändeille, jotka haluavat välittää auktoriteettia, hienostuneisuutta ja luokkaa. Niillä on klassinen vetovoima historiasta, joten ne toimivat hyvin pitkään olemassa olevien tuotemerkkien tai brändien kanssa, jotka haluavat sen niin. näyttää . Kompromissi on se, että serif-fontit voidaan pitää vakavina, ehkä liian muodollisina, joten jos käytät niitä, niiden on toimittava brändiarvojesi kanssa, jotta ne eivät ole häiritseviä. kohdeyleisö.

On myös syytä huomata, että serif-fontteja on helppo lukea, minkä vuoksi niitä käytetään usein leipäteksteissä, otsikoissa ja alaotsikoissa. Tämä ei tarkoita sitä Sans serif -fontteja on vaikea lukea; he ovat mahtavia sopii pitkille tekstilohkoille. Mutta on syy, miksi korkean profiilin julkaisut pitävät New York Times и Boston Globe, käyttävät edelleen serif-verkkofontteja digitaalisissa artikkeleissaan. Ja ei sattumalta, molemmat näistä sanomalehdistä nojaavat "muodollisiin" ja "klassisiin" brändäystyyleihin samalla kun ne edistävät pitkiä kopioita.

Myös fonttien koko ja tyyli ovat tärkeitä. Suuret, rohkeat serifit saavat kirjasimesi näyttämään tyylitellymmältä ja äärimmäisissä tapauksissa elävämmältä ja ammattimaisemmalta. Samoin pienemmät ja pienemmät serifit ovat vähemmän muodollisia – ihanteellisia, jos etsit onnellista välinettä "vakavan" ja "hauskan" väliltä.

Parhaat serif-verkkofontit:

Esimerkki fontista Baskervillelle

Esimerkki fontista Cambrialle

Esimerkki fontista Courierille

Esimerkki fontista Didotille
Esimerkkifontti Garamondille
Esimerkki fontista Times New Romanille

Parhaat serif-verkkofontit:

Vaatteen fonttinäyte

Esimerkki fontista Argestalle
Esimerkki fontista Bogartille
 
Esimerkki fontista Givenylle
 
Juana web-fontit
 
Esimerkki Maiah fontista.
 
 

Milloin käyttää sans serif -verkkokirjasimia?

Sans serif -fontit ovat täysin serif-fonttien vastakohta sekä muodoltaan että katsojalle niiden näyttämiselle. Tässä tapauksessa sans tarkoittaa kirjaimellisesti "sans serif", joten kaikki sans serif -fontit ovat sans serif -fontteja.

Kuten voit kuvitella, sans serif -fontit ovat yksinkertaisempia ja huolettomampia. Ne eivät näytä serif-fonteilta. Sans serifs ovat ystävällisen keskustelun ja epävirallisten viestien fontteja, jotka muistuttavat yksinkertaista käsialaa. Ne on suunniteltu nopeuteen ja yksinkertaisuuteen, ehkä kunnollisuuden kustannuksella.

Sans serif -fontit sopivat parhaiten verkkosivustoille, jotka haluavat näyttää vierailijoilleen: "Olemme aivan kuten sinä." Ne ovat rentoja ja rentoja, ja ne ovat ihanteellisia opetusmateriaaleja, digitaalisia julkaisuja tai blogeja varten. Jos vitsailet paljon tai käytät emojeja artikkeleissasi, sans serif -fontti toimisi teoriassa parhaiten.

Samasta syystä sans-serif-verkkokirjasimet ovat suositeltu valinta epäviralliseen ja lisätekstiin: kuvien kuvatekstejä, julkaisuja sosiaaliset verkostot, allekirjoitukset, vastuuvapauslausekkeet ja verkkomainonta. Sans serif -fontit toimivat parhaiten tekstissä, jossa lukeminen tapahtuu nopeasti ja ilman kiirettä, joten on tärkeää ymmärtää, miten kohde yleisö kuluttaa sisältötyyppiäfontti, jonka haluat luoda, ennen kuin valitset, voisiko se olla paras web- (vai verkkoturvallinen) fontti. fontti) sinulle.

 

Parhaat web sans serif -fontit:

Esimerkkifontti Arial-verkkofonteille

Esimerkki fontista Calibrille

Esimerkkifontti Dejavu Sans -verkkofonteille

Esimerkki fontista Geneveen
Esimerkkifontti Helvetica-verkkofonteille

Parhaat sans serif -verkkofontit:

Esimerkki fontista Devant Prolle

Esimerkkifontti Grafton-verkkofonteille
Esimerkki fontista IBM Plex Sansille
 
Esimerkki fontista Italico-verkkofonteille
Esimerkki fontista Monolithille
Esimerkki fontista TT Norms Pro -verkkofonteille
 

Milloin käyttää koristeellisia verkkofontteja.

Lopuksi meillä on koristeellisia fontteja, jotka voivat olla serif- tai sans serif -fontteja. Ne voivat myös olla paras verkkofontti tai verkkoturvallinen fontti otsikoillesi ja otsikoillesi. Koriste kuulokkeet on rikas muotoilu; Niiden tulee olla taiteellisia tai tyylikkäitä ja painottaa enemmän ulkonäköä kuin sanoja. Vaikka suurin osa typografiasta on suunniteltu toiminnallisuutta varten, nämä fontit on suunniteltu esittelyä varten.

Koristeelliset kirjasimet sopivat parhaiten korostamiseen, kuten otsikoihin, korostettuihin lainauksiin tai artikkelien otsikoihin. Ne ovat kirsikka kakun päällä, joten käytä niitä säästeliäästi ja dramaattinen vaikutus. Ne lisäävät persoonallisuutta, huumoria ja luovuutta, älä vain liioittele sitä. Ajattele sitä suolan lisäämisenä ruoanlaittoon ja vältä yleisön maun ylikuormittamista. Tämä tarkoittaa, että ne eivät toimi pitkillä teksti- tai kuvatekstilohkoilla. Ei brändisi yhteystietojen eikä alatunnisteen tekstin vuoksi.

Koska koristeelliset verkkokirjasimet sopivat kaikkiin tyyleihin ja persoonallisuuksiin, ne voivat toimia hyvin, kun ne yhdistetään yksinkertaisempiin serif- tai sans serif -kirjasimiin. Mutta älä koskaan uhraa luettavuutta ulkonäön vuoksi. Koristeelliset kirjasimet ovat vain viihdettä, kunnes lukija ymmärtää, mitä niillä on sanottavaa.

Kuinka valita oikea logofontti?

Parhaat koristeelliset verkkofontit:

Bradley Hand -verkkofontit

Bradley Hand -fontti

Font Brush Script MT -verkkofontit

Font Copperplate web-fontit

Luminari fontti
Font Monacon verkkofontit
 

Tai voit käyttää vain Comic Sansia

Verkkofontin valitseminen verkkosivustollesi on tärkeä päätös, joka vaikuttaa sekä siihen, miten vierailijat käyttävät sivustoasi, että siihen, miten he näkevät brändisi. Jotta voisit olla ainutlaatuinen ja saada auktoriteettia web-suunnittelussasi, sinun on usein löydettävä paras verkkofontti, ei paras verkkofontti. Oikean fontin käyttäminen oikeissa paikoissa vaikuttaa siihen, mitkä elementit näkyvät ensin, ja strategisesti käytettynä voidaan lisätä konversiota, paikan päällä käytetty aika ja monet muut liiketoimintatavoitteet.

Jos tämä ratkaisu vaikuttaa liian monimutkaiselta, voit aina käyttää Comic Sansia. Loppujen lopuksi, mitä hyötyä sinulle on kuolevaisista, jos voit vaeltaa jumalien keskellä?

 АЗБУКА