\n Typografia on painotuotteiden tyyli ja ulkon\u00e4k\u00f6 hyv\u00e4n vanhan yst\u00e4v\u00e4ni Googlen mukaan. On sanomattakin selv\u00e4\u00e4, ett\u00e4 t\u00e4m\u00e4 on taiteen laji yksin\u00e4\u00e4n.\n<\/p>\n
\n Ja typografia on perusta, jolle kaikki ja kaikenlaiset kirjoitettuun sanaan liittyv\u00e4t mallit luodaan. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 l\u00f6yd\u00e4t sen kaikkialta: kirjoista, pakkauksista, jopa – ja mik\u00e4 t\u00e4rkeint\u00e4, meille verkkosivustoilta, s\u00e4hk\u00f6posteista ja aloitussivuilta.\n<\/p>\n
\n Olipa taiteellista tai ei, typografia on jotain, jonka on tarjottava k\u00e4ytt\u00e4jille hyv\u00e4 kokemus, aivan kuten kaikki ty\u00f6kalut. Ja kursiivikirjaimet voivat olla niin kauniita, mutta ovatko ne k\u00e4ytt\u00f6kelpoisia?\n<\/p>\n
\n Katsotaan, kuinka voimme parantaa k\u00e4ytt\u00f6kokemusta ja itse k\u00e4ytt\u00f6liittym\u00e4\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 oikeaa typografiaa.\n<\/p>\n
\n Aluksi siell\u00e4 on Fontti
\n<\/h5>\n
\n Kuvittele, kuinka blaa ja v\u00e4linpit\u00e4m\u00e4tt\u00f6m\u00e4lt\u00e4 verkkosivustosi n\u00e4ytt\u00e4isi ja kuinka paljon se veisi k\u00e4ytt\u00e4j\u00e4kokemuksesta, jos fonttisi ei vastaisi yrityksen pyh\u00e4\u00e4 kolminaisuutta: kohdeyleis\u00f6\u00e4si, br\u00e4ndisi s\u00e4vy\u00e4 ja tavoitteitasi.\n<\/p>\n
\n Oikean fontin valitseminen on v\u00e4h\u00e4n kuin huoneeseen sopivien verhojen valitseminen. Tahmeat verhot osoittavat huonoa makua, ja fontti, joka ei vain t\u00e4sm\u00e4\u00e4, voi saada projektisi n\u00e4ytt\u00e4m\u00e4\u00e4n parhaimmillaan tahmealta ja pahimmillaan roskapostilta.\n<\/p>\n
\n Fontti on yht\u00e4 t\u00e4rke\u00e4 kuin visuaaliset materiaalit itse, luomaan vaikutelman ja paikantamaan ne asiat, jotka sinun on m\u00e4\u00e4ritett\u00e4v\u00e4 sek\u00e4 verkkosivustossa ett\u00e4 s\u00e4hk\u00f6postissa, mik\u00e4 optimoi k\u00e4ytt\u00f6kokemuksesi.\n<\/p>\n
\n Tarvitset lihavointia lihavoituihin lauseisiin, kursiivisia kirjaimia ja intensiivist\u00e4 kalligrafiaa asioihin, jotka ovat tyylikk\u00e4it\u00e4 ja eiv\u00e4t liian t\u00e4rkeit\u00e4. Alla olevan kaltaiset yhdistelm\u00e4t ovat pakollisia:\n<\/p>\n
\n
\n merkkien kirjasinparit\n<\/p>\n
\n Minun on kuitenkin pakko varoittaa sinua jostakin: Liian monet kirjasimet saavat sinut menem\u00e4\u00e4n pelin. Sinulla voi olla korkeintaan kahdenlaisia \u200b\u200bkirjasimia, ja sinun on varmistettava, ett\u00e4 niit\u00e4 k\u00e4ytet\u00e4\u00e4n yll\u00e4 olevan esimerkin mukaisesti: Lihavoitumpi ja tiukempi otsikossa, tarkempi kopion rungossa.\n<\/p>\n
\n Ja muista seuraavat asiat: Jos puhumme verkkosivustostasi emmek\u00e4 aloitussivusta tai s\u00e4hk\u00f6postista, sinun pit\u00e4isi ehk\u00e4 harkita standardoidun kirjasimen k\u00e4ytt\u00f6\u00e4.\n<\/p>\n
\n Katsos, kursiivi voi joskus olla vaikea lukea ja liian taiteellinen tulos voi olla kaunis, mutta sit\u00e4 ei ole helppo lukea ja ymm\u00e4rt\u00e4\u00e4. Nykyp\u00e4iv\u00e4n kiireisille asiakkaille, jotka ovat taitavia skannaamaan tekstilohkoja ja l\u00f6yt\u00e4m\u00e4\u00e4n tarkalleen sen, mit\u00e4 heid\u00e4n tarvitsee tiet\u00e4\u00e4, ajan s\u00e4\u00e4st\u00e4miseksi jokin standardoimaton voi n\u00e4ytt\u00e4\u00e4 aivan liian suurelta vaivalla.\n<\/p>\n
\n Yleis\u00f6si tuntee paremmin esimerkiksi Times New Romanin. He voivat jopa kertoa sinulle, miss\u00e4 sit\u00e4 tulisi k\u00e4ytt\u00e4\u00e4, ja ne ovat helppoja selata l\u00e4pi.\n<\/p>\n
\n Lis\u00e4ksi se voi aiheuttaa todellisen sis\u00e4lt\u00f6ongelman siin\u00e4 mieless\u00e4, ett\u00e4 taiteellisempi fontti ja muoto voisi vied\u00e4 huomion pois sis\u00e4ll\u00f6n sitoutumisesta.\n<\/p>\n
\n Fontin erikoiselementit:\n<\/p>\n
\n Fontti koostuu useista elementeist\u00e4, jotka voivat aiheuttaa tai h\u00e4irit\u00e4 sen k\u00e4ytt\u00f6\u00e4. Sinulla on erilaisia \u200b\u200btyylej\u00e4, painoja, t\u00f6it\u00e4! Joten menn\u00e4\u00e4n katsomaan mist\u00e4 t\u00e4ss\u00e4 on kyse:\n<\/p>\n
\n Sinulla on ensinn\u00e4kin kirjasinperheesi .<\/strong> Kirjasinperhe (tai kirjasintyyppi) on melko suuri luokka, joka sis\u00e4lt\u00e4\u00e4 saman tyylisi\u00e4 fontteja.\n<\/p>\n \n Toiseksi sinulla on fontin paino<\/strong>, eli kunkin merkin leveys. T\u00e4m\u00e4 elementti erottaa, mit\u00e4 fonttia k\u00e4ytet\u00e4\u00e4n otsikon luomiseen ja mik\u00e4 p\u00e4\u00e4tyy leip\u00e4tekstiin.\n<\/p>\n \n Kolmanneksi menee kerning<\/strong>, eli kuvio, jota merkit seuraavat, eli kahden kirjaimen v\u00e4li, mik\u00e4 on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4, koska silm\u00e4si noudattavat t\u00e4sm\u00e4lleen t\u00e4t\u00e4 kaavaa.\n<\/p>\n \n T\u00e4m\u00e4 v\u00e4li ja marginaalit m\u00e4\u00e4rittelev\u00e4t viimeisen, eritt\u00e4in t\u00e4rke\u00e4n elementin:\n<\/p>\n \n Merkkien m\u00e4\u00e4r\u00e4 rivi\u00e4 kohden<\/strong>. Liian monta merkki\u00e4 rivi\u00e4 kohden ja teksti n\u00e4ytt\u00e4\u00e4 sekavalta, mik\u00e4 johtaa melko huonoon k\u00e4ytt\u00f6kokemukseen.\n<\/p>\n \n Liian v\u00e4h\u00e4n ja kest\u00e4\u00e4 kauemmin ennen kuin silm\u00e4 saavuttaa seuraavan kappaleen, jolloin saadaan t\u00e4sm\u00e4lleen sama tulos, jonka mainin yll\u00e4.\n<\/p>\n \n Pituutta rajoittamalla parannat tekstisi luettavuutta. Jos rivi on liian pitk\u00e4, se ei n\u00e4y kunnolla laitteessa, mik\u00e4 tarkoittaa, ett\u00e4 lukija ei pysty lukemaan sit\u00e4 kunnolla, mik\u00e4 johtaa sotkuun CRO:n (Conversion Rate Optimization) kannalta.\n<\/p>\n \n Sinun on l\u00f6ydett\u00e4v\u00e4 sinulle sopiva kultainen leikkaus ja muista, ett\u00e4 kultaisen leikkauksen on oltava 60 merkki\u00e4 rivi\u00e4 kohden.\n<\/p>\n \n Ja pieni vihje t\u00e4h\u00e4n: Sinun on my\u00f6s kiinnitett\u00e4v\u00e4 huomiota rivien v\u00e4liin<\/strong>, koska on yksinkertaisesti liian helppoa joko lukea rivi uudelleen tai j\u00e4tt\u00e4\u00e4 se kokonaan pois. Mik\u00e4 ei ole koskaan hyv\u00e4 k\u00e4yt\u00e4nt\u00f6, etenk\u00e4\u00e4n t\u00e4n\u00e4 aikana, jolloin kuluttajilla on niin monia vaihtoehtoja.\n<\/p>\n \n Kuinka monta kertaa olet n\u00e4hnyt tekstin isoilla kirjaimilla ja ajatellut, ett\u00e4 kirjoittaja haluaa huutaa vihaisesti? Ly\u00f6n vetoa, ett\u00e4 vastaus on ”monta kertaa”.\n<\/p>\n \n Fonttikoot voivat toimia aivan kuten puhutun sanan s\u00e4vy: kursivoitu voi olla matkivaa, lihavoitu fontti voi olla vaativaa, isot kirjaimet voivat her\u00e4tt\u00e4\u00e4 huomiota ja niin edelleen.\n<\/p>\n \n Siksi suunnittelijan on oltava varovainen valitessaan kirjasinta ja tyyli\u00e4, varsinkin jos h\u00e4nell\u00e4 on monipuolinen yleis\u00f6, jolle ”puhua”.\n<\/p>\n \n Jos et usko minua, avaa vain romaani ja tarkista fontti. Avaa sitten lastenkirja ja tee sama asia.\n<\/p>\n \n Kaikki tiivistyy siihen, mit\u00e4 mainitsin alussa: Sinun on vedottava kohdeyleis\u00f6si typografian sek\u00e4 itse kopion ja visuaalien avulla.\n<\/p>\n \n Mutta koolla ei ole v\u00e4li\u00e4. Koska puhumme digitaalisesta, typografian on oltava moitteeton kaikissa laitteissa. Sinun on optimoitava mobiililaitteille, tableteille ja p\u00f6yt\u00e4koneille, jotta k\u00e4ytt\u00e4j\u00e4 ei h\u00e4mmentyisi ja hylk\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4si kokonaan.\n<\/p>\n \n Muista, ett\u00e4 korkeus on yht\u00e4 t\u00e4rke\u00e4. Hyvin pitk\u00e4 tai lyhyt teksti, joka n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4 ty\u00f6p\u00f6yt\u00e4n\u00e4kym\u00e4\u00e4 testattaessa, ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 toimi hyvin mobiililaitteella.\n<\/p>\n \n Ehk\u00e4 suurin painajainen<\/strong> kaikista on tekstin kohdistus. L\u00e4nsimaisessa kulttuurissa ihmiset ovat tottuneet lukemaan vasemmalta oikealle, joten sinun tulee olla tietoinen siit\u00e4 ja toimia sen mukaisesti.\n<\/p>\n \n K\u00e4yt\u00e4 vasemmalle tasausta matkimaan tapaa, jolla ihmiset lukevat painettuja tekstej\u00e4, ja olet valmis.\n<\/p>\n \n Sama ei toimi kohdeyleis\u00f6llesi, jos t\u00e4m\u00e4 sijaitsee jossain id\u00e4ss\u00e4, jossa lukeminen tapahtuu oikealta vasemmalle. Joten j\u00e4lleen kerran, kohdeyleis\u00f6si on ensimm\u00e4inen asia, joka on otettava huomioon ennen p\u00e4\u00e4t\u00f6ksen tekemist\u00e4.\n<\/p>\n \n Tied\u00e4tk\u00f6, ett\u00e4 parhaat k\u00e4yt\u00e4nn\u00f6t eiv\u00e4t kest\u00e4 typografiaa ja suunnittelua, eik\u00f6 niin?\n<\/p>\n \n Voit k\u00e4ytt\u00e4\u00e4 parhaita kirjasimia, kohdistuksesi voi olla moitteeton, mutta ilman suunnittelutrendej\u00e4 k\u00e4ytt\u00e4m\u00e4tt\u00e4 s\u00e4hk\u00f6postisi, verkkosivustosi, aloitussivusi, mit\u00e4 tahansa luotkin, voivat silti pysy\u00e4 yhten\u00e4 parhaiten varjeltuista salaisuuksistasi.\n<\/p>\n \n Lihavoitu on joskus kaunista\n<\/p>\n \n Ajattele esimerkiksi MACia. Kauneusbr\u00e4ndi k\u00e4ytt\u00e4\u00e4 mielell\u00e4\u00e4n lihavoitua teksti\u00e4 ja \u00e4\u00e4rimm\u00e4ist\u00e4 kontrastia elementtin\u00e4:\n<\/p>\n \n T\u00e4m\u00e4 on br\u00e4ndin tunnuslause ja se on ollut ikuisesti. Se on dramaattista, etk\u00e4 voi missata sit\u00e4. Sama koskee heid\u00e4n uutiskirjeens\u00e4 sankarikuvaa:\n<\/p>\n\n Fonttikoko ja muut painajaiset
\n<\/h5>\n\n Trendit ovat yst\u00e4vi\u00e4si
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> MAC Kosmetiikka<\/p>\n