Kuinka kirjasin ja sen koko voivat parantaa verkkosivustosi brändäystä

Jokainen yrittäjä tietää selkeän, oikein suunnitellun ja hyvin hoidetun verkkosivuston tärkeyden. Nykyään, jos et tarjoa asiakkaillesi verkkosivustoa, joka tekee heihin todella vaikutuksen, menetät heidät paljon nopeammin kuin kesti saadaksesi heidän luottamuksensa.

Valitettavasti useimmat yrittäjät näkevät vaivaa ja palkkaavat suunnittelijoita, jotka ovat hyviä kehittämisessä. He usein jättävät huomioimatta yhden olennaisen ominaisuuden – kirjasintyylin.

Käyttämäsi kirjasintyyli ja jokaisen sisäisen verkkosivustosi tekstin koko on yksi niistä asioista, jotka ovat ratkaisevia sen suhteen, pysyvätkö asiakkaasi, ovatko he vuorovaikutuksessa ja konvertoivatko ne.

Totuus on, että vaikka kirjasimet eivät todellakaan vaikuta kovin vaikuttavilta, niillä on voima viedä yrityksesi korkealle tai alas. Se on todella yksinkertaista, jos verkkosivustosi vierailija ei halua tai pysty lukemaan julkaisemaasi sisältöä, viestisi ei mene hänelle läpi, joten et voi muuntaa. Useat tutkimukset ovat osoittaneet, että verkkosivuilla käytettyjen fonttien tyyppi ei vaikuta pelkästään luettavuuteen, vaan mielialaan, käyttökokemukseen ja jopa artikkelin koettuun pituuteen. Tästä syystä on olennaista, että suunnittelija ymmärtää eron pelkän paljon sisältöä sisältävän verkkosivuston luomisen ja sellaisen verkkosivuston kehittämisen välillä, jolla on miellyttävä ja vaikuttava muotoilu, joka parantaa lukijan mielialaa.

”Tyyppi on kaunis kirjainryhmä, ei joukko kauniita kirjaimia.”

-Mathew Carter

Kun ajattelet fontteja, mikä tulee ensimmäisenä mieleesi? Jos olet kuten useimmat ihmiset, jotka eivät vielä ymmärrä niiden tärkeyttä, ajattelet todennäköisesti kirjasintyyppejä, kuten Calibri, Comic Sans, Arial, Times New Roman ja muut. Sinun on kuitenkin tiedettävä, että nämä ovat vain perusasiat. Kun puhutaan typografiasta, joka on otettava käyttöön verkkosivustollasi, sinun ei tarvitse ottaa huomioon vain kirjasintyyppejä, vaan myös niiden kokoa, värejä, välilyöntejä ja välilyöntejä.

Tässä artikkelissa tavoitteemme ei ole vain kertoa sinulle fonttien tärkeiden ominaisuuksien vaikutuksesta, vaan myös antaa sinulle käytännön ehdotuksia, joiden avulla voit nostaa oman verkkosivustosi tulosprosenttia. Varustaudu siis kynällä ja muistilehtiöllä, sillä näitä tietoja et halua missata.

Kirjasintyypit ja niiden vaikutus

Jos olet lukenut muutamia kirjasimia ja typografiaa koskevia artikkeleita, tiedät, että on olemassa useita kirjasintyyppejä, joiden katsotaan olevan verkkojulkaisun arvoisia. Jotkut ovat yhtä mieltä siitä, että Georgia tuo eniten tuloksia, kun taas toiset ajattelevat, että Baskerville vie kotiin voittajan kunnian. Mutta ennen kuin alamme puhua siitä, keskustellaan kirjasimien kokonaisvaikutuksesta sivustosi brändäykseen. Tässä on asia; Jos sisältöäsi on vaikea lukea, koska kirjaimet ovat liian lähellä toisiaan tai niiden koko on liian pieni, ne joko poistuvat välittömästi tai yrittävät lukea vielä muutaman sekunnin ja poistuvat lopulta, jos se tuntuu edelleen vaikealta. Vaikka sinulla olisi erittäin uskollisia asiakkaita, jotka käyttivät aikaa ja lukisivat koko kopion, he muistavat, että kesti heiltä liian kauan ja menetät heidät.

