Kuidas valida oma veebisaidi jaoks parimaid fonte

15

Digimaailmas on kõik loodud eesmärgi saavutamiseks. Iga digitaalse disaini aspekt otsustatakse pärast põhjalikku ajurünnakut.

Veebisaidi kujundamisel õõnestame tavaliselt tüpograafia tähtsust. Fontidel on meie alateadvusele tohutu mõju. Mõju on peen, kuid piisavalt intensiivne, et mõjutada meie käitumist.

Nüüd on küsimus: kuidas valida oma veebikujunduse jaoks parimaid veebisaidi fonte?

Kui sõnum on veebisaidi koopia, on tüpograafia toon, milles me selle sõnumi edastame. Robert Bringhurst, kuulus Kanada tüpograaf, ütleb oma raamatus The Elements of Typography:

Tüpograafia on oskus anda inimkeelele vastupidav visuaalne vorm.

Veebisaidi kujundamisel on fondil kolm eesmärki:

Esteetiliselt atraktiivne

Fondid täiendavad alati üldist kujundust. Ilma ahvatlevate fontideta ei paista kujunduspaigutus särama ja tundub puudulik. Tüpograafia on tööriist, mis avaldab kasutajale muljet oma disainitajuga. Kasutaja tuleb veebisaidile teie pakkumisi lugema ja kui fondivalik on õige, olete disainerina oma töö teinud.

Loetavus

Fondi põhifunktsioon on see, et see peab olema terav ja selge. Ülioluline on valida digisõbralikud fondid. Spetsialistid soovitavad kasutada sans-serif fonte, kuna neid peetakse digisõbralikeks fontideks. Samuti valige alati taustaga kontrastne värv, et see välja tuleks.

Tooni väljendamine

Fondid annavad teie veebisaidile iseloomu. Fondi valides otsustate oma turundussõnumi edastamise tooni. Kirjeldades tüpograafia tegelikku tähendust, ütleb Kentucky ülikooli kunstistuudio ja digitaalse disaini dotsent Mia Cinelli:

Kõik kirjatüübid on loodud ütlema midagi konkreetset ja seega, kui midagi trükitakse kirjatüüpi, mõjutab öeldut selle seadistus. Ma nimetan seda omamoodi visuaalseks pöördeks.

Miks on õigete fontide valimine nii kriitiline?

Fondid lisavad kujunduse harmooniat ja on samal ajal otsustava tähtsusega, et edastada vaatajale selge sõnum. Teisisõnu, fondid on veebisaidi funktsionaalsuse ja esteetika jaoks võrdselt olulised.

Siin on põhjused, miks:

Fondid loovad hierarhia

Mitte iga ekraanil kuvatav teave pole võrdse tähtsusega. Turundajana soovite, et avalikkus märkaks esmapilgul mõnda teavet, mis köidab nende tähelepanu.

Fondid võivad aidata määrata järjestuse, milles soovite, et teie publik teie kuvatavat sõnumit loeks. Kasutades erinevaid tehnikaid, nagu suuruse suurendamine või vähendamine, teksti popiks muutmiseks erinevaid värve ja fontide paksusega mängides, saab disainer hõlpsasti luua veebipaigutuse hierarhiat.

Aitab teksti vormindada

Ekraanil kuvataval tekstil on erinev osa:

  • Pealkirjad
  • Lõigud
  • Uued pakkumised
  • Nupud
  • CTA-d

Kõik need elemendid peavad olema korralikult vormindatud, et anda kogu disainistruktuurile tasakaalustatud ülevaade. Teksti ebaühtlane paigutus võib hävitada kogu lehe esteetika, muutes kasutaja segadusse.

Disainerid kasutavad kõigi nende probleemide lahendamiseks fonte. Kogu köitev tekst muudetakse nähtavamaks, muutes selle esile. See on oluline ka seetõttu, et inimesed ei loe kogu asja läbi; tavaliselt sirvivad nad teavet. David Ogilvy, üks 20. sajandi parimaid tekstikirjutajaid, ütles:

Keskmiselt loeb pealkirja viis korda rohkem inimesi kui sisuteksti. Kui olete oma pealkirja kirjutanud, olete oma dollarist kulutanud kaheksakümmend senti.

Peate keskenduma teksti silmapaistvatele omadustele ja muutma selle veelgi ahvatlevamaks. Kasutajad võivad lõpuks lugeda rohkem, kui suudate neid oma pealkirjaga meelitada.

Suurendage disaini apellatsiooni

Tekst on veebisaidi kujunduse põhikomponent. Üks veebileht sisaldab sadu sõnu, mis tähendab, et teil on lõuendile paigutamiseks tuhandeid märke.

Fondivalik võib muuta veebisaidi kujundusliidese või seda rikkuda. Disaineril peab olema piisavalt kokkupuudet, sest esteetiliselt atraktiivsete fontide kasutamine pole lihtne ülesanne.

