Metodika & požiūris

Spalvų teorijatinklalapių dizainui

Kiekvienas webinaras remiasi struktūruotu mokymosi procesu — nuo spalvų fizikos iki jų taikymo realiuose projektuose. Jokių abstrakčių paskaitų, tik konkrečios priemonės ir patikrinami rezultatai.

Mokymosi programa

Kaip vyksta mokymasis

Procesas sukurtas taip, kad kiekvienas žingsnis būtų paremtas ankstesniu. Spalvų teorija tinklalapių dizaine nėra tik estetika — tai sistemingas suvokimas, kuris lemia, ar dizainas veikia, ar ne. Mokymąsi pradedame nuo fizinių spalvų savybių, pereiname prie psichologinio poveikio vartotojui, o tada — prie praktinių sprendimų.

Kiekvienas sesijos blokas baigiasi konkrečia užduotimi: sukurti paletę, patikrinti kontrastą pagal WCAG kriterijus arba parinkti spalvas konkrečiam UI elementui. Grįžtamasis ryšys pateikiamas per gyvą transliaciją, ne vėliau.

Nuo 2014 m.

Platforma dirba su dizaineriais, kūrėjais ir produktų komandomis iš skirtingų šalių. Spalvų teorijos kursas buvo vienas pirmųjų — ir iki šiol labiausiai atnaujinamas.

Kiekviena laida papildoma naujais įrankių pavyzdžiais ir realių svetainių analize.

Spalvų modeliai ekranui

RGB, HSL ir HEX — ne tik teorija, bet ir praktinis skirtumas tarp to, kaip spalva atrodo ekrane ir kaip ją koduojame CSS. Nagrinėjame opacity, mix-blend-mode ir realiuose projektuose daromus sprendimus.

Psichologinis poveikis

Kodėl raudona paspartina sprendimą, o mėlyna sukuria pasitikėjimą? Remiantis tyrimų duomenimis, nagrinėjame, kaip vartotojai reaguoja į spalvų derinius, ir kaip tai lemia konversijų rodiklius.

Paletės kūrimas

Spalvų rato dėsningumai — komplementiniai, analoginiai, triadiniai deriniai — su konkrečiais pavyzdžiais iš „Stripe", „Linear" ir kitų produktų. Praktikos metu naudojame „Figma" ir „Coolors" įrankius.

Prieinamumas ir kontrasto tikrinimas

WCAG AA ir AAA reikalavimai — kaip juos patikrinti automatiškai ir rankiniu būdu. Nagrinėjame realius atvejus, kur blogai parinktos spalvos padarė žalą produkto naudojamumui.

Mokymosi proceso struktūra

Spalvų teorijos mokymosi proceso diagrama

Proceso komponentai

Teorinis pagrindas Kiekviena sesija pradedama trumpu teoriniu bloku — 20–25 min. Su vizualiais pavyzdžiais, be ilgų skaidrių.

Gyvas demonstravimas Lektorius realiuoju laiku kuria spalvų sprendimus ekrane — dalyviai mato procesą, ne tik galutinį rezultatą.

Pratybos Struktūruotos užduotys su konkrečia atskaitos taška — kiekvienai užduočiai apibrėžtas tikslus vertinimo kriterijus.

Grupinė analizė Dalyvių darbai aptariami kartu — tai efektyvesnis mokymosi būdas nei individualus vertinimas.

Savarankiškas taikymas Po sesijos — papildoma užduotis savarankiškam darbui su savo projektu ar hipotetiniais scenarijais.

Kuo ši metodika skiriasi

Spalvų teorija dažnai dėstoma atsieta nuo dizaino realybės. Čia kiekviena tema susieta su konkrečia situacija — naršyklės spalvų atvaizdavimas, tamsiosios temos perėjimai, prekinio ženklo paletės suderinimas su prieinamumo reikalavimais.

Sesijos trukmė — 90 min., be perteklinio užpildymo01
Klausimai ir atsakymai — integruoti į procesą, ne atskirai02
Medžiaga prieinama įrašo formatu po 24 val.03
Praktikos failai — „Figma" šablonai su komentuotomis spalvų sistemomis04
Kiekviena laida atnaujinta — ne kartojamas senas turinys05

Tomas Žukauskas

UI/UX lektorius

„Spalvų kontrastas — tai ne estetikos klausimas. Prastai parinktos spalvos reiškia, kad dalis vartotojų tiesiog nematys turinio. Tą paaiškiname su skaičiais, ne abstrakčiai."

Dainius Vaičiūnas

Priekinės dalies kūrėjas

„Kiekvienos sesijos metu žiūriu, kaip CSS spalvų funkcijos — oklch(), color-mix() — keičia tai, ką anksčiau reikėjo spręsti rankiniu būdu. Šios galimybės dar labai mažai išnaudojamos."