Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Typografinen hierarkia | Osio
Visuaalisen Suunnittelun Perusteet

Typografinen hierarkia

Pyyhkäise näyttääksesi valikon

Note
Huomio

Typografinen hierarkia ohjaa lukijaa sisällön läpi käyttämällä kokoa, painoa, sijoittelua ja tyyliä korostamaan eri tietotasoja.

Suunnittelijat luovat hierarkiaa päättämällä, mitä luetaan ensin, toiseksi ja niin edelleen, ja käyttävät sitten välistystä, lihavointia tai kursivointia sisällön visuaaliseen järjestämiseen. Lähestymistavan tulisi vaihdella yleisön ja median mukaan. Tässä muutamia vinkkejä hyvän hierarkian saavuttamiseen:

Kontrasti

Voit yhdistää tiivistettyjä ja laajennettuja fontteja otsikoissa. Voit käyttää myös väriä, mutta vältä liian samankaltaisia värejä tai väriyhdistelmiä, jotka värisevät, kuten punainen ja vihreä yhdessä. Jos tekstisi on värillinen, valitse rohkeampi fontti paremman näkyvyyden takaamiseksi. Toinen vahva työkalu on "kirjasinkoko". Suuri kokoero auttaa lukijaa huomaamaan heti, mikä on tärkeää. Pienet muutokset eivät juuri vaikuta. Pyri tekemään ero selkeäksi.

Älä liioittele

Liian monen korostuskeinon, kuten lihavoinnin, kursivoinnin, alleviivauksen, kokomuutosten ja värin, käyttö yhtä aikaa luo vain sekavuutta. Käytä kontrastia harkiten. Parhaat suunnittelut ovat selkeitä, eivät äänekkäitä.

Kirjasinkoko ei ole kaikki

Kyllä, kirjasin on vahva työkalu, mutta sen vaikutus riippuu kontekstista, ympäröivästä tilasta, fontin painosta ja muusta asettelusta. Suuri teksti kiinnittää huomion, mutta toimii parhaiten tasapainossa muiden suunnitteluratkaisujen kanssa.

Otsikoilla on myös suuri merkitys

Kun olet selvittänyt sisältösi rakenteen, määritä otsikkokoot ja -tyylit niiden tärkeyden mukaan. Varmista, että eri tasot erottuvat selvästi toisistaan. Voit myös leikitellä otsikoilla luovasti. Kokeile rivinvaihtoja, käytä eri kokoja samassa otsikossa tai vähennä pienempien sanojen, kuten "ja" tai "the", näkyvyyttä. Nämä keinot korostavat avainsanoja.

question mark

Miksi isot kirjaimet tarvitsevat lisätilaa suunnittelussa?

Valitse oikea vastaus

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 29

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 1. Luku 29
some-alt