Siin on mõned nipid, mida disainerid kasutavad ahvatlevate kompositsioonide loomiseks lihtsalt teksti abil:

  • Suurus: see mitte ainult ei loo hierarhiat, vaid on ka vajalik koostisosa disainile atraktiivsuse lisamiseks. Suurus muudab kujunduse nähtavamaks, domineerivamaks ja meeldejäävamaks. Teksti suurusega mängimine muudab selle vaatajate jaoks atraktiivsemaks ja köitvamaks.

    Vahekaugus on veel üks tehnika, mis lisab teie tüpograafiale võlu. See annab kogu disainistruktuurile tasakaalutunde. Kuid olge ettevaatlik, vastasel juhul võib teie veebipaigutuse asümmeetriline välja näha. Mängida saab tühikutega, kuid teksti erinevate osade vahe tuleb hoolikalt seadistada.

  • Tihedus: nagu suurus, ilmuvad tekstist ka paksud kirjad, mis muudavad selle nähtavamaks. Paks tekst jõustab ka kuvatava sõnumi. See lisab turundussõnumile usaldust ja tugevust.

  • Paigutus: kujunduse atraktiivsust suurendab ka see, kuidas teksti ekraanil kuvatakse. Proovige seda siiski ainult siis, kui olete ekspert; vastasel juhul võite sellega liialdada.

  • Värvid: värvid on iga disaini hing. Nagu öeldakse, näeb erinevat värvi lilledega vaas atraktiivsem välja; samamoodi peate otsustama oma veebisaidi värvipaleti kasuks ja sellest kinni pidama.

Tagage lehtede vahel järjepidevus

Parimad veebisaidi fondid annavad teie veebikujundusele iseloomu ja lisavad harmooniat erinevate lehtede vahel. Fonditeema peab olema kogu veebisaidil ühtlane, vastasel juhul näeb see esteetiliselt ebameeldiv välja.

Peate oma teksti erinevate elementide jaoks määrama fikseeritud fondi suuruse. Näiteks kui olete oma pealkirja teksti jaoks määranud 24 pikslit, jätkake selle kasutamist kogu veebisaidil; see aitab kasutajatel tuvastada, millist tüüpi sisu nad loevad.

Fontide manipuleerimise kunsti mõistmine

Tuntud Briti tüübidisainer Matthew Carter ütleb:

Tüüp on ilus tähtede rühm, mitte ilusate tähtede rühm.

Fondivalik on palju enamat kui ahvatlevate kirjatüüpide valimine. See on täiuslike fontide käsitsi valimise protsess, mis kokku pannes annavad ainulaadse iseloomu.

Disainerid manipuleerivad sageli fontide vaikeseadetega, et neid vastavalt veebisaidi sisule veelgi isikupärastada. Disainerid hoiavad oma tööriistakastides mitmeid tehnikaid, et muuta nende töö atraktiivsemaks ja väljendusrikkamaks.

Kerning

Kahe konkreetse märgi vahelise ruumi reguleerimise protsessi nimetatakse kerninguks. See on hoolikalt reguleeritud ja võib olenevalt tegelastest erineda. Tekstile märgi lisamiseks saavad kujundajad muuta vaikesätteid, et kohandada kujundust vastavalt ettevõtte olemusele. Oletame näiteks, et avame ladu nimega ‘Space’. Nüüd saab kujundaja teksti mahu lisamiseks kerningi väärtust suurendada. See tugevdab brändi sõnumit.

Jälgimine

Jälgimine, tuntud ka kui tähemärkide vahe, on üldine tähemärkide vahe. Enamikul disainitarkvaradel, nagu Photoshopil, on see valik ja graafilised disainerid kasutavad seda laialdaselt oma teksti stiliseerimiseks. Enamasti kasutatakse seda efekti ruumi ja helitugevuse lisamiseks.

Seda tehnikat saab kasutada ainult koopiate lühivormide puhul; selle rakendamine pikkadele põhikoopiatele muudab kujunduse kujunduse loetamatuks.

Juhtiv

Ridadevahelist ruumi nimetatakse juhtivaks. Mõiste võeti kasutusele aegadel, mil joonte vahet reguleeriti käsitsi juhtribade abil. Nagu jälgimist, saab juhtimist kohandada disainitarkvaras.

Juhtimise õige väärtuse seadistamine on ülioluline; vastasel juhul võite sattuda ristuvatele tekstiridadele, muutes kogu asja loetamatuks. Liiga suur tühik ridade vahel võib samuti lugejaid segadusse ajada, kuna takistab kogu vormindamist.

Hierarhia

Nagu varem mainitud, dikteerib hierarhia vaatajate fookuse. See on laialdaselt kasutatav meetod teksti oluliste osade rõhuasetuse suurendamiseks. Teisisõnu, see on nagu kaart, mis navigeerib vaatajate silmis.

