Fontit by Anette Luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh Tehty onnenpotkuin en-us 2018-02-20 06:28:59 UTC 2025-11-15 05:22:51 UTC hello@padlet.com Typografia anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233138031 Typografialla tarkoitetaan minkä tahansa digitaalisen- ja painotyön ulkoasua ja sen suunnittelua. Eli fontteja, värejä, asettelua, suhdetta sisältöön, sen koossa pysymistä, harmoniaa ja yhtenäisyyttä, tasapainoa, ryhmittelyä.. jne
Sana tulee kreikan kielen sanoista typos (tyyppi, isku) ja graphein, graphe, graphikos, graphia (kirjoittaa, piirtää kirjoitus, piirros)]]> 2018-02-20 06:31:20 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233138031 Kirjaisintyypit = Fontit jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233138143 Jaetaan 5 eri ryhmään: 
antiikva, groteski, egyptienne, fraktuura ja kalligrafiset.]]> 2018-02-20 06:32:30 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233138143 Fonttiryhmien tunnistus anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233138449 Fontin fonttiryhmän tunnistaa esim. siitä, että onko fontti päätteellinen vai päätteetön ja sen paksuudesta.]]> 2018-02-20 06:35:14 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233138449 Antiikva jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139050 Antiikvaa käytetään mm. sanomalehdissä ja kirjoissa. Se on päätteellinen, eli kirjaimissa on paksuuseroja ja ne näyttävät olevan ikään kuin tason päällä. Tämä tekee antiikvasta serif :n]]> 2018-02-20 06:40:24 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139050 Fonttien valinta anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139280 Fonttien valinta riippuu myös tekstin tyylistä.
Leipätekstissä käytetään selkeitä ja yksinkertaisia fontteja, otsikoihin voi valita koristeellisempiakin. Nyrkkisääntö on se, että jos leipäteksti on päätteetön, tulee otsikon olla päätteellinen tai päinvastoin.
WWW-sivuilla päätteettömät fontit ovat helppolukuisia. Pääotsikot WWW-sivuilla ovat ainoa teksti, joille voi valita fontin laajemmasta valikoimasta.
Samassa yhteydessä ei kannata käyttää kuin korkeintaan kolmea eri fonttia. Tärkeintä on selkeys, yhtenäisyys, houkuttelevuus ja johdonmukaisuus.
Kaksi erilaista päätteellistä fonttia ei sovi samaan tekstiin.
Päätteetön groteski sopii itsensä ja minkä tahansa saman tai jonkin toisen ryhmän fonttien kanssa.
Fantasia- ja kalligrafiset fontit sopivat kaikkien muiden tyyppien yhteydessä vain otsikoksi ja katseenvangistijaksi. 

]]> 2018-02-20 06:41:53 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139280 Groteski jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139449 Goteski on puolestaan sans- serif eli kirjaimissa ei ole havaittavissa paksuus eroja. Ikään kuin tikkukirjaimia. Kehitetty 1800 - luvun loppupuolella. ]]> 2018-02-20 06:43:23 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139449 Egyptienne jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139741 Egyptienne on antiikvan ja groteskin sekoitus. Päätteellinen, pyöreä, tasapaksu, liittymäkohta suorakulmainen, eikä juurikaan paksuuseroja = slab- serif.  Syntynyt 1800- luvun alkupuolella ja nimetty Napoleonin Egyptin matkan mukaan. ]]> 2018-02-20 06:45:39 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233139741 Asettelun perussäännöt anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233140129 Kultainen leikkaus
Ilmaisee luonnossa esiintyvät mittasuhteet, jotka perustuvat geometriaan. Kultainen leikkaus on siinä kohdassa, missä silmä ei rasitu, eikä sitä tarvitse mitata harjaantuneella silmällä. Näihin suhteisiin perustuvat myös standardikoot.
Tasapaino
Erilaisten, erikokoisten ja erisisältöisten elementtien on oltava selvästi ryhmiteltyinä ja erotettavissa erillisiksi kokonaisuuksiksi.
Symmetria & epäsymmetria:
Sivun molemmat sivut ovat toistensa peilikuvia ja epäsymmetriassa isompi massa pitää toisen, keskiakselista kauempana olevan tasapainossa. Epäsymmetria vaikuttaa kiinnostavammalta kuin täysin symmetrinen, tarkkaan rajattu sivu.
Keskitys
Keskitetty sivu on täysin symmetrinen, kaikki sivuille laitettu materiaali on keskitettynä samassa linjassa pystyakselilla. Esim. vierekkäisiin palstoihin tämä ei sovi. Varsinkaan listaelementtejä ja luetteloita ei kannata missään nimessä keskittää. Se ei ole kaunista, loogista tai tarkoituksenmukaista. Keskityksen kanssa on syytä olla varovainen.
Suunta ja liike
Kuvien suunta ei saisi osoittaa sivuilta ulos. Sivun suunta taas laitetaan siihen suuntaan, missä painopisteestä katsottuna on eniten tilaa. Tärkein asia sijoittuu sivun oikeaan yläkulmaan, josta sen havaitsee ensimmäiseksi, sillä silmä tekee lukiessa nanosekunnin kestäviä pysähdyksiä.
WWW-sivut
Sivujen on oltava tulostettunakin luku- ja katselukelpoisia. Tärkeintä kuitenkin on, että ne ovat tulostettavissa eli mahtuvat A4-arkille. Sivujen asettelu voi olla www-sivuilla hankalaa.
Sisältö määrää muodon
Muodon on aina tuettava sisältöä ja jokaisella elementillä pitää olla funktio]]> 2018-02-20 06:49:00 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233140129 Fraktuura jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233140757 2 eri tyyppiä:
goottilainen = kapea, korkea, vaikealukuinen
 schwabach = Kevyt, matala, pyöreä.
