Cassiopeia Code: Käyttöliittymä- ja UX-suunnittelu
Moduuli 1: Johdanto UI/UX-suunnitteluun
- Mikä on UI ja UX?
Esitellään käyttöliittymän (UI) ja käyttäjäkokemuksen (UX) käsitteet sekä niiden merkitys verkkosivujen suunnittelussa. - Käyttäjäystävällisyys verkkosuunnittelussa
Selkeyden ja käytettävyyden periaatteet, joilla varmistetaan käyttäjille positiivinen kokemus.
Moduuli 2: Käytettävyys ja rakenne
- Navigointi ja informaatioarkkitehtuuri
Navigaation ja selkeän rakenteen merkitys, jotta käyttäjät löytävät helposti haluamansa tiedon. - Rautalankamallin (wireframe) luominen
Opetellaan rautalankamallien tekeminen, jotka toimivat pohjana suunnitelmalle.
Moduuli 3: Värit ja typografia
- Värien käyttö ja merkitys UI/UX-suunnittelussa
Värien vaikutus käyttäjäkokemukseen, väripsykologia ja kontrastin merkitys saavutettavuuden kannalta. - Typografia verkkosivuilla
Typografian valinta ja asettelu verkkosivujen luettavuuden ja estetiikan parantamiseksi.
Moduuli 4: Komponentit ja UI-elementit
- Keskeiset UI-elementit
Käyttöliittymän peruselementit, kuten painikkeet, lomakkeet ja kuvakkeet, sekä niiden käyttö parhaiden käytäntöjen mukaisesti. - Visuaalinen hierarkia ja CTA (Call-to-Action)
Miten luoda visuaalista hierarkiaa, joka ohjaa käyttäjää tärkeisiin toimintoihin ja parantaa käyttökokemusta.
Moduuli 5: Responsiivinen suunnittelu ja saavutettavuus
- Responsiivisuus ja mobiilioptimointi
Miten suunnitella sivu, joka näyttää hyvältä kaikilla laitteilla. - Saavutettavuus verkkosivusuunnittelussa
Käytännöt, joilla varmistetaan, että sivusto on saavutettava mahdollisimman monille käyttäjille, mukaan lukien värisokeat ja heikkonäköiset.
Moduuli 6: Oma suunnitelma – blogi- tai portfoliosivun rakentaminen
- Lopputyö: Suunnitelman toteutus
Käytä koko kurssin aikana oppimiasi taitoja ja luo suunnitelma, joka voi olla esimerkiksi henkilökohtainen blogisivu, portfoliosivusto tai muu projekti. - Vertaispalaute ja arviointi
Osallistujat voivat jakaa suunnitelmansa muiden kurssilaisten kanssa saadakseen palautetta ja kehitysehdotuksia.
Tässä on mainittu muutamia hyödyllisiä ja ilmaisista verkkosivuja, jotka voivat täydentää kurssiasi käyttöliittymä- ja käyttäjäkokemussuunnittelussa. Voit syventää osaamistasi ja saada inspiraatiota omien verkkosivujen suunnitteluun: Adobe XD Tutorials tuottaa ilmaisia tutoriaaleja ja oppaita käyttöliittymä- ja käyttäjäkokemussuunnittelusta Adobe XD:n avulla. Canva Design School tarjoaa ilmaisia kursseja ja artikkeleita suunnittelun perusteista, kuten värit, typografia ja sommittelu. Mobbin on laaja kirjasto mobiilisovellusten käyttöliittymän suunnittelun esimerkeistä.
Arviot
Tuotearvioita ei vielä ole.