<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/532/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Taitto</title>
<id>https://peda.net/id/ecaa91de99e</id>
<updated>2025-09-25T11:59:18+03:00</updated>
<link href="https://peda.net/id/ecaa91de99e:atom" rel="self" />
<link href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-7/kgs/taitto#top" rel="alternate" />
<logo>https://peda.net/:static/532/peda.net.logo.bg.svg</logo>
<rights type="html">&lt;div class=&quot;license&quot;&gt;Tämän sivun lisenssi &lt;a rel=&quot;license&quot; href=&quot;https://peda.net/info&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>Linkkilista</title>
<id>https://peda.net/id/ecabce1699e</id>
<updated>2025-09-25T11:59:18+03:00</updated>
<link href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-7/kgs/taitto/linkkilista#top" />
<content type="html">&lt;!--filtered tag: &lt;article--&gt;&lt;!--filtered attribute: id=&quot;uuid-ecaf6c2a-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: class=&quot;link document uuid-ecaf6c2a-99ed-11f0-a45b-0a80e88c6005 enclose&quot;--&gt;&lt;!--filtered attribute: data-id=&quot;ecaf6c2a-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: data-draft-type=&quot;published&quot;--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered tag: &lt;header--&gt;&lt;!--&amp;gt;--&gt;&lt;h1&gt;&lt;!--filtered attribute: class=&quot;link&quot;--&gt;&lt;a href=&quot;https://www.tiedetoimittajat.fi/tiedetoimittaja/kaikki-hyva-ei-maksa-tutustu-ilmaisohjelmiin/&quot; title=&quot;https://www.tiedetoimittajat.fi/tiedetoimittaja/kaikki-hyva-ei-maksa-tutustu-ilmaisohjelmiin/ (avautuu uuteen ikkunaan)&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://www.tiedetoimittajat.fi/tiedetoimittaja/kaikki-hyva-ei-maksa-tutustu-ilmaisohjelmiin/&lt;/a&gt;&lt;/h1&gt;&#10;&lt;!--filtered end tag: &lt;/header&gt;--&gt;&lt;div class=&quot;main&quot;&gt;&lt;/div&gt;&#10;&lt;!--filtered tag: &lt;footer--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered end tag: &lt;/footer&gt;--&gt;&lt;!--filtered end tag: &lt;/article&gt;--&gt;&#10;&lt;!--filtered tag: &lt;article--&gt;&lt;!--filtered attribute: id=&quot;uuid-ecaef023-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: class=&quot;link document uuid-ecaef023-99ed-11f0-a45b-0a80e88c6005 enclose&quot;--&gt;&lt;!--filtered attribute: data-id=&quot;ecaef023-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: data-draft-type=&quot;published&quot;--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered tag: &lt;header--&gt;&lt;!--&amp;gt;--&gt;&lt;h1&gt;&lt;!--filtered attribute: class=&quot;link&quot;--&gt;&lt;a href=&quot;https://www.sivubis.fi/taitto-ohjelma/&quot; title=&quot;https://www.sivubis.fi/taitto-ohjelma/ (avautuu uuteen ikkunaan)&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://www.sivubis.fi/taitto-ohjelma/&lt;/a&gt;&lt;/h1&gt;&#10;&lt;!--filtered end tag: &lt;/header&gt;--&gt;&lt;div class=&quot;main&quot;&gt;&lt;/div&gt;&#10;&lt;!--filtered tag: &lt;footer--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered end tag: &lt;/footer&gt;--&gt;&lt;!--filtered end tag: &lt;/article&gt;--&gt;&#10;&lt;!--filtered tag: &lt;article--&gt;&lt;!--filtered attribute: id=&quot;uuid-ecae787c-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: class=&quot;link document uuid-ecae787c-99ed-11f0-a45b-0a80e88c6005 enclose&quot;--&gt;&lt;!--filtered attribute: data-id=&quot;ecae787c-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: data-draft-type=&quot;published&quot;--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered tag: &lt;header--&gt;&lt;!--&amp;gt;--&gt;&lt;h1&gt;&lt;!--filtered attribute: class=&quot;link&quot;--&gt;&lt;a href=&quot;https://www.canva.com/fi_fi/&quot; title=&quot;https://www.canva.com/fi_fi/ (avautuu uuteen ikkunaan)&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://www.canva.com/fi_fi/&lt;/a&gt;&lt;/h1&gt;&#10;&lt;!--filtered end tag: &lt;/header&gt;--&gt;&lt;div class=&quot;main&quot;&gt;&lt;/div&gt;&#10;&lt;!--filtered tag: &lt;footer--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered end tag: &lt;/footer&gt;--&gt;&lt;!--filtered end tag: &lt;/article&gt;--&gt;&#10;&lt;!--filtered tag: &lt;article--&gt;&lt;!--filtered attribute: id=&quot;uuid-ecadf937-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: class=&quot;link document uuid-ecadf937-99ed-11f0-a45b-0a80e88c6005 enclose&quot;--&gt;&lt;!--filtered attribute: data-id=&quot;ecadf937-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: data-draft-type=&quot;published&quot;--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered tag: &lt;header--&gt;&lt;!--&amp;gt;--&gt;&lt;h1&gt;&lt;!--filtered attribute: class=&quot;link&quot;--&gt;&lt;a href=&quot;https://www.adobe.com/fi/products/indesign.html&quot; title=&quot;https://www.adobe.com/fi/products/indesign.html (avautuu uuteen ikkunaan)&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://www.adobe.com/fi/products/indesign.html&lt;/a&gt;&lt;/h1&gt;&#10;&lt;!--filtered end tag: &lt;/header&gt;--&gt;&lt;div class=&quot;main&quot;&gt;&lt;/div&gt;&#10;&lt;!--filtered tag: &lt;footer--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered end tag: &lt;/footer&gt;--&gt;&lt;!--filtered end tag: &lt;/article&gt;--&gt;&#10;&lt;!--filtered tag: &lt;article--&gt;&lt;!--filtered attribute: id=&quot;uuid-ecad7f6a-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: class=&quot;link document uuid-ecad7f6a-99ed-11f0-a45b-0a80e88c6005 enclose&quot;--&gt;&lt;!--filtered attribute: data-id=&quot;ecad7f6a-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: data-draft-type=&quot;published&quot;--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered tag: &lt;header--&gt;&lt;!--&amp;gt;--&gt;&lt;h1&gt;&lt;!--filtered attribute: class=&quot;link&quot;--&gt;&lt;a href=&quot;https://visme.co/blog/layout-design/&quot; title=&quot;https://visme.co/blog/layout-design/ (avautuu uuteen ikkunaan)&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://visme.co/blog/layout-design/&lt;/a&gt;&lt;/h1&gt;&#10;&lt;!--filtered end tag: &lt;/header&gt;--&gt;&lt;div class=&quot;main&quot;&gt;&lt;/div&gt;&#10;&lt;!--filtered tag: &lt;footer--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered end tag: &lt;/footer&gt;--&gt;&lt;!--filtered end tag: &lt;/article&gt;--&gt;&#10;&lt;!--filtered tag: &lt;article--&gt;&lt;!--filtered attribute: id=&quot;uuid-ecad04b7-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: class=&quot;link document uuid-ecad04b7-99ed-11f0-a45b-0a80e88c6005 enclose&quot;--&gt;&lt;!--filtered attribute: data-id=&quot;ecad04b7-99ed-11f0-a45b-0a80e88c6005&quot;--&gt;&lt;!--filtered attribute: data-draft-type=&quot;published&quot;--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered tag: &lt;header--&gt;&lt;!--&amp;gt;--&gt;&lt;h1&gt;&lt;!--filtered attribute: class=&quot;link&quot;--&gt;&lt;a href=&quot;https://merjajaskara.com/mita-taitto-on-ja-miten-graafinen-suunnittelija-tekee-sen&quot; title=&quot;https://merjajaskara.com/mita-taitto-on-ja-miten-graafinen-suunnittelija-tekee-sen (avautuu uuteen ikkunaan)&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;https://merjajaskara.com/mita-taitto-on-ja-miten-graafinen-suunnittelija-tekee-sen&lt;/a&gt;&lt;/h1&gt;&#10;&lt;!--filtered end tag: &lt;/header&gt;--&gt;&lt;div class=&quot;main&quot;&gt;&lt;/div&gt;&#10;&lt;!--filtered tag: &lt;footer--&gt;&lt;!--&amp;gt;--&gt;&lt;!--filtered end tag: &lt;/footer&gt;--&gt;&lt;!--filtered end tag: &lt;/article&gt;--&gt;&#10;</content>
<published>2025-09-25T11:59:18+03:00</published>
</entry>

