Opi designia
Universaalit periaatteet jotka pätevät jokaiseen tyyliin. Vaihda tyyliä nähdäksesi miten kukin tulkitsee näitä konsepteja eri tavalla.
Mitä täällä opit?
Nämä sivut opettavat graafisen ja visuaalisen suunnittelun perusperiaatteet — väriteorian, typografian, sommittelun, kontrastin, hierarkian ja paljon muuta. Ne perustuvat designin perusteoksien pedagogiseen rakenteeseen (Albers, Itten, Arnheim, Samara) mutta esitetään interaktiivisen demonstraation kautta staattisen kuvituksen sijaan.
Miten oppimiskokemus eroaa täällä?
Useimmilla opetussivuistoilla luet kontrastista ja katsot esimerkkikuvaa. Täällä koet kontrastin — vaihda tyyliä ja katso miten Art Deco luo hierarkiaa kulta-mustalla draamalla kun Nordic Minimal saavuttaa sen tyhjän tilan ja painon avulla. Koko sivu on esimerkki.
Missä järjestyksessä kannattaa edetä?
Aloita perusteista (väri, typografia, viiva, tila) — nämä ovat rakennuspalikat. Siirry suhteisiin (kontrasti, hierarkia) — miten elementit vuorovaikuttavat. Sitten kokemus (rytmi, valo, tekstuuri, liike) — miltä design tuntuu ajan myötä. Edistyneet aiheet (sommittelu, yhtenäisyys, tyyli) yhdistävät kaiken kokonaiseksi design-ajatteluksi. Lopuksi soveltava (saavutettavuus, responsiivinen suunnittelu) kattaa käytännön vaatimukset digitaalisessa ympäristössä.
Viiva ja muoto
Piste, viiva, pinta. Kaiken visuaalisen muodon rakennuspalikat.
PerusteetVäriteoria
Väriympyrä, harmonia, lämpötila, valööri. Miten väri luo merkitystä.
PerusteetTypografia
Anatomia, pariutus, hierarkia, luettavuus. Kirjaimet arkkitehtuurina.
PerusteetTila ja asemointi
Gridi, marginaalit, tyhjä tila, sommittelu. Näkymätön rakenne.
SuhteetKontrasti
Vastakohta, jännite, draama. Miten erilaisuus luo merkitystä.
SuhteetHierarkia
Katseen ohjaus. Koko, paino, sijainti, väri järjestyksenä.
KokemusRytmi ja toisto
Kuvio, tempo, sekvenssi. Visuaalisen designin musiikki.
KokemusValo ja varjo
Syvyys, tunnelma, fokus. Valaistus designtyökaluna.
KokemusTekstuuri ja materiaali
Pinta, kosketeltavuus, fyysisyys. Miltä design tuntuu.
KokemusLiike ja animaatio
Liike viestii. Kesto, easing ja persoonallisuus ajan kautta.
EdistynytSommittelu
Kolmannesten sääntö, kultainen leikkaus, tasapaino. Kokonaisuuden järjestäminen.
EdistynytYhtenäisyys ja koherenssi
Miten osista tulee kokonaisuus. Visuaalinen ääni ja johdonmukaisuus.
EdistynytTyyli ja tunnelma
Kun kaikki yhdistyy tunteeksi. Tyylin tunnistaminen ja luominen.
SoveltavaSaavutettavuus
Suunnittele kaikille. WCAG, kontrasti, värisokeus ja inklusiivinen käytäntö.
SoveltavaResponsiivinen suunnittelu
Yksi design, jokainen näyttö. Miten asemointi mukautuu puhelimesta työpöydälle.