{"id":249666,"date":"2023-02-02T16:51:00","date_gmt":"2023-02-02T13:51:00","guid":{"rendered":"https:\/\/inform.click\/18-typografiasaantoa-jotka-jokaisen-suunnittelijan-tulisi-tietaa\/"},"modified":"2023-02-02T16:51:00","modified_gmt":"2023-02-02T13:51:00","slug":"18-typografiasaantoa-jotka-jokaisen-suunnittelijan-tulisi-tietaa","status":"publish","type":"post","link":"https:\/\/inform.click\/fi\/18-typografiasaantoa-jotka-jokaisen-suunnittelijan-tulisi-tietaa\/","title":{"rendered":"18 typografias\u00e4\u00e4nt\u00f6\u00e4, jotka jokaisen suunnittelijan tulisi tiet\u00e4\u00e4"},"content":{"rendered":"<p>\n  Jokainen suolansa arvoinen graafinen suunnittelija tiet\u00e4\u00e4, kuinka t\u00e4rke\u00e4\u00e4 typografia on suunnittelussa. On kiistatonta, ett\u00e4 kirjasimien, v\u00e4lily\u00f6ntien ja rakenteen \u00e4lyk\u00e4s k\u00e4ytt\u00f6 kiinnitt\u00e4\u00e4 lukijoiden huomion ja saa aikaan parempia vastauksia.\n<\/p>\n<p>\n  Typografia on taidetta (ja tiedett\u00e4) j\u00e4rjest\u00e4\u00e4 kirjaimia, jotta kopiosta tulee selke\u00e4, luettava ja visuaalisesti houkutteleva. Tee se oikein, niin voit her\u00e4tt\u00e4\u00e4 tiettyj\u00e4 tunteita ja v\u00e4litt\u00e4\u00e4 voimakkaita viestej\u00e4 sanomatta paljon.\n<\/p>\n<p>\n  Typografian perusasioiden tunteminen ei ainoastaan \u200b\u200bauta sinua parantamaan suunnitteluasi, vaan pystyt my\u00f6s soveltamaan n\u00e4it\u00e4 s\u00e4\u00e4nt\u00f6j\u00e4 eduksesi.\n<\/p>\n<p>\n  T\u00e4ss\u00e4 on joitain asiantuntijoiden suosittelemia typografiaohjeita, jotka voivat auttaa kehitt\u00e4m\u00e4\u00e4n suunnittelutaitojasi. Katsotaan.\n<\/p>\n<h5>\n  1 Aloita perusteista<br \/>\n<\/h5>\n<p>\n  Kuten kaikissa suunnitteluk\u00e4yt\u00e4nn\u00f6iss\u00e4, on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4 tuntea taiteen ytimek\u00e4s sis\u00e4lt\u00f6. Saatat ajatella, ett\u00e4 voit soittaa sen korvalla, mutta totuus on, ett\u00e4 typografia on melko monimutkainen. Joten aloittelijana tutustu typografian perusperiaatteisiin.\n<\/p>\n<p>\n  Typografian peruselementtej\u00e4 mill\u00e4 tahansa kielell\u00e4 ovat v\u00e4lily\u00f6nnit, v\u00e4rit, kirjasintyypit, kontrasti, johdonmukaisuus, hierarkia ja kohdistus.\n<\/p>\n<p>\n  Ota aikaa ja opi n\u00e4ist\u00e4 perusasioista \u2013 erilaisista kirjasintyypeist\u00e4, erityisest\u00e4 sanastosta ja mittauksista. K\u00e4yt\u00e4 aikaa kokeillaksesi niit\u00e4.\n<\/p>\n<h5>\n  2 \u00c4l\u00e4 ota fontin valintaa kevyesti<br \/>\n<\/h5>\n<p>\n  On houkuttelevaa valita kirjasintyyppi, joka tarttuu satunnaisesti silm\u00e4\u00e4n ja aloittaa, mutta se on yksi suurimmista virheist\u00e4, joita voit tehd\u00e4 topografian maailmassa.\n<\/p>\n<p>\n  Yll\u00e4tyt tiet\u00e4\u00e4, ett\u00e4 psykologia liittyy erilaisiin kirjasintyyppeihin, sill\u00e4 ne voivat m\u00e4\u00e4ritt\u00e4\u00e4 teoksesi s\u00e4vyn ja vaikuttaa siihen, miten yleis\u00f6 n\u00e4kee sis\u00e4lt\u00f6si. Suunnittelijana sinun on varmistettava, ett\u00e4 k\u00e4ytt\u00e4m\u00e4si fontti sopii markkinoille.\n<\/p>\n<p>\n  Eth\u00e4n nyt valitsisi asianajotoimiston esitteeseen typer\u00e4\u00e4 fonttia? Ehk\u00e4 syntym\u00e4p\u00e4iv\u00e4kortiksi, mutta ei todellakaan muodolliseksi.\n<\/p>\n<h5>\n  3 Ymm\u00e4rr\u00e4 Kerning<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba7a1cfb0.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-321285-6383ba7a1cfb0.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Mik\u00e4\u00e4n ei voi k\u00e4\u00e4nt\u00e4\u00e4 lukijoita pois teoksestasi enemm\u00e4n kuin ep\u00e4tasainen ja huolimaton v\u00e4litys.\n<\/p>\n<p>\n  Se on merkkien v\u00e4lisen et\u00e4isyyden optimointi, jotta sis\u00e4ll\u00f6st\u00e4si tulee kiinnostavampaa ja virtaviivaisempaa. Se ei vaikuta paljolta, mutta hyvin koordinoitu kerning voi tehd\u00e4 maailmasta eron jollekulle, joka katselee suunnitteluasi. Tavoitteena on, ett\u00e4 jokaisen hahmon v\u00e4linen et\u00e4isyys on esteettisesti tasainen.\n<\/p>\n<p>\n  Hy\u00f6dylliset ty\u00f6kalut, kuten Adobe Illustrator, voivat auttaa sinua v\u00e4litysongelmissa. Mutta tied\u00e4, ett\u00e4 paranet vain s\u00e4\u00e4nn\u00f6llisell\u00e4 harjoittelulla.\n<\/p>\n<p>\n  Monet v\u00e4litysvirheet ovat hienovaraisia \u200b\u200bja vaikeita havaita, etenkin pitkiss\u00e4 kappaleissa. Tavoitteenasi tulisi olla minimoimaan kaikki t\u00e4llaiset v\u00e4livirheet ja v\u00e4ltt\u00e4m\u00e4\u00e4n otsikoiden tai logojen v\u00e4litysongelmat, koska ne voivat sotkea koko suunnittelun.\n<\/p>\n<h5>\n  4 Pid\u00e4 visuaalinen hierarkia mieless\u00e4<br \/>\n<\/h5>\n<p>\n  Visuaalisen hierarkian hy\u00f6dynt\u00e4minen on loistava tapa korostaa tiettyj\u00e4 sis\u00e4lt\u00f6si osia, joihin haluat lukijan keskittyv\u00e4n.\n<\/p>\n<p>\n  Visuaalista hierarkiaa voidaan k\u00e4ytt\u00e4\u00e4 tehokkaasti ohjaamaan lukija kappaleesi l\u00e4pi m\u00e4\u00e4ritt\u00e4m\u00e4ll\u00e4 ja vaihtamalla j\u00e4rjestyst\u00e4, jossa lukijasi vastaanottavat tietoa. Yrit\u00e4 ohjata heid\u00e4n n\u00e4k\u00f6\u00e4\u00e4n korostamalla t\u00e4rkeit\u00e4 otsikoita, kappaleita ja taukoja teoksessasi. Virtaviivaista sis\u00e4lt\u00f6si t\u00e4rkeimmist\u00e4 v\u00e4hemm\u00e4n t\u00e4rkeist\u00e4 n\u00e4k\u00f6kohdista visuaalisella tavalla.\n<\/p>\n<p>\n  Ilman typografista visuaalista hierarkiaa teoksesi n\u00e4ytt\u00e4\u00e4 yhdelt\u00e4 suurelta sis\u00e4lt\u00f6massalta. Lukijoiden on vaikea keskitty\u00e4 ty\u00f6h\u00f6si. Ja lukijan kyll\u00e4st\u00e4minen on suurin synti, jonka voit tehd\u00e4 suunnittelijana!\n<\/p>\n<h5>\n  5 Valitse fontit viisaasti<br \/>\n<\/h5>\n<p>\n  Monet amat\u00f6\u00f6risuunnittelijat usein liukastuvat ja k\u00e4ytt\u00e4v\u00e4t paljon kirjasintyylej\u00e4. Emme syyt\u00e4 heit\u00e4 \u2013 on houkuttelevaa ajatella, ett\u00e4 eri kirjasintyylien k\u00e4ytt\u00e4minen tekee teoksestasi erottuvan joukosta. No, se ei ole totta.\n<\/p>\n<p>\n  Useiden fonttien k\u00e4ytt\u00e4minen voi aiheuttaa lukijoidesi kyll\u00e4isyytt\u00e4. Sis\u00e4ll\u00f6n ydin todenn\u00e4k\u00f6isesti katoaa erilaisten fonttien ja v\u00e4rimallien keskell\u00e4. Ja mik\u00e4 pahempaa, kappaleesi tulee ep\u00e4ammattimaiseksi ja ep\u00e4johdonmukaiselta.\n<\/p>\n<p>\n  Ihanteellinen fonttimuunnelma saa olla enint\u00e4\u00e4n kahdesta kolmeen kirjasintyyppi\u00e4. K\u00e4yt\u00e4 yht\u00e4 fonttia ja kokoa teksti\u00e4 varten, yht\u00e4 otsikossa ja toista alaotsikossa. Voit k\u00e4ytt\u00e4\u00e4 erilaisia \u200b\u200bfontteja, kunhan tekstisi pysyy yhten\u00e4isen\u00e4. V\u00e4lt\u00e4 kahta samann\u00e4k\u00f6ist\u00e4 kirjasintyyppi\u00e4, koska ne eiv\u00e4t lis\u00e4\u00e4 suunnitteluasi.\n<\/p>\n<h5>\n  6 Keskity kohdistukseen<br \/>\n<\/h5>\n<p>\n  Fonttikohdistus on eritt\u00e4in t\u00e4rke\u00e4 k\u00e4site typografiassa. MS Wordin avulla voit tutustua nelj\u00e4\u00e4n k\u00e4ytett\u00e4viss\u00e4 olevaan kohdistusvaihtoehtoon: Tasattu vasemmalle, Tasattu oikealle, Tasattu keskelle ja Tasattu.\n<\/p>\n<p>\n  Yleisin ja vakiomuotoinen kohdistusmuoto on kohdistus vasemmalle. L\u00f6yd\u00e4t sen oletuksena useimmissa teoksissa, koska se noudattaa lukijoiden luonnollisia lukutottumuksia. Ihmiset ovat tottuneet lukemaan vasemmalta oikealle. Muuntyyppiset kohdistukset voivat olla h\u00e4iritsevi\u00e4, jos niit\u00e4 k\u00e4ytet\u00e4\u00e4n s\u00e4\u00e4nn\u00f6llisesti ja tarkoituksettomasti.\n<\/p>\n<p>\n  Keskitasausta k\u00e4ytet\u00e4\u00e4n kuitenkin usein otsikoissa. Se tarjoaa my\u00f6s kirjoituskatkoja, kuten lainauksen lis\u00e4\u00e4misen kahden kappaleen v\u00e4liin. Sill\u00e4 v\u00e4lin tasausta oikealle voidaan k\u00e4ytt\u00e4\u00e4 tekstin j\u00e4rjest\u00e4miseen kauniisti toiselle puolelle kontekstia varten, kuten ansioluetteloissa.\n<\/p>\n<p>\n  Yksi asia on muistettava &#8211; varo rosoisia linjoja sek\u00e4 vasemmalle ett\u00e4 oikealle kohdistuksessa. Ulos ty\u00f6ntyv\u00e4t viivat voivat saada koko kappaleen n\u00e4ytt\u00e4m\u00e4\u00e4n huolimattomalta ja lis\u00e4t\u00e4 tekstiin t\u00f6yt\u00f6j\u00e4.\n<\/p>\n<h5>\n  7 K\u00e4yt\u00e4 verkkoja<br \/>\n<\/h5>\n<p>\n  Kun puhutaan kohdistuksesta, on toinen tapa, jolla voit muokata sis\u00e4lt\u00f6\u00e4si tilallisesti. T\u00e4m\u00e4 tarkoittaa verkkojen sis\u00e4llytt\u00e4mist\u00e4 suunnitteluusi. Suunnitteluruudukko varmistaa, ett\u00e4 kaikki sivullasi, riippumatta siit\u00e4 kuinka v\u00e4h\u00e4n, lis\u00e4t\u00e4\u00e4n suhteessa johonkin muuhun.\n<\/p>\n<p>\n  T\u00e4m\u00e4 johtaa visuaaliseen harmoniaan ja antaa teokseesi yhten\u00e4isyytt\u00e4. Ajattele sit\u00e4 suunnittelumallina ty\u00f6llesi.\n<\/p>\n<p>\n  Sinun ei tarvitse k\u00e4ytt\u00e4\u00e4 suunnitteluruudukoita jokaiseen kappaleeseen. Voit luopua niist\u00e4 yksinkertaisempia yksityiskohtia varten, mutta ne varmasti auttavat sinua kohdistamaan kaiken kauniisti, kun lis\u00e4\u00e4t suunnitteluasi monimutkaisuutta.\n<\/p>\n<h5>\n  8 \u00c4l\u00e4 venyt\u00e4 tai v\u00e4\u00e4rist\u00e4 fontteja<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba7dbac00.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-321285-6383ba7dbac00.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Kun olet l\u00f6yt\u00e4nyt sis\u00e4ll\u00f6llesi oikean fontin, \u00e4l\u00e4 s\u00e4\u00e4d\u00e4 sen kokoa leve\u00e4mm\u00e4ksi tai korkeammaksi.\n<\/p>\n<p>\n  Voi olla houkuttelevaa venytt\u00e4\u00e4 fontteja t\u00e4ytt\u00e4m\u00e4\u00e4n enemm\u00e4n tyhj\u00e4\u00e4 tilaa. Sinun pit\u00e4isi tiet\u00e4\u00e4, ett\u00e4 jokainen fontti luodaan sen muotoa, kokoa ja rakennetta huomioiden. Siksi sen pident\u00e4minen tai pienent\u00e4minen voi sotkea sen esteettist\u00e4 vetovoimaa.\n<\/p>\n<p>\n  Sen sijaan, ett\u00e4 v\u00e4\u00e4rist\u00e4isit kirjasimia, valitse oikeat fontit, jotka sopivat teoksesi. Verkossa on loputon m\u00e4\u00e4r\u00e4 ilmaisia \u200b\u200bja maksullisia fontteja, joten valitse viisaasti.\n<\/p>\n<p>\n  Typografinen mittaustekniikka voi auttaa sinua valitsemaan sopivat fontit. On t\u00e4rke\u00e4\u00e4 muistaa, ett\u00e4 kirjasimet viev\u00e4t verkkosivulla eri tilaa, joten fonttien mittaaminen on eritt\u00e4in t\u00e4rke\u00e4\u00e4 verkkosivua suunniteltaessa.\n<\/p>\n<p>\n  &#8221;Pistej\u00e4rjestelm\u00e4&#8221;-menetelm\u00e4\u00e4 k\u00e4ytet\u00e4\u00e4n fonttien mittaamiseen. Merkin korkeutta kutsutaan &#8221;x-korkeudeksi&#8221; ja leveytt\u00e4 kutsutaan &#8221;asetukseksi&#8221;. Valitse samankokoiset ja -leve\u00e4t fontit, kun yhdist\u00e4t kaksi fonttia.\n<\/p>\n<h5>\n  9 Valitse toissijainen kirjasin pariliitoksen muodostamiseksi viisaasti<br \/>\n<\/h5>\n<p>\n  Vaikka varoitimmekin k\u00e4ytt\u00e4m\u00e4st\u00e4 liikaa kirjasimia yhdess\u00e4 kappaleessa, kirjasimien strateginen yhdist\u00e4minen voi lis\u00e4t\u00e4 sis\u00e4lt\u00f6osiisi paljon arvoa.\n<\/p>\n<p>\n  Yleisesti ottaen on sallittua k\u00e4ytt\u00e4\u00e4 enint\u00e4\u00e4n kolmea kirjasinmuunnelmaa tekstin otsikossa, alaotsikossa ja tekstiosassa. K\u00e4yt\u00e4 eri fontteja otsikoissa ja alaotsikoissa luodaksesi visuaalisen hierarkian. V\u00e4lt\u00e4 k\u00e4ytt\u00e4m\u00e4st\u00e4 eritt\u00e4in kontrastisia fontteja tai vastaavia fontteja, joissa voi olla vaikea erottaa toisistaan.\n<\/p>\n<p>\n  Toisen fontin tulisi parantaa ensimm\u00e4ist\u00e4 kirjasinta, ei varjostaa sit\u00e4 tai kumota sit\u00e4 s\u00e4ilytt\u00e4en samalla suunnittelun johdonmukaisuuden.\n<\/p>\n<h5>\n  10 V\u00e4lt\u00e4 hypp\u00e4\u00e4m\u00e4st\u00e4 Trend Bandwagoniin<br \/>\n<\/h5>\n<p>\n  Graafinen suunnittelu on paljon kuin muoti \u2013 tyylit, jotka ovat muotia t\u00e4n\u00e4\u00e4n, katoavat huomenna.\n<\/p>\n<p>\n  Joten yrit\u00e4 v\u00e4ltt\u00e4\u00e4 trendikk\u00e4it\u00e4 malleja, jotka saattavat saada ty\u00f6si n\u00e4ytt\u00e4m\u00e4\u00e4n hyv\u00e4lt\u00e4 nyt, mutta j\u00e4tt\u00e4v\u00e4t sen n\u00e4ytt\u00e4m\u00e4\u00e4n vanhentuneelta ja oudolta muutaman kuukauden kuluttua.\n<\/p>\n<p>\n  On hyv\u00e4 sis\u00e4llytt\u00e4\u00e4 muutamia niist\u00e4 suunnitelmiisi. Muista vain olla liioittamatta sit\u00e4. Haluat, ett\u00e4 sis\u00e4lt\u00f6si kest\u00e4\u00e4 ajan kokeen.\n<\/p>\n<p>\n  T\u00e4m\u00e4 ei tarkoita, ett\u00e4 sinun pit\u00e4isi nukkua trendikk\u00e4iden mallien p\u00e4\u00e4ll\u00e4. Analysoi niit\u00e4 saadaksesi tiet\u00e4\u00e4, mik\u00e4 tekee niist\u00e4 suosittuja. On aina hyv\u00e4 idea ottaa mukaan uusia ideoita, jotka palvelevat omaa markkinarakoasi, mutta \u00e4l\u00e4 tee sit\u00e4, koska kaikki muut tekev\u00e4t niin.\n<\/p>\n<h5>\n  11 Noudata kielioppis\u00e4\u00e4nt\u00f6j\u00e4<br \/>\n<\/h5>\n<p>\n  Kielioppi n\u00e4ytt\u00e4\u00e4 olevan kirjailijan alaa, eik\u00f6 niin? Mit\u00e4 merkityst\u00e4 kieliopin suunnittelulla on?\n<\/p>\n<p>\n  No, kielioppi hallitsee kielen puhumisen ja kirjoittamisen s\u00e4\u00e4nn\u00f6t. Samaan aikaan typografia on taidetta asettaa ja j\u00e4rjest\u00e4\u00e4 sanat niin, ett\u00e4 ne n\u00e4ytt\u00e4v\u00e4t hyv\u00e4lt\u00e4. K\u00e4yt\u00e4 niit\u00e4 yhdess\u00e4 saadaksesi ladontasi n\u00e4ytt\u00e4m\u00e4\u00e4n hyv\u00e4lt\u00e4.\n<\/p>\n<p>\n  Kieliopin ja v\u00e4limerkkien erot voivat laskea kappaleesi arvoa huomattavasti. Oikealla v\u00e4limerkkien k\u00e4yt\u00f6ll\u00e4 voidaan erottaa ammattimainen sis\u00e4lt\u00f6 amat\u00f6\u00f6rim\u00e4isen p\u00f6rr\u00f6isen kappaleen v\u00e4lill\u00e4. Parhaat suunnittelijat kiinnitt\u00e4v\u00e4t aina erityist\u00e4 huomiota yksityiskohtiin.\n<\/p>\n<p>\n  Varo kaksoisv\u00e4lily\u00f6ntej\u00e4, v\u00e4\u00e4rin sijoitettuja pilkkuja ja v\u00e4limerkkej\u00e4, sopimatonta isojen kirjainten k\u00e4ytt\u00f6\u00e4 sek\u00e4 liiallisia yhdysmerkkej\u00e4, v\u00e4liviivoja ja symboleja.\n<\/p>\n<h5>\n  12 \u00c4l\u00e4 aliarvioi valkoisen tilan merkityst\u00e4<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba80c39c3.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-321285-6383ba80c39c3.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Valkoisen tilan ja tyhj\u00e4n tilan v\u00e4lill\u00e4 on huomattava ero.\n<\/p>\n<p>\n  Valkoista tilaa k\u00e4ytet\u00e4\u00e4n keskittym\u00e4\u00e4n ja lis\u00e4\u00e4m\u00e4\u00e4n visuaalista vetovoimaa teokseesi. Se antaa suunnittelusi &#8221;hengitt\u00e4\u00e4&#8221; &#8211; kuin viheralue betonip\u00e4\u00e4llysteisten jalkak\u00e4yt\u00e4vien v\u00e4liss\u00e4.\n<\/p>\n<p>\n  Tehokas tyhj\u00e4n tilan k\u00e4ytt\u00f6 voi lis\u00e4t\u00e4 teokseesi arvoa tasapainottamalla teksti\u00e4. Sit\u00e4 voidaan k\u00e4ytt\u00e4\u00e4 my\u00f6s melko luovasti kiinnitt\u00e4m\u00e4\u00e4n huomiota tiettyihin ty\u00f6si osiin. Esimerkiksi lis\u00e4\u00e4m\u00e4ll\u00e4 tyhj\u00e4\u00e4 tilaa sis\u00e4lt\u00f6si t\u00e4rkeiden osien ymp\u00e4rille voit korostaa niit\u00e4 ja olla suunnittelun ainoa painopiste.\n<\/p>\n<p>\n  Jos haluat syv\u00e4llisen ymm\u00e4rryksen tyhj\u00e4st\u00e4 tilasta, napsauta t\u00e4st\u00e4!\n<\/p>\n<h5>\n  13 Tarkista Skaalaus ja mittasuhteet<br \/>\n<\/h5>\n<p>\n  Varmista, ett\u00e4 typografia sopii n\u00e4yt\u00f6n mittoihin. L\u00e4henn\u00e4 ja loitonna varmistaaksesi, ett\u00e4 typografia on verrannollinen koko n\u00e4yt\u00f6n leveyteen ja pituuteen.\n<\/p>\n<p>\n  Varmista, ett\u00e4 asetat johtajuusi oikealle; t\u00e4m\u00e4 on pystysuora tila jokaisen rivin v\u00e4lill\u00e4. Yleens\u00e4 ihanteellinen arvo on noin 1,25\u20131,5 kertaa suurempi kuin kirjasinkoko.\n<\/p>\n<h5>\n  14 Valitse palettisi viisaasti<br \/>\n<\/h5>\n<p>\n  Strateginen v\u00e4ripaletti voi olla paras aseesi graafisena suunnittelijana. K\u00e4yt\u00e4 t\u00e4ydent\u00e4vi\u00e4 ja vastakkaisia \u200b\u200bv\u00e4rej\u00e4 lis\u00e4t\u00e4ksesi sis\u00e4lt\u00f6\u00e4 sis\u00e4lt\u00f6\u00f6si ja k\u00e4yt\u00e4 v\u00e4ripy\u00f6r\u00e4\u00e4 valitaksesi oikeat v\u00e4rit suunnitteluusi.\n<\/p>\n<p>\n  Eri v\u00e4reill\u00e4 voi olla tiettyj\u00e4 vaikutuksia lukijoihin ja ne voivat auttaa luomaan tunnelman. Esimerkiksi punainen her\u00e4tt\u00e4\u00e4 intohimoa, kun taas sinisell\u00e4 on rauhoittava vaikutus. Katso, kuinka voit k\u00e4ytt\u00e4\u00e4 eri v\u00e4rej\u00e4 hy\u00f6dyksesi.\n<\/p>\n<p>\n  Varmista kuitenkin, etteiv\u00e4t v\u00e4rit peit\u00e4 sis\u00e4lt\u00f6\u00e4si. V\u00e4rien tulisi parantaa sis\u00e4lt\u00f6\u00e4si, ei ohittaa sit\u00e4.\n<\/p>\n<h5>\n  15 Priorisoi luettavuus<br \/>\n<\/h5>\n<p>\n  Luettavuus on avain suunnitelmillesi. Lukijoiden pit\u00e4isi pysty\u00e4 lukemaan viestisi ilman vaikeuksia. Menetelm\u00e4si eiv\u00e4t miss\u00e4\u00e4n tapauksessa saa est\u00e4\u00e4 sis\u00e4lt\u00f6si p\u00e4\u00e4teksti\u00e4.\n<\/p>\n<p>\n  V\u00e4lt\u00e4 k\u00e4ytt\u00e4m\u00e4st\u00e4 tummia taustoja, h\u00e4mment\u00e4vi\u00e4 v\u00e4rej\u00e4, pieni\u00e4 fontteja ja liikaa kuvia. Paras malli on arvoton, jos sit\u00e4 ei voi lukea.\n<\/p>\n<h5>\n  16 Varo &#8221;leski\u00e4&#8221; ja &#8221;orpoja&#8221;<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-321285-6383ba83aecf3.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-321285-6383ba83aecf3.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Mit\u00e4 ovat &#8221;lesket&#8221; ja &#8221;orvot&#8221; ja miksi ne ovat t\u00e4rkeit\u00e4 typografiassa?\n<\/p>\n<p>\n  Typografinen leski on valokuvaan kuuluva tekstirivi, joka siirtyy seuraavaan sarakkeeseen. Orpo on yksitt\u00e4inen sana kappaleesta, joka on siirtynyt seuraavaan sarakkeeseen. Voit v\u00e4ltt\u00e4\u00e4 &#8221;leski\u00e4&#8221; ja &#8221;orpoja&#8221; s\u00e4\u00e4t\u00e4m\u00e4ll\u00e4 rivien pituutta manuaalisesti tai muokkaamalla tekstikent\u00e4n tai sarakkeen kokoa.\n<\/p>\n<h5>\n  17 Ajattele kuin taiteilija<br \/>\n<\/h5>\n<p>\n  \u00c4l\u00e4 ajattele typografiaa kirjasinten strategisena k\u00e4ytt\u00f6n\u00e4. Se on enemm\u00e4n kuin pelkk\u00e4\u00e4 tekstin luomista. K\u00e4sittele fonttejasi taiteena.\n<\/p>\n<p>\n  \u00c4l\u00e4 rajoita vain kirjasintyyppej\u00e4 ja olemassa olevia fontteja. K\u00e4yt\u00e4 luovuutta typografisissa suunnitelmissasi ja k\u00e4yt\u00e4 py\u00f6rteit\u00e4, tekstuureja, viivoja tai luovia elementtej\u00e4, jotka mielest\u00e4si t\u00e4ydent\u00e4v\u00e4t fonttiasi.\n<\/p>\n<h5>\n  18 K\u00e4yt\u00e4 oikeita ty\u00f6kaluja avuksesi<br \/>\n<\/h5>\n<p>\n  Suunnittelija on k\u00e4sity\u00f6l\u00e4inen. Ja jokainen k\u00e4sity\u00f6l\u00e4inen tarvitsee oikeat ty\u00f6kalut taiteeseensa. Voit k\u00e4ytt\u00e4\u00e4 monia ty\u00f6kaluja apunasi typografisessa suunnittelussa, kuten SmallPDF:n, jonka avulla voit lis\u00e4t\u00e4 tekstej\u00e4, kuvia ja muotoja PDF-tiedostoihisi. On hyv\u00e4 verrata typografisia ty\u00f6kaluja itse p\u00e4\u00e4tt\u00e4\u00e4ksesi, mitk\u00e4 ty\u00f6kalut auttavat suunnittelussasi ja mitk\u00e4 ty\u00f6kalut eiv\u00e4t ole sinulle hy\u00f6dyllisi\u00e4.\n<\/p>\n<h4>\n  Tiivistettyn\u00e4<br \/>\n<\/h4>\n<p>\n  Kun olet ymm\u00e4rt\u00e4nyt n\u00e4m\u00e4 typografian perusteet, j\u00e4t\u00e4 loput luovuutesi ja suunnitteluty\u00f6si huoleksi. Kaikki on subjektiivista t\u00e4st\u00e4 eteenp\u00e4in. Anna kohdemarkkinasi innostaa sinua tekem\u00e4\u00e4n typografisia malleja, jotka kertovat mahtavia tarinoita ja her\u00e4tt\u00e4v\u00e4t yleis\u00f6si tunteita.\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\/2021\/02\/19\/typography-rules-for-designer\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Jokainen suolansa arvoinen graafinen suunnittelija tiet\u00e4\u00e4, kuinka t\u00e4rke\u00e4\u00e4 typografia on suunnittelussa. On kiistatonta, ett\u00e4 kirjasimien, v\u00e4lily\u00f6ntien ja rakenteen \u00e4lyk\u00e4s k\u00e4ytt\u00f6 kiinnitt\u00e4\u00e4 lukijoiden huomion ja saa aikaan parempia vastauksia. Typografia on taidetta (ja tiedett\u00e4) j\u00e4rjest\u00e4\u00e4 kirjaimia, jotta kopiosta tulee selke\u00e4, luettava ja visuaalisesti houkutteleva. Tee se oikein, niin voit her\u00e4tt\u00e4\u00e4 tiettyj\u00e4 tunteita ja v\u00e4litt\u00e4\u00e4 voimakkaita viestej\u00e4 sanomatta paljon. Typografian perusasioiden tunteminen ei ainoastaan \u200b\u200bauta sinua parantamaan suunnitteluasi, vaan pystyt my\u00f6s soveltamaan n\u00e4it\u00e4 s\u00e4\u00e4nt\u00f6j\u00e4 eduksesi. T\u00e4ss\u00e4 on joitain asiantuntijoiden suosittelemia typografiaohjeita\u2026<\/p>\n","protected":false},"author":1,"featured_media":198810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[248,222,53],"tags":[],"class_list":["post-249666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fontit","category-oppikirjoja","category-web-ja-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/comments?post=249666"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/posts\/249666\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media\/198810"}],"wp:attachment":[{"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/media?parent=249666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/categories?post=249666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/fi\/wp-json\/wp\/v2\/tags?post=249666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}