\n Iga ettev\u00f5tte omanik teab, kui oluline on selge, korralikult kujundatud ja h\u00e4sti hooldatud veebisait. T\u00e4nap\u00e4eval, kui te ei suuda pakkuda oma klientidele veebisaiti, mis neile t\u00f5eliselt muljet avaldab, kaotate nad palju kiiremini, kui kulus nende usalduse v\u00f5itmiseks.\n<\/p>\n
\n Kahjuks pingutab enamik ettev\u00f5tjaid ja palkab disainereid, kes arenevad h\u00e4sti, sageli eiravad nad \u00fcht \u00fcliolulist omadust \u2013 kirjat\u00fc\u00fcpi.\n<\/p>\n
\n Alates kasutatavast kirjastiilist ja l\u00f5petades iga teie veebisaidi sisemise lehe teksti suurusega, on see \u00fcks neist asjadest, mis on otsustav tegur, kas teie kliendid j\u00e4\u00e4vad p\u00fcsima, suhtlevad ja l\u00f5puks konverteerivad v\u00f5i mitte.\n<\/p>\n
\n T\u00f5de on see, et kuigi fondid ei tundu nii m\u00f5juvad, on neil v\u00f5ime viia teie ettev\u00f5tte k\u00f5rgele v\u00f5i alla. See on t\u00f5esti lihtne, kui teie veebisaidi k\u00fclastaja ei soovi v\u00f5i ei saa teie avaldatud sisu lugeda, ei j\u00f5ua teie s\u00f5num neile ja seega ei saa te teisendada. Mitmed uuringud on n\u00e4idanud, et veebisaidil kasutatavate fondin\u00e4gude t\u00fc\u00fcp ei m\u00f5juta mitte ainult loetavust, vaid ka meeleolu, kasutajakogemust ja isegi artikli tajutavat pikkust. Seet\u00f5ttu on oluline, et teie kujundaja m\u00f5istaks, mis vahe on lihtsalt suure sisuga veebisaidi loomisel ja sellise veebisaidi v\u00e4ljat\u00f6\u00f6tamise vahel, millel on meeldiv ja m\u00f5juv kujundus, mis parandab lugeja meeleolu.\n<\/p>\n
\n\n “T\u00fc\u00fcp on ilus t\u00e4htede r\u00fchm, mitte ilusate t\u00e4htede r\u00fchm.”\n <\/p>\n
\n – Mathew Carter\n <\/p>\n<\/blockquote>\n
\n Kui m\u00f5tlete fontidele, siis mis teile esimese asjana p\u00e4he tuleb? Kui olete nagu enamik inimesi, kes ei m\u00f5ista veel oma t\u00e4htsust, m\u00f5tlete t\u00f5en\u00e4oliselt sellistele kirjat\u00fc\u00fcpidele nagu Calibri, Comic Sans, Arial, Times New Roman ja teised. Siiski peate teadma, et need on vaid p\u00f5hit\u00f5ed. Kui r\u00e4\u00e4gime t\u00fcpograafiast, mis tuleb teie veebisaidil juurutada, ei pea te arvestama ainult kirjat\u00fc\u00fcpidega, vaid ka nende suurustega, v\u00e4rvidega, kerningu ja vahedega.\n<\/p>\n
\n Selle artikli eesm\u00e4rk on mitte ainult r\u00e4\u00e4kida teile fontide oluliste funktsioonide m\u00f5just, vaid anda teile ka praktilisi soovitusi, mida saate kasutada oma veebisaidi konversioonim\u00e4\u00e4rade suurendamiseks. Varuge siis pliiatsi ja m\u00e4rkmikuga, sest see on selline teave, millest te ei taha ilma j\u00e4\u00e4da.\n<\/p>\n
\n Kirjat\u00fc\u00fcbid ja nende m\u00f5ju
\n<\/h5>\n\n Kui olete lugenud m\u00f5nda artiklit fontide ja t\u00fcpograafia kohta, teate, et on mitmeid kirjat\u00fc\u00fcpe, mida peetakse veebis avaldamise v\u00e4\u00e4riliseks. Kui m\u00f5ned n\u00f5ustuvad, et Gruusia toob k\u00f5ige rohkem tulemusi, siis teised arvavad, et Baskerville viib v\u00f5iduauhinna koju. Kuid enne kui hakkame sellest r\u00e4\u00e4kima, arutleme kirjat\u00fc\u00fcpide \u00fcldise m\u00f5ju \u00fcle teie saidi kaubam\u00e4rgile. Siin on asi; kui teie sisu on raske lugeda, kuna t\u00e4hed on \u00fcksteisele liiga l\u00e4hedal v\u00f5i suurus on liiga v\u00e4ike, siis nad kas lahkuvad kohe v\u00f5i proovivad lugeda veel paar sekundit ja l\u00f5puks lahkuvad, kui neil on endiselt raske. Isegi kui teil on v\u00e4ga lojaalseid kliente, kes v\u00f5tsid aega ja lugesid kogu eksemplari l\u00e4bi, m\u00e4letavad nad, et neil kulus liiga kaua aega ja te kaotate nad l\u00f5puks.\n<\/p>\n
\n Oma veebisaidi jaoks valitud kirjat\u00fc\u00fcp(id) on \u00fcliolulised, kuna see muudab kogu s\u00f5numi lugemise, m\u00f5istmise ja m\u00f5istmise protsessi lihtsaks. Kui valite fondi, mis sobib teie lugejatega, j\u00e4\u00e4b nende t\u00e4helepanu teie edastatavale teabele, mitte sellele, kui kaua lugemiseks kulus.\n<\/p>\n
\n Praktiline n\u00f5uanne:<\/strong> mitte iga font ei t\u00f6\u00f6ta igal veebisaidil. Fondid on erineva iseloomuga ja see, mille kasuks otsustate, s\u00f5ltub t\u00e4ielikult teie ettev\u00f5ttest, klientidest, keda teenite, ja s\u00f5numist, mida soovite kujutada. Parim asi, mida teha, oleks p\u00f5hjalikult uurida ja vaadata kirjat\u00fc\u00fcpe, mida teised samas t\u00f6\u00f6stuses kasutavad. Proovige ja katsetage erinevatel platvormidel mitut t\u00fc\u00fcpi, et teaksite, et teete \u00f5ige otsuse. Pidage meeles, et sobiva fondi valimine v\u00f5tab veidi aega, kuid see k\u00f5ik on seda v\u00e4\u00e4rt, kui n\u00e4ete oma konversioonim\u00e4\u00e4rade suurenemist.\n<\/p>\n
\n Fondi suurused ja nende m\u00f5ju
\n<\/h5>\n\n Kui r\u00e4\u00e4gite oma fondi suurusest, on \u00fcks peamisi probleeme, mis teil peaks olema, loetavus. Loetavus muutub palju olulisemaks, kuna soovite veenduda, et teie s\u00f5num j\u00f5uab kohale. Isegi kui teie fondivalik pole t\u00e4iuslik, p\u00e4\u00e4stab \u00f5ige suurus teid, sest v\u00e4hemalt ei pea k\u00fclastaja teie esitletava sisu lugemiseks silmi pingutama. Kui teil on \u00f5ige kirjasuurus, loevad teie kliendid teie s\u00f5numit palju t\u00f5en\u00e4olisemalt, suhtlevad ja isegi levitavad s\u00f5na. Kui suudate oma klientidega paremini suhelda, m\u00f5jub teie br\u00e4nding positiivselt ja see omakorda suurendab teie ettev\u00f5tte mainet.\n<\/p>\n
\n Praktiline n\u00f5uanne.<\/strong> Esitatava fondi suurus s\u00f5ltub veebisaidi kujunduskontekstist. Kui visiitkaart v\u00f5ib n\u00f5uda v\u00e4ga v\u00e4ikest suurust, siis s\u00fcndmuse plakat n\u00f5uab palju suuremat. Kuid kuna me r\u00e4\u00e4gime konkreetselt veebisaidi kujundusest, peate kaaluma, kas avaldate mobiilseadmete v\u00f5i \u00fcldiste ekraanide jaoks. Rusikareeglina soovitavad eksperdid kasutada sisu sisu jaoks 10-14 pikslit ja pealkirjade v\u00f5i pealkirjade jaoks 16-20 pikslit. Parimate tulemuste saamiseks v\u00f5ite kontrollida teile sobivaid suurusi ja seej\u00e4rel kohandada neid vastavalt, kui need ei tundu h\u00e4sti toimivat. Veelgi enam, kui kasutate erinevat ekraanisuurust (mida peaksite tegema), veenduge, et font toimiks h\u00e4sti ka siis, kui suurust mobiilseadmetes v\u00e4hendatakse.\n<\/p>\n
\n Fondi v\u00e4rv ja teie veebisait
\n<\/h5>\n\n Kui soovite oma s\u00f5numit oma k\u00fclastajateni parimal v\u00f5imalikul viisil edastada, ei pea te arvestama ainult s\u00f5navalikuga, vaid ka selle esitamisega. Kuigi fondiv\u00e4rv ei pruugi tunduda nii suur asi, on sellel suur m\u00f5ju, eriti kui teil on eriti s\u00e4rtsakas veebisait. V\u00e4rvips\u00fchholoogia on terve \u00f5ppevaldkond ja sellest saab p\u00e4ris palju \u00f5ppida. Kuid v\u00e4rvi rakendamisel, eriti fontide puhul, \u00e4rge unustage liiale minna, sest see n\u00e4eb lihtsalt naljakas v\u00e4lja. Valitud v\u00e4rvid ei peaks mitte ainult suurendama teie ettev\u00f5tte p\u00f5hiv\u00e4\u00e4rtusi, vaid tooma ka t\u00f5uke selle aluseks olevale isikup\u00e4rale, kellega kliendid suhtlevad. Kui valite oma fondi jaoks vale v\u00e4rvi, t\u00f6\u00f6tavad need teie ja teie ettev\u00f5tte vastu.\n<\/p>\n
\n Teine funktsioon, mida tasub siin mainida, on kontrastsus. Teie teksti v\u00f5i lehe kontrastsus on tausta ja teksti vaheline tumeduse erinevus. Kuigi te ei soovi kasutada vanu tehnikaid, nagu punase teksti panemine rohelisele taustale, peaksite tagama, et teksti ja tausta vahel oleks hea kontrast, et parandada loetavust.\n<\/p>\n
\n Praktiline n\u00f5uanne:<\/strong> Esiteks, enne kui otsustate fondi v\u00e4rvi \u00fcle, peate v\u00e4ga hoolikalt l\u00e4bi m\u00f5tlema v\u00e4rvid ja fondi, mis peaksid olema v\u00f5i on juba teie br\u00e4ndi ja selle logoga integreeritud. N\u00e4iteks kui m\u00f5tlete Coca-Colale, v\u00f5lute t\u00f5en\u00e4oliselt esile v\u00e4ga iseloomuliku lokkis fondi koos punase v\u00e4rviga. V\u00e4rvi valimisel soovitavad eksperdid m\u00f5elda sellele nagu oma maja ruumi v\u00e4rvimisele. Kui soovite, et teie k\u00fclastajad tunneksid end ajaveebi lugedes soojalt ja hubaselt, kasutage tuhmi punaseid ja oran\u017ee, kuna need on m\u00f5eldud meelte l\u00f5dvestamiseks ja rahustamiseks. Kuid j\u00e4llegi \u00e4rge unustage liiale minna, sest enamik sisu n\u00e4eb olenevalt taustav\u00e4rvist hea ja loetav mustana.\n<\/p>\n
\n Pealkirja fondid ja mida peaksite teadma
\n<\/h5>\n\n Pealkirjad, mida oma sisu jaoks kasutate, on \u00e4\u00e4rmiselt olulised mitte ainult tegelike s\u00f5nade, vaid ka selle esitamise poolest. Mitmed uuringud on n\u00e4idanud, et kui te ei kasuta meeldej\u00e4\u00e4vaid ja t\u00e4helepanu k\u00f6itvaid pealkirju, liiguvad teie k\u00fclastajad edasi ja otsivad midagi huvitavamat lugemiseks. Inimeste veebi lugemisel on teatud mustrid ja selle kaudu saate teada, et enamik sisu skannitakse lihtsalt l\u00e4bi. Seega, kui te pealkirjaga k\u00fclastaja t\u00e4helepanu ei k\u00f6ida, v\u00e4henevad nende lugemisv\u00f5imalused veelgi. N\u00fc\u00fcd pidage meeles, et nii pealkirjas kasutatav font kui ka v\u00e4rv otsustavad, kas teie k\u00fclastaja soovib seda lugeda v\u00f5i mitte. Ehkki te ei soovi Comic Sansi kasutama hakata lihtsalt t\u00e4helepanu t\u00f5mbamiseks, peaksite hoidma selle loetavana.\n<\/p>\n
\n Praktiline n\u00e4pun\u00e4ide.<\/strong> Kui seote fonte (kasutades \u00fchte pealkirja ja teist p\u00f5hisisu jaoks), veenduge, et need n\u00e4eksid koos head v\u00e4lja. Sidumine v\u00f5ib m\u00f5nikord olla keeruline, kuna peate tagama, et enamik fontide elemente \u00fchtivad, et need ei n\u00e4eks \u00fcksteisest v\u00e4ga erinevad. Sellisel juhul peab pealkirja font t\u00e4iendama p\u00f5hiteksti. Teisest k\u00fcljest, kui kasutate sama kirjat\u00fc\u00fcpi, saate pealkirja t\u00e4iustamiseks katsetada erineva suuruse ja reavahega. Sama kirjat\u00fc\u00fcp ei paku teie lugejale mitte ainult visuaalset harmooniat, vaid v\u00e4hendab ka laaditavate fontide arvu, suurendades seega \u00fcldist laadimisaega ja j\u00f5udlust.\n<\/p>\n
\n Joone pikkus ja selle t\u00e4htsus
\n<\/h5>\n\n Enamik inimesi, kes veebisaiti teevad, kaaluvad kasutatava teksti fonti, suurust, v\u00e4rvi ja kontrasti. Kuid millest nad ilma j\u00e4\u00e4vad, on liini pikkus. Rea pikkus vastutab \u00fcldise loetavuse suurendamise v\u00f5i v\u00e4hendamise eest ning viitab s\u00f5nade v\u00f5i m\u00e4rkide arvule, mis on igal horisontaalreal. Loetavust m\u00f5jutab lausete l\u00fchidus v\u00f5i pikkus. Kui valitud font muudab read liiga pikaks, peavad teie k\u00fclastaja silmad l\u00e4bima suure vahemaa, mis heidutab lugemist, kuna see n\u00f5uab palju vaeva. Teisest k\u00fcljest, kui read on liiga l\u00fchikesed, katkeb lausevoog ja k\u00fclastaja kaotab l\u00f5puks huvi.\n<\/p>\n
\n Praktiline n\u00e4pun\u00e4ide:<\/strong> Usability Institute Baymardi \u00fcks teooria on see, et peaksite valima fondi, mis kasutab 50\u201375 t\u00e4hem\u00e4rki (kaasa arvatud t\u00fchikud) rea kohta, kuna see tagab optimaalse loetavuse. Saate kasutada ka kuldse suhtarvu t\u00fcpograafiakalkulaatorit, et m\u00e4\u00e4rata ideaalse reapikkus s\u00f5ltuvalt sisu lugemiseks kasutatavast ekraanist.\n<\/p>\n
\n Kerning ja miks see on oluline
\n<\/h5>\n\n Wikipedia j\u00e4rgi on “Kerning protsess, mille k\u00e4igus kohandatakse proportsionaalses kirjat\u00fc\u00fcbis t\u00e4hem\u00e4rkide vahet, tavaliselt visuaalselt meeldiva tulemuse saavutamiseks.” Kui kasutate head fonti, on see h\u00e4sti sisustatud ja iga m\u00e4rgipaari vaheline ruum on sarnane. Kui teil on disainer, kes m\u00e4\u00e4rab graafilises programmis, n\u00e4iteks Photoshopis, kirjat\u00fc\u00fcpi, saab ta t\u00e4htedevahelisi t\u00fchikuid muuta ja kohandada, kuni font ja t\u00e4hised n\u00e4evad v\u00e4lja t\u00e4iuslikud. Kerningule mitte keskendumine l\u00e4heb teile maksma, sest sageli eristab see professionaalset t\u00f6\u00f6d amat\u00f6\u00f6ride v\u00f5i disainerite tehtud t\u00f6\u00f6st k\u00f5ige suurem asi.\n<\/p>\n
\n Praktiline n\u00f5uanne:<\/strong> kui soovite, et teie veebisait n\u00e4eks professionaalne v\u00e4lja, peab iga t\u00e4he vahele j\u00e4\u00e4ma v\u00f5rdne t\u00fchik. Kui kujundate kirjat\u00fc\u00fcpi, pidage meeles, et integreerige kerning, sest loetavus suureneb, kui t\u00e4htede vahel on ruumiline j\u00e4rjepidevus. Teisest k\u00fcljest, kui kasutate juba olemasolevaid fonte, ei pea te selle p\u00e4rast muretsema, kuna k\u00f5ik need fondid sisaldavad teavet vahekauguse kohta.\n<\/p>\n
\n J\u00e4reldus
\n<\/h4>\n\n Ettev\u00f5tete omanike jaoks, kes soovivad parandada oma veebisaidi kaubam\u00e4rki ja tuua rohkem kliente, on oluline meeles pidada, et kasutada koopiat t\u00e4iendavaid kirjat\u00fc\u00fcpe. Kui teete asju \u00f5igesti, m\u00f5jutab see ka teie lugeja emotsioone, meeleolu ja tegevust. See omakorda muudab t\u00f5en\u00e4olisemaks, et nad muutuvad p\u00fcsikliendiks. Pidage meeles, et \u00fcks parimaid viise fondi, selle suuruse, v\u00e4rvi jms testimiseks on seda testida ja vaadata, mis tulemused kaasa toovad. P\u00f6\u00f6rake kogu protsessile veidi aega ja p\u00f6\u00f6rake oma jagamatut t\u00e4helepanu, sest kui soovite t\u00e4iuslikkust, siis pean selle nimel t\u00f6\u00f6d tegema.\n<\/p>\n
\n L\u00f5puks j\u00e4tan teile selle inspireeriva tsitaadi Steve Jobsilt, kes vastutab peamiselt selle eest, miks me t\u00e4nap\u00e4eval fontidele nii palju t\u00e4helepanu p\u00f6\u00f6rame.\n<\/p>\n
\n\n \u201eOtsustasin minna kalligraafiaklassi, et \u00f5ppida, kuidas (\u00f5ppida kalligraafiat). \u00d5ppisin tundma Serifi ja Sans-Serifi kirjat\u00fc\u00fcpe, erinevate t\u00e4hekombinatsioonide vahelise ruumi muutmist ja selle kohta, mis teeb suurep\u00e4rase t\u00fcpograafia suurep\u00e4raseks. See oli ilus. Ajalooline. Kunstiliselt peen viisil, mida teadus ei suuda kunagi tabada.\n <\/p>\n
\n -Steve Jobs\n <\/p>\n<\/blockquote>\n