{"id":247887,"date":"2023-07-10T06:40:00","date_gmt":"2023-07-10T03:40:00","guid":{"rendered":"https:\/\/inform.click\/tupograafia-moju-kasutajakogemusele\/"},"modified":"2023-07-10T06:40:00","modified_gmt":"2023-07-10T03:40:00","slug":"tupograafia-moju-kasutajakogemusele","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/tupograafia-moju-kasutajakogemusele\/","title":{"rendered":"T\u00fcpograafia m\u00f5ju kasutajakogemusele"},"content":{"rendered":"<p>\n  T\u00fcpograafia on kunst ja tehnika, mis aja jooksul aina enam populaarsust kogub. See on \u00fclioluline oskus, mis peab olema igal disaineril, olenemata sellest, mis valdkonda ta keskendub.\n<\/p>\n<p>\n  Kui olete keegi, kes juhib ettev\u00f5tet, soovib seda teha v\u00f5i olete lihtsalt disainer, ei r\u00e4\u00e4gita t\u00fcpograafiast p\u00f5hjuseta nii palju. T\u00fcpograafia abil saate oma lugejaid ja kasutajaid p\u00fcsivalt m\u00f5jutada.\n<\/p>\n<p>\n  Kuigi m\u00f5nele inimesele v\u00f5ib see tunduda vaid s\u00f5nadehunnikuna, on see kamp kokku pandud v\u00e4ga loogiliselt ja tehniliselt, kus igale selle elemendile on teele t\u00e4helepanu p\u00f6\u00f6ratud. See on projekteerimisel oluline tegur, mida ei tohiks ega tohi ignoreerida.\n<\/p>\n<p>\n  Kui te pole kindel, miks peaksite t\u00fcpograafiale t\u00e4helepanu p\u00f6\u00f6rama, siis selle lihtsaks muutmiseks saate hoida lugeja t\u00e4helepanu oma illustratsioonile, kaubam\u00e4rgile v\u00f5i kujundusele. Jah, pildid r\u00e4\u00e4givad rohkem kui tuhat s\u00f5na, nagu ka teie logo ja muud illustratsioonid. Kuid t\u00fcpograafia m\u00e4ngib \u00fcsna palju selles, kui kaua nad teie t\u00f6\u00f6d vaatavad ja millist m\u00f5ju see neile avaldab.\n<\/p>\n<p>\n  T\u00e4htsus graafilises disainis\n<\/p>\n<p>\n  Graafilises disainis on t\u00fcpograafia seotud t\u00fc\u00fcbi paigutamise tehnikate ja tulemustega nii, et see esindaks v\u00f5imalikult t\u00e4pselt br\u00e4ndi ja ettev\u00f5tet, mille kallal t\u00f6\u00f6tate, ning annaks inimestele aimu, millega see tegelikult on.\n<\/p>\n<p>\n  Mida parem on teie t\u00fcpograafia, seda suurem on t\u00f5en\u00e4osus, et teid m\u00e4rgatakse. Nii palju, et eriti logode puhul on m\u00f5ned ettev\u00f5tted j\u00e4tnud pildid maha ja teinud oma logo v\u00e4ga spetsiifiliselt stiliseeritud t\u00e4htedega.\n<\/p>\n<p>\n  See muudab kaubam\u00e4rgid lihtsamini meeldej\u00e4\u00e4vaks, \u00fcks levinumaid n\u00e4iteid on Coca Cola. Coca Cola logo taga on \u00fcsna <a href=\"http:\/\/www.coca-cola.co.uk\/stories\/the-logo-story\" target=\"_blank\" rel=\"noopener\">lugu<\/a>, mis n\u00e4itab t\u00e4pselt, kuidas k\u00f5ik tekkis, ja selle m\u00f5ju k\u00f5ikidele maailma osadele on \u00fcsna ilmne.\n<\/p>\n<p>\n  Coca Cola logo on parim n\u00e4ide, kuna n\u00e4ete t\u00e4pselt, kui palju selle elemente on seotud kaubam\u00e4rgi endaga.\n<\/p>\n<p>\n  Nutikas graafiline disainer teab, kuidas uurida t\u00fcpograafiat viisil, kus see edastab selgelt nii disaini kui ka kaubam\u00e4rgi visuaalsed ja verbaalsed aspektid.\n<\/p>\n<p>\n  N\u00fc\u00fcd, mida t\u00e4pselt m\u00f5eldakse &#8221; <strong>visuaalsete ja verbaalsete aspektide<\/strong> &#8221; all?\n<\/p>\n<ul>\n<li>\n    <strong>Visuaalne<\/strong> \u2013 illustratsiooni visuaalse v\u00e4limusega loodud t\u00e4hendus; nii tekst kui pilt. T\u00fcpograafia iseloom ja see, kuidas see teid tekitab, aitavad kaasa selle visuaalsele kvaliteedile.\n  <\/li>\n<li>\n    <strong>Verbaalne<\/strong> \u2013 illustratsioonil kasutatud s\u00f5nade v\u00f5i fraaside s\u00f5nas\u00f5naline t\u00e4hendus.\n  <\/li>\n<\/ul>\n<p>\n  \u00d5igesti kombineerituna v\u00f5ivad visuaalsed ja verbaalsed aspektid avaldada kasutajakogemusele tohutut m\u00f5ju ning n\u00e4idata ja edastada mitmesuguseid s\u00f5numeid.\n<\/p>\n<p>\n  Teine n\u00e4ide v\u00e4ga tugevast logost, millel on tasakaalustatud visuaalsed ja verbaalsed aspektid, on <a href=\"https:\/\/www.nestle.co.uk\/aboutus\/history\/blog\/posts\/kitkatnohyphen\" target=\"_blank\" rel=\"noopener\">KitKati logo<\/a>.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb12be534.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-292452-6382eb12be534.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  See uuring <a href=\"http:\/\/sheltonography.com\/resources\/Articles\/thangaraj.pdf\" target=\"_blank\" rel=\"noopener\">siin<\/a>, n\u00e4itab v\u00e4ga selgelt, kuidas t\u00fcpograafia v\u00f5ib meid m\u00f5jutada ja kuidas turundajad saavad seda enda huvides \u00e4ra kasutada. See n\u00e4itab, et m\u00f5nede populaarsete ettev\u00f5tete, nagu IBM, Mercedes, Nivea ja Marlboro, kasutatavad fondid on rahvusvaheliselt tunnustatud ja just seet\u00f5ttu on need ettev\u00f5tted investeerinud kaubam\u00e4rgiga kaetud fontide disaini ja autori\u00f5igustesse.\n<\/p>\n<p>\n  Kui te ei usu, vaadake allolevat Greenpeace'i reklaamikampaania pilti:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb14ec5a7.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-292452-6382eb14ec5a7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Kuigi see ei \u00fctle KitKat, loob teie meel koheselt \u00e4ratuntava sideme kaubam\u00e4rgiga.\n<\/p>\n<h3>\n  T\u00fcpograafia m\u00f5jud<br \/>\n<\/h3>\n<p>\n  Kevin Larson ja Rosalind Picard tutvustasid oma j\u00e4reldusi selle kohta, kuidas t\u00fcpograafia m\u00f5jutab meeleolusid oma artiklis The Aesthetics of Reading, mis k\u00e4sitles ka hea t\u00fcpograafia eeliseid.\n<\/p>\n<p>\n  J\u00e4rgnev on v\u00e4ga lihtne n\u00e4ide, esimene selles uuringus. Kumb neist tundub teie arvates parem ja m\u00f5nusam lugeda?\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb16d3e85.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-292452-6382eb16d3e85.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ainus, mis m\u00f5lemas dokumendis erineb, on teksti paigutus ja paigutus. Teist pilti on v\u00e4ga selgelt lihtsam lugeda ja enamik oleks seda isegi p\u00f5nevil. See on karge ja selge ning paigutust eelistatakse teisele.\n<\/p>\n<p>\n  Esimene pilt tundub \u00fcsna segane ja peaaegu nagu oleks seda liiga palju t\u00f6\u00f6delda. See v\u00f5ib teie m\u00f5tted segadusse ajada ja seda pole isegi meeldiv vaadata.\n<\/p>\n<p>\n  Need protsessid toimuvad meie ajus kogu aeg ja peegeldavad suuresti meie meeleolu ja valikuid, mida me p\u00e4rast teeme.\n<\/p>\n<p>\n  Sarnaselt testitakse ka teksti kirjutamisviisi, sealhulgas ligatuure, v\u00e4iket\u00e4hti, numbreid, alam-\/\u00fclaindeksi tunnuseid ja nii edasi.\n<\/p>\n<p>\n  Isegi t\u00fchikud iga t\u00e4he, s\u00f5na, lause ja l\u00f5igu vahel m\u00f5jutavad teie meeleolu ja produktiivsust teatud kognitiivsete \u00fclesannete puhul.\n<\/p>\n<p>\n  T\u00f6\u00f6 n\u00e4itab, et s\u00fcmmeetria on palju eelistatum kui eba\u00fchtlane joone kaal ja m\u00e4rkide vaheline ja sees olev vahe.\n<\/p>\n<p>\n  Neid k\u00f5iki tegureid tuleb arvestada nii v\u00f5rgus kui ka v\u00e4ljaspool seda t\u00f6\u00f6tades.\n<\/p>\n<p>\n  Sellegipoolest on hea rusikareegel, et teie logo v\u00f5i illustratsioon paigutatakse optiliselt, mitte matemaatiliselt. Allolev pilt n\u00e4itab nende m\u00f5lema erinevust.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb18b90f5.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-292452-6382eb18b90f5.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Positiivne meeleolu, paremad tulemused<br \/>\n<\/h5>\n<p>\n  On ilmselge, et mida rohkem positiivsust teie illustratsioon esile kutsub, seda rohkem k\u00f6idavad neid teie br\u00e4nd ja ettev\u00f5te. \u00dclaltoodud uuring t\u00f5estab, et hea t\u00fcpograafia suurendab ka kognitiivset j\u00f5udlust.\n<\/p>\n<p>\n  T\u00f5de on see, et t\u00fcpograafia v\u00f5ib m\u00f5jutada ka hinnanguid. New York Times viis l\u00e4bi uuringu &#8220;Kas olete optimist v\u00f5i pessimist?&#8221; Kuigi uuringus k\u00e4sitleti osalejate turvatunnet katastroofiliste s\u00fcndmuste ajal, puudutas see rohkem m\u00f5ju, mida kirjat\u00fc\u00fcp v\u00f5ib teile avaldada. Ja kuna kahju ei tekitatud, v\u00f5ib seda nimetada ka eetiliseks.\n<\/p>\n<p>\n  Kasutatud fondid olid Comic Sans, Computer Modern, Trebuchet, Helvetica, Georgia ja Baskerville. Uuring viidi l\u00e4bi umbes 45 000 osalejaga ja tulemused n\u00e4itasid, et inimesed n\u00f5ustusid Baskerville'i kirjat\u00fc\u00fcbiga 1,5% rohkem kui \u00fclej\u00e4\u00e4nud.\n<\/p>\n<p>\n  1,5% v\u00f5ib tunduda v\u00e4ikese protsendina, kuid see on piisavalt m\u00e4rkimisv\u00e4\u00e4rne n\u00e4itamaks, et kirjat\u00fc\u00fcp m\u00f5jutab l\u00f5ppude l\u00f5puks hinnanguid.\n<\/p>\n<p>\n  Mida rohkem fonte samas tekstis kasutate, seda rohkem te seda isikup\u00e4rastate ning seda v\u00e4ljendusrikkam ja loomingulisem see on. Ausalt \u00f6eldes toimib teie kirjat\u00fc\u00fcp peaaegu teie kehakeelena ja me k\u00f5ik teame, kui oluline on kehakeel. See v\u00f5ib luua emotsionaalse sideme teie ja kliendi vahel v\u00f5i rikkuda t\u00e4ielikult teie turundusk\u00f5ne.\n<\/p>\n<p>\n  Ja mis puutub heasse t\u00fcpograafiasse, siis seda on lihtne m\u00f5ista, kuid mitte niiv\u00f5rd teostada. Mida lihtsam on teie tekstist aru saada, ja seega arendab see teie publikul tugevat iseloomutunnetust, millele keskenduda.\n<\/p>\n<h5>\n  T\u00fcpograafia veebidisainis<br \/>\n<\/h5>\n<p>\n  Veebisaidi kujundamisel peate meeles pidama, et t\u00f5en\u00e4oliselt on teil seal palju teavet, seega on parem m\u00f5te hoida kirjat\u00fc\u00fcp ja stiil j\u00e4rjepidevana, selle asemel et proovida neid liiga palju segada, mis lihtsalt olge valus lugeda.\n<\/p>\n<p>\n  Hea tr\u00fckisega leht \u00fctleb lugejale ja kasutajale t\u00e4pselt, kust lugemist alustada ja kuidas lehek\u00fclge allapoole minna. See, mis on oluline ja mis mitte, on selgelt v\u00e4lja toodud mitte s\u00f5nadega, vaid selle j\u00e4rgi, kuidas tekst veebisaidi lehel on paigutatud.\n<\/p>\n<p>\n  V\u00e4rvid on samuti v\u00e4ga olulised ja neid tuleks hoida minimaalsena v\u00f5i kasutada kogu veebisaidil ainult komplekti. Liiga palju h\u00fcppamine v\u00f5ib j\u00e4llegi ajada lugejad segadusse ja muuta veebisaidi v\u00f5i lehe m\u00f5tte raskemini m\u00f5istetavaks.\n<\/p>\n<p>\n  Samuti \u00e4rge j\u00e4tke seda liiga lihtsaks punktini, kus pealkirja ja sisu vahel pole vahet.\n<\/p>\n<h5>\n  T\u00fcpograafia sisuturunduses<br \/>\n<\/h5>\n<p>\n  Sisuturunduse eesm\u00e4rk on lugejale m\u00f5ju avaldamine ja teie ettev\u00f5ttele kutsumine sisu kaudu. Peaaegu v\u00f5imatu on lugeda mis tahes t\u00fc\u00fcpi teksti ilma emotsioone edasi andmata, mist\u00f5ttu on palju parem teada, mis emotsioon see on, mida soovite edasi anda, milline on selle kirjutamiseks parim font ja k\u00f5ik muu, mis t\u00f5mbab t\u00e4helepanu.\n<\/p>\n<p>\n  Veel \u00fcks n\u00e4pun\u00e4ide, mida meeles pidada, on see, et <strong>paksus kirjas t\u00f5mbab t\u00e4helepanu<\/strong>, samas kui kaldkiri ei avalda lugejale erilist m\u00f5ju. Kuid sisu kaldkirjas kirjutamine v\u00f5ib teie teksti lisada elegantsi ja rafineeritust.\n<\/p>\n<p>\n  Samuti on teavet lihtsam t\u00f6\u00f6delda, kui see on seatud t\u00e4ppidesse, kui suurte l\u00f5ikude t\u00fckkidena, mille l\u00e4bimiseks pole kellelgi aega.\n<\/p>\n<p>\n  Kui kasutate &#8220;karget&#8221; kirjat\u00fc\u00fcpi, nagu Calibri, muudate oma m\u00f5tte v\u00e4ga kindlaks ja kindlaks.\n<\/p>\n<h3>\n  Alustamine<br \/>\n<\/h3>\n<p>\n  Noh, sa pead t\u00e4pselt teadma, mida sa \u00fcritad saavutada. Teie t\u00fcpograafiaprojekti eesm\u00e4rk peaks olema selge. Oluline on teadmine, mida soovite, et teie lugejad tunneksid, ja seej\u00e4rel selle m\u00f5tte meeles pidamisega t\u00f6\u00f6tamine aitab teil elemente selgelt r\u00f5hutada.\n<\/p>\n<p>\n  Proovige erinevaid kirjastiile, suurusi, v\u00e4rve, t\u00f5mmake teksti alla, muutke see paksuks, kursiivistage v\u00f5i mida iganes, mida vajate, et see annaks t\u00e4pselt edasi meeleolu, mis annaks inimestele teie t\u00f6\u00f6st teada ja mitte lihtsalt ei k\u00f6ida nende t\u00e4helepanu esmapilgul, vaid hoidke seda m\u00f5nda aega seal. Kui olete v\u00f5hik, v\u00f5ite lihtsalt ise logo kujundamise t\u00f6\u00f6riista proovida ja vaadata, mis teile sobib ja mis mitte.\n<\/p>\n<p>\n  Samuti \u00e4rge unustage, et on v\u00e4ga oluline, et teie tekst oleks loetav isegi v\u00e4ikeses kirjas. T\u00e4hem\u00e4rgid peavad olema \u00f5igesti tuvastatavad ja muutma teksti lugemise sujuvaks, ilma et peaksite tegema palju pingutusi, et m\u00f5ista ainult esimest t\u00e4hte.\n<\/p>\n<p>\n  J\u00e4rgnevalt on toodud m\u00f5ned elemendid, mida kavatsete oma t\u00fcpograafiaoskuste parandamiseks kasutada ja millest aru saada.\n<\/p>\n<h5>\n  T\u00fcpograafia elemendid<br \/>\n<\/h5>\n<ul>\n<li>\n    <strong>Kirjat\u00fc\u00fcbid<\/strong>: kasutatav tekstistiil (nt Times New Roman, Calibri, Ariel jne).\n  <\/li>\n<li>\n    <strong>Fondid<\/strong>: konkreetne kirjastiil, samuti selle laius, k\u00f5rgus ja suurus (nt Century, suurus 12, paksus kirjas), kasutatakse sageli kirjat\u00fc\u00fcbi s\u00fcnon\u00fc\u00fcmina.\n  <\/li>\n<li>\n    <strong>J\u00e4lgimine<\/strong>: t\u00fchik tekstis t\u00e4hem\u00e4rkide vahel.\n  <\/li>\n<li>\n    <strong>Kerning<\/strong>: sarnane j\u00e4lgimisega, kuid viitab ka t\u00fchimikule t\u00e4htede ja m\u00e4rkide vahel tekstis.\n  <\/li>\n<li>\n    <strong>Juhtiv<\/strong>: kauguse m\u00f5\u00f5tmine \u00fche tekstirea ja selle kohal ja all olevate ridade vahel.\n  <\/li>\n<li>\n    <strong>Rea pikkus<\/strong>: nii nagu nimigi \u00fctleb, teksti pikkus reas.\n  <\/li>\n<\/ul>\n<h4>\n  Kokkuv\u00f5tteks<br \/>\n<\/h4>\n<p>\n  T\u00fcpograafia on kunstivorm, mis keskendub kirjas\u00f5na visuaalsele komponendile. Lihtsalt visualiseerides seda oma sihtr\u00fchmale, saate luua unustamatu m\u00f5ju. Iga disaineri jaoks on \u00fclioluline p\u00f6\u00f6rata suurt t\u00e4helepanu t\u00fcpograafiale ja t\u00f6\u00f6tada selle nimel, et omandada oma oskused selles, kui nad soovivad arendada ja edendada oma karj\u00e4\u00e4ri disainit\u00f6\u00f6stuses.\n<\/p>\n<p>\n  T\u00fcpograafia on kehakeel ja loob v\u00f5i rikub esmamulje, mis kasutajale teie kaubam\u00e4rgist j\u00e4\u00e4b.\n<\/p>\n<p>\n  Ja noh, nagu Cyrus Highsmith \u00fctleb: \u201eT\u00fcpograafia on loo detail ja esitus. See esindab atmosf\u00e4\u00e4ri v\u00f5i mingisuguse ajaloolise keskkonna h\u00e4\u00e4lt. See v\u00f5ib teha palju asju. &#8221;\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\/2018\/01\/19\/typography-effect-on-user-experience\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>T\u00fcpograafia on kunst ja tehnika, mis aja jooksul aina enam populaarsust kogub. See on \u00fclioluline oskus, mis peab olema igal disaineril, olenemata sellest, mis valdkonda ta keskendub. Kui olete keegi, kes juhib ettev\u00f5tet, soovib seda teha v\u00f5i olete lihtsalt disainer, ei r\u00e4\u00e4gita t\u00fcpograafiast p\u00f5hjuseta nii palju. T\u00fcpograafia abil saate oma lugejaid ja kasutajaid p\u00fcsivalt m\u00f5jutada. Kuigi m\u00f5nele inimesele v\u00f5ib see tunduda vaid hunnikuna kokku pandud s\u00f5nu, on see hunnik kokku pandud v\u00e4ga loogilises ja tehnilises&#8230;<\/p>\n","protected":false},"author":1,"featured_media":131571,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[143,195,52],"tags":[],"class_list":["post-247887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veebi-napunaited-ja-nipid","category-veebikujundus","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247887","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=247887"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247887\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/131571"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}