Verkkosivujen suunnittelussa heikennämme yleensä typografian merkitystä. Fontit vaikuttavat valtavasti alitajuntaan. Vaikutukset ovat hienovaraisia, mutta tarpeeksi voimakkaita vaikuttaakseen käyttäytymiseemme.

Nyt kysymys kuuluu: kuinka valita parhaat verkkosivuston fontit web-suunnittelullesi?

Jos verkkosivuston kopio on viesti, typografia on sävy, jolla toimitamme viestin. Robert Bringhurst, kuuluisa kanadalainen typografi, sanoo kirjassaan The Elements of Typography:

Typografia on taitoa antaa ihmiskielelle kestävä visuaalinen muoto.

Sivuston suunnittelussa fontilla on kolme tarkoitusta:

Esteettisesti houkutteleva

Fontit täydentävät aina yleistä suunnittelua. Ilman houkuttelevia fontteja suunnittelun asettelu ei loista ja näyttää epätäydelliseltä. Typografia on työkalu, jolla voit tehdä vaikutuksen käyttäjäisi koukuttavalla suunnittelutajullasi. Käyttäjä tulee verkkosivustolle lukemaan tarjontaasi, ja jos kirjasinvalinta on kohdallaan, olet tehnyt työsi suunnittelijana.

Luettavuus

Fontin perustoiminto on, että sen on oltava terävä ja selkeä. On erittäin tärkeää valita digiystävälliset fontit. Ammattilaiset suosittelevat sans-serif-fonttien käyttöä, koska niitä pidetään digitaaliystävällisinä kirjasimina. Valitse myös aina taustan kontrastiväri, jotta se ponnahtaa esiin.

Sävyn ilmaiseminen

Fontit antavat verkkosivustollesi luonnetta. Valitsemalla fontin päätät sävyn, jonka aiot välittää markkinointiviestisi. Mia Cinelli, Kentuckyn yliopiston taidestudion ja digitaalisen suunnittelun apulaisprofessori, kuvailee typografian todellista merkitystä:

Kaikki kirjasintyypit on suunniteltu sanomaan jotain tiettyä, joten kun jotain kirjoitetaan kirjasintyynyllä, sanottuihin vaikuttaa se, miten se on asetettu. Kutsun tätä eräänlaiseksi visuaaliseksi taivutukseksi.

Miksi oikeiden fonttien valitseminen on niin kriittistä?

Fontit lisäävät suunnittelun harmoniaa, ja samalla ne ovat tärkeitä selkeän viestin välittämisessä katsojalle. Toisin sanoen kirjasimet ovat yhtä tärkeitä verkkosivuston toimivuuden ja esteettisyyden kannalta.

Tässä ovat syyt miksi:

Fontit Luo hierarkia

Kaikki näytöllä näkyvät tiedot eivät ole yhtä tärkeitä. Markkinoijana haluat yleisön huomaavan informaatiota ensi silmäyksellä, mikä kiinnittää heidän huomionsa.

Fontit voivat auttaa määrittämään järjestyksen, jossa haluat yleisösi lukevan näytettävän viestisi. Käyttämällä erilaisia tekniikoita, kuten kokoa suurentamalla tai pienentämällä, käyttämällä eri värejä tekstin poputtamiseksi ja leikkimällä fonttien paksuudella, suunnittelija voi helposti luoda hierarkiaa verkkoasetteluun.

Auttaa muotoilemaan tekstiä

Näytöllä näkyvässä tekstissä on eri osa:

Otsikot
Kappaleet
Uusia tarjouksia
Painikkeet
CTA:t

Kaikki nämä elementit on muotoiltava oikein, jotta koko suunnittelurakenne saa tasapainoisen kuvan. Epätasainen tekstin sijoittelu voi tuhota koko sivun esteettisyyden ja hämmentää käyttäjää.

