{"id":247660,"date":"2023-02-18T10:28:00","date_gmt":"2023-02-18T07:28:00","guid":{"rendered":"https:\/\/inform.click\/15-olulist-tupograafiaviga-mida-peate-valtima\/"},"modified":"2023-02-18T10:28:00","modified_gmt":"2023-02-18T07:28:00","slug":"15-olulist-tupograafiaviga-mida-peate-valtima","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/15-olulist-tupograafiaviga-mida-peate-valtima\/","title":{"rendered":"15 olulist t\u00fcpograafiaviga, mida peate v\u00e4ltima"},"content":{"rendered":"<p>\n  &#8220;Pliiats on v\u00e4gevam kui m\u00f5\u00f5k&#8221; \u2013 Vean kihla, et olete seda k\u00f5nek\u00e4\u00e4nd kunagi kuskil kuulnud! Ja kui teie kirjutatud s\u00f5nad on nii v\u00f5imsad ja v\u00f5imsad, peab ka nende kirjutamine ja printimine olema sama muljetavaldav. Seet\u00f5ttu on t\u00fcpograafial teie veebisaidil, tootes, veebipoes, professionaalsetes dokumentides jne \u00fclioluline osa.\n<\/p>\n<p>\n  T\u00fcpograafia pole kindlasti raketiteaduse v\u00e4rk. See on teksti stiil, paigutus ja v\u00e4limus ning sellel on palju v\u00f5imu teie veebisaidi esteetika ja kommunikatsiooni \u00fcle. See r\u00e4\u00e4gib sellest, kuidas te oma klientidega normaalselt t\u00f6\u00f6taksite. Seega m\u00e4ngib see \u00fcliolulist rolli ja v\u00f5ib j\u00e4tta teie klientidele esmamulje v\u00f5i seda rikkuda.\n<\/p>\n<p>\n  Siin oleme lisanud m\u00f5ned neist, et teada saada t\u00fcpograafiavigu, mida peate v\u00e4ltima, et muuta oma kujundus muljetavaldavaks ja kaasahaaravaks.\n<\/p>\n<h5>\n  Klassikaliste kirjat\u00fc\u00fcpide v\u00e4ltimine<br \/>\n<\/h5>\n<p>\n  \u00dcksk\u00f5ik kui moodne v\u00f5i stiilne te ka poleks \u2013 &#8220;klassika&#8221; ei l\u00e4he kunagi moest v\u00e4lja. Olgu selleks vanaauto v\u00f5i peen vein; inimesed armastavad seda. T\u00fcpograafia pole erand, kuna inimestele meeldib alati see &#8220;klassikaline&#8221; puudutus.\n<\/p>\n<p>\n  N\u00e4iteks kui teil on veebist printimiseks pood, kus teie kliendid saavad oma tooteid (nt t-s\u00e4rke, kruuse) oma tekstivalikuga redigeerida, peaks teie t\u00fcpograafiam\u00e4ng olema \u00f5ige. Endiselt on sajandivanuseid kirjat\u00fc\u00fcpe, sealhulgas serifid ja midcentury sans-serif, mis pakuvad endiselt k\u00f5va konkurentsi ning on oma kaasaegsetest analoogidest ilusamad ja atraktiivsemad.\n<\/p>\n<p>\n  M\u00f5ned ajaproovile j\u00e4\u00e4nud klassikalised kirjat\u00fc\u00fcbid, mida v\u00f5iksite m\u00f5elda oma kunstiteostele ja muuta need t\u00e4nap\u00e4eval graafilises disainis asjakohaseks, on j\u00e4rgmised:\n<\/p>\n<ul>\n<li>Caslon, Bodoni ja Fournier serifide hulgas.\n  <\/li>\n<li>Avenir, Future, Gill Sans Sans-Serifide seas.\n  <\/li>\n<\/ul>\n<p>\n  Seega on oluline v\u00e4ltida eeldust, et &#8220;klassikaline&#8221; pole enam ahvatlev ja te ei tohiks neid klassikalisi kirjat\u00fc\u00fcpe kasutada.\n<\/p>\n<h5>\n  Loetavuse ohverdamine<br \/>\n<\/h5>\n<p>\n  T\u00fcpograafi l\u00f5ppeesm\u00e4rk on luua sisu, mida inimesed saavad kiiresti ja h\u00f5lpsalt lugeda ilma silmi kurnamata. M\u00f5nikord annab aga fondide kasutamine, mida on keskmise serifiga v\u00f5rreldes suhteliselt raskem lugeda. Seet\u00f5ttu veenduge, et te ei kasutaks stiilseid fonte sisu \u00fcldise loetavuse hinnaga.\n<\/p>\n<p>\n  Veel \u00fcks viga, mida v\u00e4ltida, on kasutajate t\u00e4helepanu hajutamine tekstilt, j\u00e4ttes midagi taustale. Isegi kui soovite taustal kasutada midagi, n\u00e4iteks pilti, veenduge, et see ei kahjustaks teie teksti selgust ja loetavust.\n<\/p>\n<p>\n  Rusikareeglina on selgemad serif- v\u00f5i sans-serif-kirjat\u00fc\u00fcbid kasulikumad juhul, kui kasutate midagi taustal. Kuna need lihtsalt aitavad hoida lugejate pilku sujuvalt liikumas ega m\u00f5juta nende lugemismugavust.\n<\/p>\n<p>\n  M\u00f5nikord v\u00f5ib loetamatu teksti taga olla fondi v\u00e4iksus. Veenduge alati, et m\u00e4\u00e4rate fontide jaoks sellise suuruse, mis ei koorma lugejate silmi. \u00dcldjuhul on t\u00fcpograafia jaoks eelistatavam kirjasuurus 10 ja rohkem.\n<\/p>\n<h5>\n  Suurt\u00e4htede liigkasutamine<br \/>\n<\/h5>\n<p>\n  M\u00f5nikord, et r\u00f5hutada m\u00f5nda konkreetset punkti, p\u00fc\u00fcame need esile t\u00f5sta suurt\u00e4htedega. Kuid see on pealkirjade puhul tavalisem tava ja see v\u00f5ib olla inimestevahelises suhtluses, n\u00e4iteks meilis v\u00f5i sotsiaalmeedias, \u00fcsna levinud. Kuigi te v\u00f5ite m\u00f5elda sellele tehnikale kui teatud punkti r\u00f5hutamise viisile, v\u00f5ib teie lugeja pidada teie r\u00f5huasetust ekslikult karjumiseks v\u00f5i vihaseks. Seet\u00f5ttu on oluline valida m\u00f5ni muu viis oma sisu t\u00e4htsuse esilet\u00f5stmiseks.\n<\/p>\n<h5>\n  Orbude ignoreerimine<br \/>\n<\/h5>\n<p>\n  Eriti teie veebipoes, mis puudutab kehateksti, on \u201eorvud&#8221; ja \u201elesed&#8221; \u00fched kergesti t\u00e4helepanuta j\u00e4etud vead. Neid termineid kasutatakse m\u00f5nikord vaheldumisi, kuid need on p\u00f5him\u00f5tteliselt t\u00fcpograafilised keeled v\u00f5i l\u00fchikesed read, mis ilmuvad \u00fclaosas v\u00f5i teksti veeru v\u00f5i lehek\u00fclje allosas, eraldatuna \u00fclej\u00e4\u00e4nud koopiast. Kui tr\u00fckite tekstirohke projekti, otsige need \u00fcles ja proovige need parandada, et v\u00e4ltida suurte t\u00fchikulaikude tekkimist, mis v\u00f5ivad teksti katkestada. Saate lihtsalt k\u00e4sitsi muuta rea \u200b\u200bkatkemise kohta v\u00f5i kohandada veidi rea pikkust v\u00f5i rada.\n<\/p>\n<h5>\n  Kasutades liiga palju fonte<br \/>\n<\/h5>\n<p>\n  Kui loote veebisaiti v\u00f5i t\u00f6\u00f6tate professionaalsete dokumentidega, on oluline luua stiil ja sellest kogu aeg kinni pidada. \u00dcks levinumaid t\u00fcpograafiavigu on erinevate kirjat\u00fc\u00fcpide ja fontide kasutamine \u00fche kujunduse jaoks. See mitte ainult ei tekita lugejas visuaalset ebak\u00f5la, vaid rikub ka kasutajakogemust. Selle v\u00e4ltimiseks saate valida pealkirjade, alapealkirjade ja k\u00f5rvalkirjade jaoks fondi ning seej\u00e4rel j\u00e4rgida seda kogu ulatuses. Mitme fondi kasutamine \u00fches l\u00f5igus v\u00f5ib muuta teie veebilehe mitteprofessionaalse juhusliku m\u00e4rkmeks.\n<\/p>\n<h5>\n  Kaks t\u00fchikut p\u00e4rast punkti<br \/>\n<\/h5>\n<p>\n  See v\u00f5ib tunduda v\u00e4ga v\u00e4ikese veana, kuid seda tasub esile t\u00f5sta. Kui sul on p\u00e4rast punkti topelt t\u00fchi, on see kirjanike vahel paratamatu v\u00e4ike viga ja tuleb parandada. Seet\u00f5ttu asetage j\u00e4rgmine tegelane peatusele liiga l\u00e4hedale.\n<\/p>\n<h5>\n  Eba\u00fchtlane joondamine<br \/>\n<\/h5>\n<p>\n  Kui lugeja vaatab teie kirjat\u00fckki, soovite, et see ilmuks iga kaasatud l\u00f5igu v\u00f5i rea jaoks \u00fchtlase struktuurina. Seet\u00f5ttu on v\u00e4ga oluline seda j\u00e4rjepidevust s\u00e4ilitada ja see peaks v\u00e4lja n\u00e4gema \u00fchtlane. J\u00e4rjepidevus aitab teil j\u00e4tta oma kaubam\u00e4rgist hea mulje.\n<\/p>\n<h5>\n  Piisavas kontrastis<br \/>\n<\/h5>\n<p>\n  Kui teie koopia renderdatakse selle taustal ebapiisava kontrastiga, p\u00f5hjustab see raskusi ja teksti m\u00f5istmist. See juhtub seet\u00f5ttu, et t\u00fc\u00fcp v\u00f5ib olla m\u00e4\u00e4ratud taustav\u00e4rviga sarnase v\u00e4rviga v\u00f5i seet\u00f5ttu, et see on asetatud pildi kohal asuva tausta peale.\n<\/p>\n<p>\n  Kuid saate seda viga h\u00f5lpsalt v\u00e4ltida, kui sirutate silmi ja kontrollite, kas suudate oma t\u00fc\u00fcpi tegelasi siiski v\u00e4lja selgitada. Proovige valida v\u00e4rv, mis t\u00f5stab fonte esile, ja hoidke fonte toetavat taustav\u00e4rvi veidi peenena.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73ba3770.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73ba3770.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Hierarhiast puudu<br \/>\n<\/h5>\n<p>\n  Kohati tuleb ette k\u00fcljendusi, kus ei saa aru, millele keskenduda \u2013 ehk teisis\u00f5nu \u2013 kust lugemist alustada. P\u00f5hjus, miks ei saa otsustada, kuhu silmad maandada, on visuaalse hierarhia puudumine.\n<\/p>\n<p>\n  Kui arvate, et teie publik seisab silmitsi sama probleemiga, on aeg oma visuaalset hierarhiat muuta. Proovige luua ABC-efekt, kus A on suurim ja silmapaistvam pealkiri (k\u00f5ik t\u00e4hem\u00e4rgid on paksus kirjas v\u00f5i suurt\u00e4htedega, et tekitada rohkem m\u00f5ju), B on veidi v\u00e4iksem alampealkiri (kontrasti jaoks poolpaks v\u00f5i kaldkirjas kaalud) ja C on v\u00e4ikseim sisu tekst.\n<\/p>\n<p>\n  N\u00e4iteks T-s\u00e4rgi tr\u00fckkimisel, kui prindite kuulsa isiksuse tsitaadi, on tsitaadi esilet\u00f5stmine vajalik. V\u00f5ite j\u00e4tta tsitaadi paksus kirjas v\u00f5i suurt\u00e4htedega ja j\u00e4tta isiksuse nime v\u00e4ikese suurusega v\u00f5i v\u00e4ikeste t\u00e4htedega.\n<\/p>\n<p>\n  Selline visuaalne hierarhia aitab lugejatel tekstis h\u00f5lpsalt ja kiiresti liikuda \u2013 ja te ei tohi seda kunagi ignoreerida!\n<\/p>\n<h5>\n  Vale kerning<br \/>\n<\/h5>\n<p>\n  Kerning viitab fondi m\u00e4rkide vahekaugusele. Kerningil on t\u00fcpograafias suur t\u00e4htsus. Kui te ei suuda oma sisu \u00f5igesti eraldada, kaotab teie sisu suure t\u00f5en\u00e4osusega selguse ja rikub lugejate kogemused.\n<\/p>\n<p>\n  Eelk\u00f5ige logo printimise ajal v\u00f5ib eba\u00f5igel k\u00e4rpimisel olla kahjulikke tagaj\u00e4rgi, nagu kujunduse \u00fchtsuse kadumine, segadused v\u00f5i v\u00e4\u00e4rt\u00f5lgendused, loetamatus jne. Selle tulemusena v\u00f5ib teie kaubam\u00e4rgi maine ebasoodsalt m\u00f5jutada. Seet\u00f5ttu veenduge, et teie sisu oleks lugejate kogemuse parandamiseks korralikult sisustatud. \u00dcldiselt on soovitatav enne vahekauguse reguleerimist t\u00fc\u00fcp tagurpidi p\u00f6\u00f6rata. Selle p\u00f5hjuseks on asjaolu, et tagurpidi kerimise ajal ei sega t\u00fc\u00fcbi sisu teie t\u00e4helepanu ja saate paremini keskenduda ainult t\u00e4htede visuaalsele s\u00fcmmeetriale.\n<\/p>\n<h5>\n  Kirjat\u00fc\u00fcpide juhuslik segamine<br \/>\n<\/h5>\n<p>\n  Erinevate fontide rakendamine hierarhia rakendamisel on kunst; aga kui sa ei suuda seda korralikult teha; see v\u00f5ib l\u00f5ppeda halva v\u00e4ljan\u00e4gemisega ja p\u00f5hjustada sisus segavaid kokkup\u00f5rkeid. See t\u00e4hendab, et peaksite olema ettevaatlik ja v\u00e4ltima selle vea tegemist. Tavaliselt v\u00f5ib \u00fche serifi ja \u00fche ilma serifi kasutamine teineteist t\u00e4iendada, et j\u00e4tta teie t\u00fcpograafia muljetavaldavaks.\n<\/p>\n<h5>\n  Vaade loetavusest<br \/>\n<\/h5>\n<p>\n  J\u00e4rjepideva t\u00fcpograafia peamine eesm\u00e4rk on luua sisu, mida on lihtne lugeda. Kuid m\u00f5nikord on lihtne seda tundlikkust kogemata kahjustada. Seega, kui panete midagi oma teksti taha, veenduge, et see ei hajuta teie publiku t\u00e4helepanu. P\u00fc\u00fcdke v\u00e4ltida vigu, nagu t\u00e4hed mustal taustal v\u00f5i h\u00f5ivatud taustapildid. Kui teil on suuremad sisuplokid, peaksite kasutama selliseid kirjat\u00fc\u00fcpe nagu sans-serif, et hoida lugeja silmad sujuvalt liikumas.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73f33a17.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-317330-6383a73f33a17.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Selle m\u00f5ju raskeks muutmine<br \/>\n<\/h5>\n<p>\n  Meile k\u00f5igile meeldis Microsofti WordArt. Kuid n\u00fc\u00fcd on aeg v\u00e4ltida tekstis eriefektide kasutamist. Sellised asjad nagu 3D v\u00f5i reljeefsed efektid, varjud, gradiendid, k\u00f5verdumine on m\u00f5ned n\u00e4ited sellest. Pole midagi sellist, nagu need n\u00e4eksid v\u00e4lja sobimatud, kuid selline eritekst kipub n\u00e4ima trikkina.\n<\/p>\n<h5>\n  Kasutades r\u00e4baldunud servi<br \/>\n<\/h5>\n<p>\n  Kuigi meie igap\u00e4evaelus v\u00f5ib olla veidi ruumi ebakorrap\u00e4rasusele, pole t\u00fcpograafias selleks ruumi. Teie tekst ei tohiks v\u00e4lja n\u00e4ha r\u00e4pane ja r\u00e4pane. Kui teil on para kuni 5-6 rida; selle servad v\u00f5ivad m\u00f5nikord olla r\u00e4situd ja see halb joondus v\u00f5ib muuta teksti r\u00e4balaks.\n<\/p>\n<p>\n  Kuigi teksti p\u00f5hjendamine v\u00f5ib m\u00f5nikord olla lahendus, ei pruugi see alati toimida. Teine v\u00f5imalus, mis toimib, on \u00fcksikute s\u00f5nade k\u00e4sitsi j\u00e4rgmisele reale murdmine. Muul ajal v\u00f5ib abiks olla ka sidekriipsutus \u2013 eriti ajalehte tr\u00fckkides.\n<\/p>\n<h5>\n  Korrektuuri unustamine<br \/>\n<\/h5>\n<p>\n  Olenemata sellest, kui v\u00e4ike v\u00f5i suur on tekstit\u00fckk v\u00f5i kas prindite ajalehte v\u00f5i r\u00f5ivaid; korrektuur on kohustuslik. P\u00f5hjus on selles, et igasugune viga teie tekstis \u2013 ka k\u00f5ige v\u00e4iksem \u2013 v\u00f5ib teie kujunduse ja sisu mulje rikkuda.\n<\/p>\n<p>\n  Niisiis, millisele j\u00e4reldusele te j\u00f5uate? Et t\u00fcpograafil on h\u00e4davajalik enne tr\u00fckkimise algust \u00fcks kord tr\u00fckkimisel olev korrektuur l\u00e4bi lugeda. Kuna see korrektuur ei p\u00e4\u00e4sta mitte ainult vigu sisse hiilimast, vaid s\u00e4ilitab ka kaubam\u00e4rgi maine publiku seas.\n<\/p>\n<h4>\n  L\u00fchidalt<br \/>\n<\/h4>\n<p>\n  T\u00fcpograafia on kujundamise v\u00f5i tr\u00fckkimise lahutamatu osa. \u00dcksk\u00f5ik, kas pakute oma klientidele vabadust printida kohandatud t-s\u00e4rke, kasutades t-s\u00e4rkide kujundamise tarkvara v\u00f5i printida terve ajaleht, on alati t\u00f5en\u00e4oline, et tr\u00fckivigu tuleb ette.\n<\/p>\n<p>\n  Nagu \u00f6eldakse, peaks teie veebisait keskenduma sisule, mitte sellele, kuidas see v\u00e4lja n\u00e4eb. Kuid arvestage, et t\u00fcpograafia v\u00f5ib sisu edastamist drastiliselt m\u00f5jutada ja nii muutub see sama oluliseks. Sellegipoolest v\u00f5ib t\u00fcpograafia \u00fcle otsustamisel ja nende v\u00e4ltimiseks meetmete v\u00f5tmisel m\u00f5ningate levinumate vigade meelespidamine aidata teie veebisaiti kaasahaaravaks muuta.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2020\/09\/25\/crucial-typography-mistakes\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;Pliiats on v\u00e4gevam kui m\u00f5\u00f5k&#8221; \u2013 Vean kihla, et olete seda k\u00f5nek\u00e4\u00e4nd kunagi kuskil kuulnud! Ja kui teie kirjutatud s\u00f5nad on nii v\u00f5imsad ja v\u00f5imsad, peab ka nende kirjutamine ja printimine olema sama muljetavaldav. Seet\u00f5ttu on t\u00fcpograafial teie veebisaidil, tootes, veebipoes, professionaalsetes dokumentides jne \u00fclioluline osa. T\u00fcpograafia ei ole kindlasti raketiteaduse v\u00e4rk. See on teksti stiil, paigutus ja v\u00e4limus ning sellel on palju v\u00f5imu teie veebisaidi esteetika ja kommunikatsiooni \u00fcle. See r\u00e4\u00e4gib sellest, kuidas te oma klientidega normaalselt t\u00f6\u00f6taksite. Niisiis,\u2026<\/p>\n","protected":false},"author":1,"featured_media":183037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[247,195,52],"tags":[],"class_list":["post-247660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fondid","category-veebikujundus","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=247660"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247660\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/183037"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}