Vielä satavuotta siotten käytettiin päivittäisessä tekstissä ja pidettiin ns. "ainoana oikeana"- tekstinä. Nykyään käytetään koristeellisessa tekstauksessa, sabnomalehtien nimissä ja hautaseppelenauhoissa. Syntynyt alkujaan keskiajalla eläneiden munkkien kirjoituksista n. 100- 800- luvuilla. ]]> 2018-02-20 06:53:51 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233140757 Kalligrafiset jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233141709 Nimi Kreikan kielestä, tarkoittaa kaunokirjoitusta. Hyvin yksityiskohtaista.
Myös Fraktuurat ovat kalligrafisia. ]]> 2018-02-20 07:02:39 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233141709 Kultainen leikkaus anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233141788 Kuuluisin kultaisen leikkauksen kuvaus
Leonardo Da Vinci, Vitruviuksen mies]]> 2018-02-20 07:03:27 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233141788 Symmetria & epäsymmetria anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142004 2018-02-20 07:05:13 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142004 Tasapaino anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142236 Ryhmitelty sivu]]> 2018-02-20 07:07:00 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142236 Anfangi jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142455 Kuvallinen "alku" kappaleelle. Kehittynyt luostarimunkkien käyttämästä kuvitetusta käsikirjoituksesta.]]> 2018-02-20 07:08:26 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142455 Tasapaino anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142609 Ei ryhmitelty sivu]]> 2018-02-20 07:09:28 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142609 Keskitys anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142723              Tämä teksti on keskitetty.]]> 2018-02-20 07:10:28 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233142723 Ingressi jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233143713 Nimi tulee latinan kielestä, tarkoittaa sisään astunutta. Tarkoiotuksena helpottaa lukemista. Sloganin kaltainen alkujohdanto / tiivistelmä, joka on muutaman lauseen mittainen. ]]> 2018-02-20 07:16:23 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233143713 Kapiteeli anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233143786 Kapiteelit ovat pieniä isoja kirjaimia, eli isot alkukirjaimet ovat vähän isompia, kuin pienet kirjaimet. Muuten kirjaimet ovat samannäköisiä.]]> 2018-02-20 07:16:49 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233143786 Gemena anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233144170 Gemenat ovat pieniä kirjaimia normaalitekstin tyyliin]]> 2018-02-20 07:19:02 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233144170 Versaali anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233144353 Versaalit ovat isoja kirjaimia
VERSAALI]]> 2018-02-20 07:19:59 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233144353 Korostus anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233144443 Korostukset on tarkoitettu silmäiltävyyden helpottamiseksi ja avainsanojen löytämiseksi.
Lihavointi
Kursivointi
reunaviiva
Väri
Muita korostuksia on mm. reunaviiva, suurempi pistekoko, kapiteeli ja alleviivaus
]]> 2018-02-20 07:20:34 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233144443 Kappalejako anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145184 Kappalejako helpottaa tekstin lukemista. Mitä kapeampi teksti, sitä useampia kappalejakoja. ]]> 2018-02-20 07:24:41 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145184 Rivitys ja tasaus anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145497 Leipätekstin rivitys tapahtuu selaimella automaattisesti.
Tekstiä voi tasata vasemmalle, oikealle tai keskittää. Tavallisessa tekstin käsittelyssä on muistettava, että ei tasausta ilman tavutusta.]]> 2018-02-20 07:26:14 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145497 Riviväli / Ensirivi jessi_makkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145617 Rivivälilläkin on merkitystä ja se vaikuttaa tekstin luotettavuuteen. Yleinen sääntö on, että mitä suurempi pistekoko, sitä suurempi riviväli.
Otsikon jälkeistä ensimmäisen kappaleen ensimmäistä riviä ei sisennetä, mutta loppujen kappaleiden ensimmäistä riviä sisennetään. Etenkin kappalevälin ollessa pieni tämä on erittäin tärkeä muistaa. Muulloinkin se helpottaa luotettavuutta ja teksti on helpompi lukuisempaa ja näyttää paremmalta. ]]> 2018-02-20 07:26:58 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145617 Palstat anette_luukkonen https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145754 Tekstin voi jakaa myös palstoiksi, mutta sama teksti ei saa jatkua toiselle palstalle. Palstat eivät saa olla liian kapeita, sillä pitemmät sanat eivät mahtuisi niihin. Tulosteessa palstat ovat hankalia. 
Esimerkiksi. tämä esitys on tehty palstoihin.]]> 2018-02-20 07:27:50 UTC https://padlet.com/anette_luukkonen/qwm1ghfu5qnh/wish/233145754