Suunnittelijat käyttävät kirjasimia käsitelläkseen kaikkia näitä ongelmia. Kaikki houkutteleva teksti tehdään näkyvämmäksi tekemällä se erottumaan. Tämä on myös tärkeää, koska ihmiset eivät lue koko juttua; he yleensä selailevat tietoa. David Ogilvy, yksi 1900-luvun parhaista tekstinkirjoittajista, sanoi:

Keskimäärin viisi kertaa enemmän ihmisiä lukee otsikon kuin tekstin. Kun olet kirjoittanut otsikon, olet käyttänyt kahdeksankymmentä senttiä dollaristasi.

Sinun on keskityttävä tekstin tärkeimpiin piirteisiin ja tehtävä siitä entistä houkuttelevampi. Käyttäjät voivat päätyä lukemaan enemmän, jos voit houkutella heitä otsikollasi.

Paranna suunnittelun vetovoimaa

Teksti on verkkosivuston ulkoasun pääkomponentti. Yksi Web-sivu sisältää satoja sanoja, mikä tarkoittaa, että sinulla on tuhansia merkkejä sijoitettavana kankaalle.

Fontin valinnalla on valta tehdä tai rikkoa verkkosivuston suunnitteluliittymä. Suunnittelijalla on oltava riittävästi näkyvyyttä, koska esteettisesti houkuttelevien fonttien käyttäminen ei ole helppoa.

Tässä on joitain temppuja, joita suunnittelijat käyttävät saadakseen aikaan houkuttelevia koostumuksia pelkän tekstin avulla:

Koko: Sen lisäksi, että se luo hierarkiaa, se on myös välttämätön ainesosa lisäämään vetovoimaa suunnitteluun. Koko tekee mallista näkyvämmän, hallitsevamman ja mieleenpainuvamman. Tekstisi koolla leikkiminen tekee siitä houkuttelevamman ja houkuttelevamman katsojille.

Välilyönti on toinen tekniikka, jolla voit lisätä viehätystä typografiaasi. Se antaa tasapainon tunteen koko suunnittelurakenteelle. Ole kuitenkin varovainen, sillä se voi saada verkkoasettelusi näyttämään epäsymmetriseltä. Välilyönnillä voi leikkiä, mutta tekstin eri osien välinen rako on asetettava huolellisesti.
Tiheys: Kuten koko, myös lihavoitu fontti ponnahtaa esiin tekstistä, mikä tekee siitä näkyvämmän. Lihavoitu teksti vahvistaa myös näytettävän viestin. Se lisää luottamusta ja voimaa markkinointiviestiin.
Sijoitus: Tekstin näyttäminen näytöllä lisää myös suunnittelun houkuttelevuutta. Kokeile sitä kuitenkin vain, jos olet asiantuntija; muuten saatat päätyä liioittelemaan sitä.
Värit: Värit ovat jokaisen mallin sielu. Kuten he sanovat, maljakko erivärisillä kukilla näyttää houkuttelevammalta; Samoin sinun on valittava verkkosivustollesi väripaletti ja pysyttävä siinä.

Varmista johdonmukaisuus sivujen välillä

Parhaat verkkosivujen fontit antavat luonnetta web-suunnittelullesi ja lisäävät harmoniaa eri sivujen välille. Fonttiteeman on oltava yhtenäinen koko verkkosivustolla, tai muuten se näyttää esteettisesti houkuttelevalta.

Sinun on asetettava kiinteä fonttikoko tekstisi eri osille. Jos esimerkiksi olet asettanut otsikkotekstillesi 24 kuvapistettä, jatka sen käyttöä koko verkkosivustossasi. Tämä auttaa käyttäjiä tunnistamaan, minkä tyyppistä sisältöä he lukevat.

Fonttimanipuloinnin taiteen ymmärtäminen

Tunnettu brittiläinen tyyppisuunnittelija Matthew Carter sanoo:

Tyyppi on kaunis kirjainryhmä, ei joukko kauniita kirjaimia.