Verkkosivustollesi valitsemasi kirjasintyypit ovat ratkaisevan tärkeitä, koska ne tekevät koko viestin lukemisen, ymmärtämisen ja ymmärtämisen prosessista vaivatonta. Jos valitset kirjasimen, joka on samaa mieltä lukijoidesi kanssa, heidän huomionsa jää antamaasi tietoon eikä siihen, kuinka kauan lukeminen kesti.

Käytännön vinkki: Kaikki kirjasimet eivät toimi kaikilla verkkosivustoilla. Fontit ovat luonteeltaan erilaisia, ja valitsemasi fontti riippuu täysin yrityksestäsi, siitä, millaisia ​​asiakkaita palvelet, ja viestistä, jonka haluat esittää. Parasta olisi tutkia laajasti ja tarkastella kirjasintyyppejä, joita muut samalla alalla käyttävät. Kokeile ja testaa useita tyyppejä eri alustoilla, jotta tiedät tekeväsi oikean päätöksen. Muista, että sopivan kirjasimen valitseminen kestää jonkin aikaa, mutta se on sen arvoista, kun näet tulosprosenttisi nousevan.

Fonttikoot ja niiden vaikutus

Kun puhut fontin koosta, yksi tärkeimmistä huolenaiheistasi on luettavuus. Luettavuus tulee paljon tärkeämmäksi, koska haluat varmistaa, että viestisi tulee perille. Vaikka fonttivalintasi ei olisikaan täydellinen, oikean kokoinen koko säästää sinut, sillä kävijän ei ainakaan tarvitse rasittaa silmiään lukeakseen esittämääsi sisältöä. Jos sinulla on oikea kirjasinkoko, asiakkaasi lukevat todennäköisemmin viestisi, ovat vuorovaikutuksessa ja jopa levittävät sanaa. Kun pystyt kommunikoimaan paremmin asiakkaidesi kanssa, brändisi vaikuttaa positiivisesti ja tämä puolestaan ​​lisää yrityksesi mainetta.

Käytännön vinkki: Esitettäväksi valitsemasi fontin koko riippuu verkkosivuston suunnittelukontekstista. Vaikka käyntikortti voi vaatia hyvin pienen koon, tapahtumajuliste vaatii paljon suuremman. Mutta koska puhumme nimenomaan verkkosivustojen suunnittelusta, sinun on harkittava, julkaisetko mobiililaitteita vai yleisiä näyttöjä. Nyrkkisääntönä asiantuntijat suosittelevat, että käytät kokoa 10 – 14 pikseliä tekstisisällölle ja 16 – 20 pikseliä otsikoille tai otsikoille. Parhaan tuloksen saavuttamiseksi voit suorittaa harjoitustarkistuksen sinulle sopivista kooista ja säätää sitten niiden mukaan, jos ne eivät näytä toimivan hyvin. Lisäksi, jos käytät erilaisia ​​näyttökokoja (mikä sinun pitäisi), varmista, että fontti toimii myös hyvin, kun kokoa pienennetään mobiililaitteissa.

Fontin väri ja verkkosivustosi

Jos haluat saada viestisi vierailijoillesi parhaalla mahdollisella tavalla, sinun ei tarvitse miettiä vain sanavalintaa, vaan myös sen esittämistä. Vaikka fontin väri ei ehkä vaikutakaan niin isolta jutulta, sillä on suuri vaikutus, varsinkin jos sivustosi on erityisen pirteä. Väripsykologia on kokonainen tutkimusalue, ja voit oppia siitä melko paljon. Mutta kun käytät värejä, varsinkin fonteissa, muista olla ylittämättä, koska se vain näyttää hauskalta. Valitsemiesi värien ei pitäisi ainoastaan ​​vahvistaa yrityksesi ydinarvoja, vaan myös tuoda lisäpotkua persoonallisuudelle, jonka kanssa asiakkaat ovat yhteydessä. Jos päädyt valitsemaan fontillesi väärän värin, ne toimivat sinua ja yritystäsi vastaan.