Hierarhia seadistamine on lihtne; peate valitud teksti muu hulgast eristuma. Selle saavutuse saate saavutada järgmiselt:

  • Teksti suuruse suurendamine
  • Muutes selle julgeks
  • Andes sellele teistsuguse värvi
  • Asetades selle ülaossa
  • Selle esiletõstmine
Skaleerimine

Skaleerimine on disainiraamatu vanim nipp, mida kasutatakse tänapäevases digimaailmas siiani. Disainerid kasutavad skaleerimist, kui soovivad muuta kujunduselemendi domineerivaks või väikeseks. Seda kasutatakse teksti selguse suurendamiseks. Paljudele disaineritele meeldib disaini atraktiivsuse tõstmiseks fondi suurust suurendada.

Koosseis

Teksti koostis on otsustav tegur, mis paneb teie veebikujunduse särama. Atraktiivsete fontide valimine ei taga alati ahvatlevat paigutust; kogu kompositsiooni harmoonia on see, mis teeb. Seetõttu on tüpograafia tõeline MVP üldine fontide koostis. Disainerite ülesanne on välja pakkuda tekstipaigutus, mis sobib ideaalselt brändi identiteediga.

Esteetika kehastuseks peetav kompositsioon on see, mis on joondatud, korrastatud ja koostatud harmoonias.

Tekstiga manipuleerimine

Kaasaegses disainimaailmas on graafilised disainerid pöördumas minimalismi poole. Kuna kunstivorm areneb, tulevad digikunstnikud aeg-ajalt välja uuendustega. Tekstiga manipuleerimine on üks neist huvitavatest ja ainulaadsetest meetoditest, mille käigus disainerid loovad logosid, visuaalseid sõnumeid ja muud digitaalset sisu, manipuleerides tekstiga nii, et see resoneerub asja või ideega, mida see esindab.

Vaatame erinevaid fontide kategooriaid

Digitaalse disaini tööstus on arenenud. Kunagi oli meil piiratud fonte, kuid nüüd on meil valida tuhandete fontide vahel.

Disainerid naudivad loomingulist vabadust, valides suurest kirjatüüpide kollektsioonist parimad veebisaidi fondid. Kõik need fondid kuuluvad aga kolme suurde fondirühma:

Serif

Serif s on traditsioonilised fondid, mis annavad veebipaigutusele klassikalise ilme. Paljud uudiste veebisaidid kasutavad seda fonti, kuna sellel on ka ametlik toon. Asjatundlikud tüpograafid viitavad ka sellele, et see font muudab teie veebisaidi usaldusväärseks ja usaldusväärseks. Mõned nende fontidega seotud tunded on järgmised:

  • Respekt
  • Asutus
  • Usaldusväärsus
  • Formaalsus
San Serif

San serif on serifi fontide kaasaegne nõbu. Need on tehnoloogiatööstuses populaarsed oma kaasaegse, klanitud ja terava välimuse tõttu. Neid peetakse ka digisõbralikumaks. Mõned nende fontidega seotud tunded on järgmised:

  • Usalda
  • Keerulisus
  • Tehnikatundlik
  • Kaasaegne
Skript

On teada, et skriptifondid tõstavad kujunduse kujunduse elegantsi, kuna jäljendavad inimese käekirja. Neid fonte soovitatakse kasutada, kui soovite oma sõnumit isikupärastada. Need fondid on populaarsed elustiiliga seotud tööstusharude seas. Skriptifondid väljendavad:

  • Elegantsus
  • Grace
  • Õnn
  • Loovus
  • isiklik

Pakkige see kokku!

Lühidalt öeldes toidavad fonte kaasaegset veebisaidi kujundust. Võtke neid tõsiselt. Ahvatlevad fondid eraldavad professionaalse veebisaidi amatööri välimusega veebisaidist. Seetõttu valige alati parimad veebisaidi fondid, et teie digitaalne vara silma paistaks.

Veebisaidi arendaja peab mõistma, et fondid annavad veebisaidile iseloomu, järjepidevuse ja selguse. Fondid, millel puudub toon, ei suuda kunagi teie sõnumit teie sihtrühmale edastada.

Pidage alati meeles: õiged fondid on võimelised tõlkima inimeste tundeid tekstiks ilma emotsionaalset puudutust kaotamata. Kunst teada saada, millised fondid veebisaidile paremini sobivad, on sama keele rääkimine erinevate dialektidega.

Sellel kaasaegsel ajastul on tarbijad arenenud ja neile ei saa lihtsalt muljet avaldada. Internetis on miljoneid võimalusi, kui soovite masside meelitada, peate pingutama ja tegema kõik endast oleneva, et teistest eristuda. Tarbijat tuleb meelitada digitaalse esteetika kaudu. Ja ainus viis tarbija hinge puudutamiseks on fondivaliku kunsti valdamine.

See veebisait kasutab teie kasutuskogemuse parandamiseks küpsiseid. Eeldame, et olete sellega rahul, kuid saate soovi korral loobuda. Nõustu Loe rohkem