Fontin valinta on paljon muutakin kuin houkuttelevien kirjasintyyppien valitsemista. Se on prosessi, jossa valitaan käsin täydelliset fontit, jotka yhdistettynä antavat ainutlaatuisen luonteen.

Suunnittelijat muokkaavat usein fonttien oletusasetuksia muokatakseen niitä edelleen verkkosivuston sisällön mukaan. On olemassa useita tekniikoita, joita suunnittelijat pitävät työkalulaatikoissaan saadakseen työnsä näyttämään houkuttelevammalta ja ilmaisuvoimaisemmalta.

Kerning

Kahden tietyn merkin välisen tilan säätämistä kutsutaan välilyönniksi. Se on säädetty huolellisesti ja voi vaihdella hahmojen mukaan. Suunnittelijat voivat lisätä tekstiin luonnetta muuttamalla oletusasetuksia räätälöidäkseen suunnittelun yrityksen luonteen mukaan. Oletetaan esimerkiksi, että avaamme varaston nimeltä "Space". Nyt suunnittelija voi suurentaa välitysarvoa lisätäkseen äänenvoimakkuutta tekstiin. Se vahvistaa brändiviestiä.

Seuranta

Seuranta, joka tunnetaan myös nimellä merkkiväli, on merkkien välinen kokonaisväli. Useimmissa suunnitteluohjelmistoissa, kuten Photoshopissa, on tämä vaihtoehto, ja graafiset suunnittelijat käyttävät sitä laajalti tekstinsä tyylistämiseen. Useimmiten tätä tehostetta käytetään lisäämään tilan ja volyymin tunnetta.

Tätä tekniikkaa voidaan soveltaa vain kopioiden lyhyisiin muotoihin; sen käyttäminen pitkiin tekstikappaleisiin tekee suunnittelun asettelusta lukukelvottoman.

Johtava

Rivien välistä tilaa kutsutaan johtavaksi. Termi keksittiin aikana, jolloin rivien välistä rakoa säädettiin manuaalisesti lyijyliuskoilla. Kuten seurantaa, johtamista voidaan säätää suunnitteluohjelmistossa.

Oikean johtamisarvon asettaminen on ratkaisevan tärkeää; muuten saatat päätyä risteäviin tekstiriveihin, jolloin koko asia ei ole luettavissa. Liian suuri riviväli voi myös hämmentää lukijoita, koska se haittaa koko muotoilua.

Hierarkia

Kuten aiemmin mainittiin, hierarkia sanelee katsojien keskittymisen. Se on laajalti käytetty tapa korostaa tekstin keskeisiä osia. Toisin sanoen se on kuin kartta, joka ohjaa katsojien silmiä.

Hierarkian asettaminen on helppoa; sinun tulee saada valittu teksti erottumaan muista. Voit saavuttaa tämän saavutuksen seuraavasti:

Tekstin koon suurentaminen
Tekemällä siitä rohkeaa
Antamalla sille eri värin
Asettamalla sen yläosaan
Korostamalla sitä

Skaalaus

Skaalaus on suunnittelukirjan vanhin temppu, jota käytetään edelleen nykyaikaisessa digitaalisessa maailmassa. Suunnittelijat käyttävät skaalausta, kun he haluavat saada suunnitteluelementin näyttämään hallitsevalta tai pieneltä. Sitä käytetään lisäämään tekstin selkeyttä. Monet suunnittelijat haluavat suurentaa fonttikokoa parantaakseen suunnittelun houkuttelevuutta.

Sävellys

Tekstin koostumus on ratkaiseva tekijä, joka saa web-suunnittelusi loistamaan. Houkuttelevien fonttien valitseminen ei aina takaa houkuttelevaa asettelua; koko sävellyksen harmonia on se, joka tekee. Siksi todellinen MVP typografiassa on yleinen fontin koostumus. Suunnittelijoiden tehtävänä on keksiä tekstin asettelu, joka sopii täydellisesti brändi-identiteetin kanssa.

Estetiikan ruumiillistumaksi pidetty sävellys on linjattu, sovitettu ja koottu harmoniaan.

