 |
| taustakuva 2025 |
Värit:
 |
 |
| logo |
Kitujainen.com – taustakuvapohjainen rakenne
1. Taustakuva
Peittää koko sivun taustana.
Tärkein osa kuvasta keskelle (esim. yksityiskohtainen elementti), jotta se ei peity teksteillä.
Overlay (läsnä oleva läpinäkyvä kerros) tekstin taakse: noin 20–40 % peittävyys, jotta teksti erottuu.
2. Ylätunniste (Header)
Sijoitetaan taustakuvan yläosaan.
Keskitetty tai vasemmalle.
Taustakuvan näkyvyys:
Voi käyttää puoliläpinäkyvää taustaa otsikon takana (overlay)
Tekstin väri kontrastoi taustaa vastaan
3. Navigaatio
Ylätunnisteen alapuolella tai osana sitä.
Vaakapalkki, joka ei peitä liikaa taustaa
Tekstien kontrasti: selkeä fontti, mahdollista overlayta linkkien takana
4. Pääsisältö
Yksi pääkolumni: blogitekstit, kuvat
Tausta: joko täysin läpinäkyvä, jolloin taustakuva näkyy, tai kevyt overlay
Kuvat: sijoitetaan niin, että ne eivät “hukkaudu” taustaan
Kuvatekstit: erottuvat overlayn avulla, jos tarpeen
5. Sivupalkit
Oikealla ja vasemmalla
Kevyt, läpinäkyvä taustakerros, jotta taustakuva näkyy hiukan läpi
Sisältää linkkejä, kuvitusta, uutiskirjepainikkeen
6. Alatunniste (Footer)
Sijainti sivun alareunassa
Taustakuvan näkyvyys voidaan pitää: overlay tai yksivärinen pohja, jotta tekstit erottuvat
Sisältää copyright, blogin nimi, sähköposti
7. Responsiivisuus
Mobiilissa: yksi kolumni, navigaatio piilotettuna hamburger-valikkoon
Taustakuvan tärkeä osa keskitetty, ei tärkeää tietoa reunoilla
Overlay ja fonttien kontrasti tarkistettava eri näytöillä
 |
Ei kommentteja:
Lähetä kommentti
"Kiitos paljon, että otit aikaa lukeaksesi ja kommentoidaksesi kirjoitustani! Arvostaisin, jos voisit pitää kommenttisi ystävällisenä ja positiivisena. Kiitos myös, että tarkistat oikeinkirjoituksen ennen julkaisemista!"