Toinen mainitsemisen arvoinen ominaisuus on kontrasti. Tekstisi tai sivusi kontrasti on taustan ja tekstin välillä vallitseva tummuuden ero. Vaikka et halua käyttää vanhoja tekniikoita, kuten punaisen tekstin laittamista vihreälle taustalle, sinun tulee varmistaa, että tekstin ja taustan välillä on hyvä kontrasti, jotta luettavuus paranee.

Käytännön vinkki: Ensinnäkin, ennen kuin päätät fontin väristä, sinun on mietittävä huolellisesti värejä ja fontteja, jotka pitäisi olla tai jotka on jo integroitu brändiisi ja sen logoon. Esimerkiksi, kun ajattelet Coca-Colaa, luultavasti loihdit esiin hyvin erottuvan kiharan fontin punaisen värin ohella. Kun valitset väriä, asiantuntijat suosittelevat, että ajattelet sitä kuin talosi huoneen värjäämistä. Jos haluat vierailijoidesi tuntevan olonsa lämpimäksi ja kotoisaksi blogia lukiessaan, käytä himmeitä punaisia ​​ja appelsiineja, sillä ne ovat tarkoitettu rentoutumaan ja rauhoittamaan aisteja. Mutta jälleen kerran, muista olla ylittämättä, koska suurin osa sisällöstä näyttää hyvältä ja luettavalta mustana taustaväristä riippuen.

Otsikon fontit ja mitä sinun tulee tietää

Otsikot, joita käytät sisällöllesi, ovat erittäin tärkeitä paitsi todellisten sanojen, myös sen esittämisen kannalta. Useat tutkimukset ovat osoittaneet, että ellet käytä tarttuvia ja huomiota herättäviä otsikoita, vierailijasi siirtyvät eteenpäin ja etsivät jotain hieman mielenkiintoisempaa luettavaa. Ihmisillä on tiettyjä tapoja lukea verkkoa, ja tämän avulla huomaat, että suurin osa sisällöstä yksinkertaisesti luetaan läpi. Joten jos et kiinnitä vierailijasi huomiota otsikolla, hänen lukemismahdollisuudet heikkenevät entisestään. Muista nyt, että sekä otsikossasi käyttämäsi kirjasin että väri ratkaisevat, haluaako vierailija lukea sitä. Joten vaikka et halua alkaa käyttää Comic Sansia vain kiinnittääksesi huomion, sinun tulee pitää se luettavana.

Käytännön vinkki: Jos yhdistät kirjasimia (käytä toista otsikossa ja toista pääsisällössä), varmista, että ne todella näyttävät hyvältä yhdessä. Pariliitos voi joskus olla hankalaa, koska sinun on varmistettava, että useimmat fonttien elementit täsmäävät, jotta ne eivät näytä kovin erilaisilta toisistaan. Tässä tapauksessa otsikon kirjasimen on täydennettävä leipätekstiä. Toisaalta, jos käytät samaa kirjasintyyppiä, voit kokeilla eri kokoja ja riviväliä otsikon parantamiseksi. Sama kirjasintyyppi ei vain tarjoa visuaalista harmoniaa lukijallesi, vaan myös vähentää ladattavien fonttien määrää, mikä lisää yleistä latausaikaa ja tehokkuutta.

Viivan pituus ja sen merkitys