Tekstin manipulointi

Nykyaikaisessa muotoilumaailmassa graafiset suunnittelijat ovat kääntymässä kohti minimalismia. Kun taidemuoto kehittyy, digitaaliset taiteilijat tuovat esiin innovaatioita silloin tällöin. Tekstin manipulointi on yksi näistä mielenkiintoisista ja ainutlaatuisista menetelmistä, joissa suunnittelijat luovat logoja, visuaalisia viestejä ja muuta digitaalista sisältöä manipuloimalla tekstiä siten, että se resonoi sen edustaman asian tai idean toimivuuden kanssa.

Katsotaanpa eri fonttiluokkia

Digitaalinen suunnitteluteollisuus on kehittynyt. Oli aika, jolloin meillä oli rajoitetusti kirjasimia, mutta nyt meillä on tuhansia fontteja, joista valita.

Suunnittelijat nauttivat luovasta vapaudesta valita parhaat verkkosivuston fontit laajasta kirjasinvalikoimasta. Kaikki nämä fontit kuuluvat kuitenkin kolmeen suureen kirjasinryhmään:

Serif

Serif s ovat perinteisiä fontteja, jotka antavat verkkoasettelulle klassisen ilmeen. Monet uutissivustot käyttävät tätä fonttia, koska sillä katsotaan myös olevan muodollinen sävy. Asiantuntevat typografit ehdottavat myös, että tämä fontti saa verkkosivustosi näyttämään uskottavalta ja luotettavalta. Jotkut näihin fontteihin liittyvät tunteet ovat:

Kunnioittaminen
viranomainen
Uskottavuus
Muodollisuus

San Serif

San serif on serif-fonttien moderni serkku. Ne ovat suosittuja teknologia-alalla modernin, tyylikkään ja terävän ulkonäön vuoksi. Niitä pidetään myös digitaaliystävällisempinä. Jotkut näihin fontteihin liittyvät tunteet ovat:

Luottamus
Hienostuneisuus
Tekninen taitava
Moderni

Käsikirjoitus

Käsikirjoitusfonttien tiedetään lisäävän suunnittelun eleganssia, koska ne jäljittelevät ihmisen käsialaa. Näitä fontteja suositellaan, kun haluat muokata viestiäsi. Nämä fontit ovat suosittuja elämäntyyliin liittyvien alojen keskuudessa. Komentosarjafontit ilmaisevat:

Eleganssi
armo
Onnellisuus
Luovuus
henkilökohtainen

Kääri se!

Lyhyesti sanottuna fontit ruokkivat nykyaikaista verkkosivuston suunnittelua. Ota ne vakavasti. Houkuttelevat fontit erottavat ammattimaisen verkkosivuston amatöörin näköisestä. Valitse siksi aina parhaat verkkosivuston fontit, jotta digitaalinen resurssi erottuu joukosta.

Verkkosivuston kehittäjän on ymmärrettävä, että kirjasimet antavat verkkosivustolle luonnetta, johdonmukaisuutta ja selkeyttä. Fontit, joilta puuttuu sävy, eivät koskaan pysty välittämään viestiäsi kohdeyleisöllesi.

Muista aina: oikeat fontit pystyvät muuttamaan ihmisten tunteet tekstiksi menettämättä emotionaalista kosketusta. Taito tietää, mitkä fontit sopivat paremmin verkkosivustolle, on kuin puhuisi samaa kieltä eri murteiden kanssa.

Nykyaikana kuluttajat ovat kehittyneet, eikä heihin voi helposti tehdä vaikutusta. Verkossa on miljoonia vaihtoehtoja, jos haluat houkutella massaa, sinun on ponnisteltava ja tehtävä mitä tahansa erottuaksesi muista. Sinun täytyy houkutella kuluttaja digitaalisen estetiikin avulla. Ja ainoa tapa koskettaa kuluttajien sielua on hallita kirjasinvalinnan taitoa.