<entry>
<title>Teksti</title>
<id>https://peda.net/id/ecb0836b99e</id>
<updated>2024-02-07T12:05:50+02:00</updated>
<link href="https://peda.net/p/pia-meri.maunumaa/kuvataide/kuvataide-7/kgs/taitto/teksti#top" />
<content type="html">&lt;div class=&quot;grid-8 column-1&quot;&gt;&#10;&lt;div class=&quot;single-box clearfix entry-content&quot;&gt;&#10;&lt;p&gt;&lt;em&gt;Taitolla tarkoitetaan jonkin julkaisun, esimerkiksi lehden tai nettisivun, elementtien sommittelua ja tyylittelyä haluttuun muotoon. Hyvän taiton tunnusmerkkejä ovat informatiivisuus, puhuttelevuus, mielenkiintoisuus ja helppolukuisuus.&lt;/em&gt;&lt;/p&gt;&#10;&lt;p&gt;Taiton tekijää kutsutaan taittajaksi. Yleisimmät taitto-ohjelmat painettavissa tuotteissa ovat Adobe Indesign, QuarkXpress, Adobe Pagemaker ja Freehand. Sähköisissä medioissa taitto vaatii monesti juuri tiettyyn mediaan soveltuvan ohjelmiston tai koodaamista tiettyyn alustaan sopivaksi.&lt;/p&gt;&#10;&lt;p&gt;Painettavissa tuotteissa kuten lehdissä taiton perusyksikkö on sivu, joka muodostaa parina aukeaman. Taitto muodostuu typografiasta (otsikot, ingressit, leipätekstit, väliotsikot, kuvatekstit, nostot, luettelot jne.), kuvista (valokuvat, kuvitukset, graafit), graafisista elementeistä (värit, väripalkit, viivat, logot jne.) ja erikoistehosteista (preeklaukset, stanssaukset, folioinnit jne.).&lt;/p&gt;&#10;&lt;p&gt;Taittoa käytetään muun muassa kirjoissa, esitteissä, lehdissä, tuoteluetteloissa ja internetsivuilla. Jokainen näistä taitetaan hieman eri tavoin. Taittamiseen vaikuttavat kohderyhmä, käyttötarkoitus, käytettävissä olevat resurssit, aikataulu, tuotteen asema ja tavoitteet.&lt;/p&gt;&#10;&lt;p&gt;Nykypäivänä monissa sähköisissä julkaisuissa täytyy ottaa huomioon tiedon joustava hakeminen sisällöstä, tietokannoista ja ulkoisista lähteistä. Haettu tieto täytyy tämän jälkeen muotoilla lukijalle haluttuun muotoon. Tällöin oikeanlaisen ulkoasun eli taiton saavuttamiseksi tarvitaan niin visuaalista kuin tietoteknistä osaamista. Visuaalinen suunnitelma täytyy koodata sellaiseen mutoon, että sisältö noudattaa tai mukailee aina haluttua ulkoasua eli taittoa. Usein sähköisissä medioissa sivujen ulkoasun taittoon liittyy myös graafisen käyttöliittymän suunnittelu. Graafisen käyttöliittymän tulee tukea sisällön helppoa selailua ja loogista navigointia sivulta sivulle. Yksinkertaisuus ja loogisuus ovat avainsanoja hyvään käyttöliittymään.&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;Taittopohjat&lt;br/&gt;&#10;&lt;/strong&gt;&lt;em&gt;Gridi (pohjaverkko, asettelupohja)&lt;/em&gt;&lt;br/&gt;&#10;Taittotyön pohjana käytetään monesti julkaisuun suunniteltua gridiä. Sen tarkoituksena on säilyttää yhtenäinen linja koko julkaisussa. Hyvä gridi ei kuitenkaan sido taittoa liian jähmeäksi ja liikaa itseään toistavaksi vaan antaa suunnittelijalle mahdollisuuden rakentaa luovasti kokonaisuudesta vaihtelevan ja mielenkiinotoisen, mutta yhtenäisen kokonaisuuden. Gridi koostuu pääasiassa pysty- ja vaakalinjoista, jotka ovat näkyvissä suunnittelijalla taitto-ohjelmassa, mutta jotka eivät näy lopullisessa painotuotteessa kuin välillisesti elementtien samantyyppisinä sijainteina, kokoina ja muotoina. Gridiin pohjautuva taitto vaatii suunnittelijalta hyvää graafista osaamista ja ammattimaista sommittelun taitoa.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Sivupohjamalli (englanniksi template)&lt;/em&gt;&lt;br/&gt;&#10;Sivupohjamalli on enemmän sidottu ja ennalta määritelty taittopohja kuin gridipohja. Sen taittaminen ei vaadi niin suurta graafisen suunnittelun osaamista, koska monet elementtien paikat ovat ennalta määrättyjä ja erilaisten variaatioiden määrää on selvästi rajoitettu. Yleensä samat elementit toistuvat aina samoissa paikoissa sivulta sivulle.&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;Taittosuunnitelma&lt;/strong&gt;&lt;br/&gt;&#10;Taittosuunnitelmaksi kutsutaan yleisluontoista luonnosta koko julkaisusta. Sen voi luonnostella pääpiirteittäin aluksi vaikka kynällä paperille. Kokonaisuus hahmottuu näin helpommin ja tarvittavien elementtien (esim. kuvat, tekstit) määrä ja tarve selviää jo alkuvaiheessa. Julkaisua esittävään luonnokseen voi eri sivuille merkata esimerkiksi tulevien otsikoiden, leipätekstien ja kuvien paikkoja. Kun taittosuunnitelma on tarpeeksi selkeä ja riittävän pitkälle viety sen pohjalta on helppo viedä oikeaa taittotyötä eteenpäin.&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;Taittotyylit&lt;/strong&gt;&lt;br/&gt;&#10;Erilaisille taittotyyleille löytyy vakiintuneita nimityksiä. Nimet viittaavat sisällön sommittelutapaan ja rakenteeseen.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Dynaaminen taitto&lt;/em&gt;&lt;br/&gt;&#10;Jutut ja kuvat ovat sivulla epäsymmetrisesti hajallaan ja sivun ulkoasu vaihtelee päivittäin.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Juoksutaitto&lt;/em&gt;&lt;br/&gt;&#10;Jutut juoksutetaan palstoille peräkkäin. Otsikot ovat yleensä vain yksipalstaisia.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Lohkotaitto&lt;/em&gt;&lt;br/&gt;&#10;Jutut ja kuvat ovat lohkon muodossa.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Sirkustaitto&lt;/em&gt;&lt;br/&gt;&#10;Useita erilaisia kirjaintyylejä ja -kokoja ja kuvia samalla sivulla tarkoituksellisessa epäjärjestyksessä.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Focus-taitto&lt;/em&gt;&lt;br/&gt;&#10;Jokaisella sivulla on jokin erityinen huomiopiste.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Symmetrinen taitto&lt;/em&gt;&lt;br/&gt;&#10;Jutut ja kuvat ovat sivulla symmetrisesti toisiinsa nähden.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Staattinen taitto&lt;/em&gt;&lt;br/&gt;&#10;Aineisto on sivulla jäykän kaavamaisesti päivästä toiseen.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Horisonttitaitto&lt;/em&gt;&lt;br/&gt;&#10;Sivun leveyssuuntaisuutta korostava taitto.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Vertikaalitaitto&lt;/em&gt;&lt;br/&gt;&#10;Taitto, jonka ulottuvuus on suurempi korkeus- kuin leveyssuunnassa.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;Pyramiditaitto&lt;/em&gt;&lt;br/&gt;&#10;Isot ilmoitukset sijoitetaan sivun alalaitaan ja toimituksellinen aineisto sivun yläosaan.&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;Muuta taittoon liittyvää&lt;br/&gt;&#10;&lt;/strong&gt;&lt;em&gt;Saksitaitto&lt;/em&gt;&lt;br/&gt;&#10;Kun lehti, kirja, esite tai muu painotuote taitetaan käsityönä ilman tietokoneohjelmien apua, puhutaan silloin saksitaitosta. Ennen tietokoneita ja julkaisuohjelmia kaikki painettavaksi tarkoitetut julkaisut taitettiin saksitaittona. Valmiit kirjoitetut tekstit toimitettiin aluksi konekirjoitusarkkeina kirjapainoon tai latomoon. Siellä taittajalle tehtiin tekstistä paperiliuskoja, joille tekstit oli ladottu ohjeiden mukaisesti oikean levyisiksi palstoiksi halutulla kirjasintyypillä.&lt;/p&gt;&#10;&lt;p&gt;Näiden tekstiliuskojen ja kuvalaatikoiden avulla taittajat sommittelivat sivu- ja aukeamakokonaisuuksia eli leiskoja (lay out). Kaikki hoidettiin perinteisellä leikkaa ja liimaa -tekniikalla. Joskus taitto tehtiin valmiiksi peisteiksi (paste up), jolloin kirjapaino valmisti niistä suoraan filmit tai painolevyt. Kuvat tilattiin reprolaitoksesta rasteroitaviksi kirjapainokäyttöön ja toimitettiin kirjapainoon tai liimattiin sivulle. Sivut tehtiin viimeistään kirjapainossa valmiiksi peisteiksi eli paste upeiksi ennen painolevyille kuvaamista.&lt;/p&gt;&#10;&lt;p&gt;Painotekniikasta riippuen kirjapaino joko latoi sivujen aineistot taittajien toimittamien sivumallien mukaan irtokirjakkeista palstoiksi ladottujen levyjen avulla tai jäljensi taittajien tuottaman paperisen sivun peist upin painopellille valokuvaamalla painofilmiksi ja syövyttämällä filmin mukaan painopellille.&lt;/p&gt;&#10;&lt;p&gt;&lt;em&gt;WYSIWYG&lt;/em&gt;&lt;br/&gt;&#10;Lyhennettä WYSIWYG (engl. What You See Is What You Get eli mitä näet, sitä saat) käytetään viittaamaan sellaisin ohjelmistoihin, joissa sisältö näyttää muokattaessa hyvin samalta kuin lopputulos. Kaikki nykyiset taitto-ohjelmat yrittävät näyttää jo ruudulla julkaisun lopputuloksen mahdollisimman autenttisen näköisenä. Tämä helpottaa suunnittelijaa hahmottamaan miltä lopputulos näyttää. Kuitenkin erilaiset painotekniset tehokeinot ja erikoisvärit voivat olla vaikeita tai mahdottomia hahmottaa pelkästään ruudulta katseltuina. Siksi niiden hallinta ja käyttäytyminen painotöissä pitää oppia käytännön ja erilaisten jo painettujen esimerkkien kautta.&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;div class=&quot;single-box advertisement&quot;&gt;&#10;&lt;div id=&quot;aswift_0_host&quot; aria-label=&quot;Advertisement&quot;&gt; &lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;div class=&quot;nav-previous&quot;&gt; &lt;/div&gt;&#10;&lt;div class=&quot;nav-next&quot;&gt;&lt;a href=&quot;https://www.graafinen.com/suunnittelu/yleista/suunnittelun-ostajalle/&quot; rel=&quot;next nofollow ugc noopener&quot;&gt;&lt;em&gt;&lt;/em&gt;&lt;span class=&quot;sub-title&quot;&gt;Seuraava aihe&lt;/span&gt;Suunnittelun ostajalle&lt;/a&gt;&lt;/div&gt;&#10;&lt;div class=&quot;single-box related-posts&quot;&gt;&#10;&lt;h3&gt;Saattaisit olla kiinnostunut näistä kirjoista&lt;/h3&gt;&#10;&lt;div class=&quot;grids entries&quot;&gt;&#10;&lt;div class=&quot;carousel&quot;&gt;&#10;&lt;div class=&quot;item&quot;&gt;&#10;&lt;!--filtered tag: &lt;figure--&gt;&lt;!--&amp;gt;--&gt;&lt;a href=&quot;https://www.graafinen.com/kirjallisuus/kirjallisuus_digi/helppokayttoisen-verkkopalvelun-suunnittelu/&quot; rel=&quot;nofollow ugc noopener&quot;&gt; &lt;img class=&quot;attachment-rectangle-size-small size-rectangle-size-small wp-post-image&quot; src=&quot;https://www.graafinen.com/wp-content/uploads/helppokayttoisen_verkkopalvelun_suunnittelu-296x197.png&quot; alt=&quot;Helppokäyttöisen verkkopalvelun suunnittelu&quot; loading=&quot;lazy&quot;/&gt;&lt;!--filtered attribute: srcset=&quot;https://www.graafinen.com/wp-content/uploads/helppokayttoisen_verkkopalvelun_suunnittelu-296x197.png 296w, https://www.graafinen.com/wp-content/uploads/helppokayttoisen_verkkopalvelun_suunnittelu-330x220.png 330w&quot;--&gt;&lt;!--filtered attribute: sizes=&quot;(max-width: 296px) 100vw, 296px&quot;--&gt; &lt;/a&gt;&lt;!--filtered end tag: &lt;/figure&gt;--&gt;&#10;&lt;!--filtered tag: &lt;h4--&gt;&lt;!--&amp;gt;--&gt;&lt;a href=&quot;https://www.graafinen.com/kirjallisuus/kirjallisuus_digi/helppokayttoisen-verkkopalvelun-suunnittelu/&quot; rel=&quot;nofollow ugc noopener&quot;&gt;Helppokäyttöisen verkkopalvelun suunnittelu&lt;/a&gt;&lt;!--filtered end tag: &lt;/h4&gt;--&gt;&#10;&lt;/div&gt;&#10;&lt;div class=&quot;item&quot;&gt;&#10;&lt;!--filtered tag: &lt;figure--&gt;&lt;!--&amp;gt;--&gt;&lt;a href=&quot;https://www.graafinen.com/kirjallisuus/kirjallisuus_digi/dont-make-me-think/&quot; rel=&quot;nofollow ugc noopener&quot;&gt; &lt;img class=&quot;attachment-rectangle-size-small size-rectangle-size-small wp-post-image&quot; src=&quot;https://www.graafinen.com/wp-content/uploads/dont_make_me_think-296x197.png&quot; alt=&quot;Don´t make me think&quot; loading=&quot;lazy&quot;/&gt;&lt;!--filtered attribute: srcset=&quot;https://www.graafinen.com/wp-content/uploads/dont_make_me_think-296x197.png 296w, https://www.graafinen.com/wp-content/uploads/dont_make_me_think-330x220.png 330w&quot;--&gt;&lt;!--filtered attribute: sizes=&quot;(max-width: 296px) 100vw, 296px&quot;--&gt; &lt;/a&gt;&lt;!--filtered end tag: &lt;/figure&gt;--&gt;&#10;&lt;!--filtered tag: &lt;h4--&gt;&lt;!--&amp;gt;--&gt;&lt;a href=&quot;https://www.graafinen.com/kirjallisuus/kirjallisuus_digi/dont-make-me-think/&quot; rel=&quot;nofollow ugc noopener&quot;&gt;Don’t Make Me Think&lt;/a&gt;&lt;!--filtered end tag: &lt;/h4&gt;--&gt;&#10;&lt;/div&gt;&#10;&lt;div class=&quot;item&quot;&gt;&#10;&lt;!--filtered tag: &lt;figure--&gt;&lt;!--&amp;gt;--&gt;&lt;a href=&quot;https://www.graafinen.com/kirjallisuus/kirjallisuus_digi/digital-design-essentials/&quot; rel=&quot;nofollow ugc noopener&quot;&gt; &lt;/a&gt;&lt;!--filtered end tag: &lt;/figure&gt;--&gt;&#10;&lt;!--filtered tag: &lt;h4--&gt;&lt;!--&amp;gt;--&gt;&lt;a href=&quot;https://www.graafinen.com/kirjallisuus/kirjallisuus_digi/digital-design-essentials/&quot; rel=&quot;nofollow ugc noopener&quot;&gt;Digital Design Essentials&lt;/a&gt;&lt;!--filtered end tag: &lt;/h4&gt;--&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;div id=&quot;comments&quot; class=&quot;single-box comments-area&quot;&gt; &lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;div class=&quot;grid-4 column-2&quot;&gt;&#10;&lt;div id=&quot;text-7&quot; class=&quot;widget widget_text&quot;&gt;&#10;&lt;h3&gt;Seuraa Underpondia&lt;/h3&gt;&#10;&lt;div class=&quot;textwidget&quot;&gt;&#10;&lt;p&gt;Ota seurantaan Graafinen.comin perustajan uusin musiikkiprojekti Underpond.&lt;br/&gt;&#10;&lt;a href=&quot;https://open.spotify.com/artist/4GDm0iJet3AYwq3C8BHtjX?si=AwYQOzqJTxyXQWOI3zMbJw&quot; rel=&quot;noopener nofollow ugc&quot; target=&quot;_blank&quot;&gt;SPOTIFY&lt;/a&gt; • &lt;a href=&quot;https://www.instagram.com/underpond.music&quot; rel=&quot;noopener nofollow ugc&quot; target=&quot;_blank&quot;&gt;INSTAGRAM&lt;/a&gt; • &lt;a href=&quot;https://www.facebook.com/underpond.music&quot; rel=&quot;noopener nofollow ugc&quot; target=&quot;_blank&quot;&gt;FACEBOOK&lt;/a&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;a href=&quot;http://www.underpond.com&quot; rel=&quot;noopener nofollow ugc&quot; target=&quot;_blank&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-912&quot; src=&quot;https://www.graafinen.com/wp-content/uploads/underpond-ad-400x400px.jpg&quot; alt=&quot;Underpond&quot; loading=&quot;lazy&quot;/&gt;&lt;!--filtered attribute: srcset=&quot;https://www.graafinen.com/wp-content/uploads/underpond-ad-400x400px.jpg 400w, https://www.graafinen.com/wp-content/uploads/underpond-ad-400x400px-150x150.jpg 150w, https://www.graafinen.com/wp-content/uploads/underpond-ad-400x400px-300x300.jpg 300w&quot;--&gt;&lt;!--filtered attribute: sizes=&quot;(max-width: 400px) 100vw, 400px&quot;--&gt;&lt;/a&gt;&lt;/p&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;div id=&quot;recent-posts-4&quot; class=&quot;widget widget_recent_entries&quot;&gt; &lt;/div&gt;&#10;&lt;div id=&quot;ti_code_banner-3&quot; class=&quot;widget widget_ti_code_banner&quot;&gt;&#10;&lt;div id=&quot;aswift_1_host/CICN4LH8mIQDFQjiOwIdOJEInw&quot; aria-label=&quot;Advertisement&quot;&gt; &lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;div id=&quot;ti_code_banner-6&quot; class=&quot;widget widget_ti_code_banner&quot;&gt;&#10;&lt;div id=&quot;aswift_2_host/CKPM5bH8mIQDFcbwOwIdttYKdg&quot; aria-label=&quot;Advertisement&quot;&gt; &lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;</content>
<published>2025-09-25T11:59:18+03:00</published>
</entry>


</feed>