Useimmat verkkosivustoa luovat ihmiset harkitsevat käytetyn tekstin fonttia, kokoa, väriä ja kontrastia. Kuitenkin, mitä he menettävät, on linjan pituus. Rivin pituus on vastuussa yleisen luettavuuden lisäämisestä tai vähentämisestä ja viittaa sanojen tai merkkien määrään jokaisella vaakaviivalla. Mitä vaikutuksia luettavuuteen on lauseiden lyhyydellä tai pituudella. Jos valitsemasi kirjasin saa rivit näyttämään liian pitkiltä, ​​vierailijasi silmät joutuvat kulkemaan pitkän matkan, mikä heikentää heidän lukemistaan, koska se vaatii paljon vaivaa. Toisaalta, jos rivit ovat liian lyhyitä, lausevirta katkeaa ja vierailija menettää kiinnostuksensa.

Käytännön vinkki: Yksi Usability Institute Baymardin ehdottama teoria on, että sinun tulee valita fontti, joka käyttää 50-75 merkkiä (välilyönnit mukaan lukien) riviä kohden, koska tämä takaa optimaalisen luettavuuden. Voit myös käyttää Golden Ratio -typografialaskuria määrittääksesi täydellisen rivin pituuden sisällön lukemiseen käytettävän näytön mukaan.

Kerning ja miksi sillä on merkitystä

Wikipedian mukaan ”Kerning on prosessi, jossa säädetään merkkiväliä suhteellisessa fontissa, yleensä visuaalisesti miellyttävän tuloksen saavuttamiseksi.” Jos käytät hyvää fonttia, se on hyvin tiivis ja jokaisen merkkiparin väli on samanlainen. Jos sinulla on suunnittelija, joka määrittää kirjasintyylin graafisessa ohjelmassa, kuten Photoshopissa, hän voi muuttaa kirjainten välistä tilaa ja tehdä muutoksia, kunnes kirjasin ja välitys näyttävät täydelliseltä. Kerningiin keskittymättä jättäminen tulee maksamaan, koska se on usein suurin yksittäinen asia, joka erottaa ammattityön amatöörien tai haluttujen suunnittelijoiden tekemästä työstä.

Käytännön vinkki: Kunkin kirjaimen väliin jäävän tilan on oltava yhtä suuri, jos haluat verkkosivustosi näyttävän ammattimaiselta. Jos suunnittelet kirjasintyyppiä, muista integroida välitys, koska luettavuus paranee, jos kirjainten välillä on spatiaalista jatkuvuutta. Toisaalta, jos käytät jo olemassa olevia kirjasimia, sinun ei tarvitse huolehtia tästä, koska kaikki nämä fontit sisältävät tietoja välilyönnistä.

Johtopäätös

Yritysten omistajille, jotka haluavat parantaa verkkosivustonsa brändäystä ja saada lisää asiakkaita, on tärkeä muistaa käyttää kirjasintyyppejä, jotka täydentävät kopiota. Jos teet asiat oikein, se vaikuttaa myös lukijasi tunteisiin, mielialaan ja toimintaan. Tämä puolestaan ​​tekee siitä todennäköisemmän, että he muuttuvat uskollisiksi asiakkaiksi. Muista, että yksi parhaista tavoista testata fonttia, sen kokoa, väriä jne. on testata sitä ja katsoa, ​​mitä tuloksia tuodaan. Anna myös koko prosessille aikaa ja jakamatonta huomiotasi, sillä jos haluat täydellisyyttä, täytyy tehdä töitä sen eteen.

Lopuksi jätän sinulle tämän inspiroivan lainauksen Steve Jobsilta, joka on ensisijaisesti vastuussa siitä, miksi kiinnitämme niin paljon huomiota kirjasimiin nykyään.

”Päätin käydä kalligrafiatunnilla oppiakseni (oppia kalligrafiaa). Opin Serif- ja Sans-Serif-kirjasintyypeistä, eri kirjainyhdistelmien välisen tilan vaihtelemisesta ja siitä, mikä tekee suuresta typografiasta hienoa. Se oli kaunis. Historiallinen. Taiteellisesti hienovarainen tavalla, jota tiede ei koskaan pysty vangitsemaan.”

-Steve Jobs