Mokymų teikėjo pateikta informacija
Programa „WEB dizainas (UX/UI) pasitelkiant AI įrankius“ skirta asmenims, siekiantiems įgyti ar tobulinti šiuolaikines UX/UI dizaino ir skaitmenines kompetencijas. Mokymų metu dalyviai susipažins su vartotojo patirties kūrimo principais, informacijos architektūra, dizaino sistemomis, spalvų ir tipografijos teorija, taip pat su mokymosi procesą spartinančiais dirbtinio intelekto (AI) įrankiais.
Didelis dėmesys skiriamas praktikai – dalyviai kurs tinklalapių ir mobiliųjų aplikacijų dizainus, atliks vartotojų tyrimus, rengs prototipus naudodamiesi „Figma“, „Adobe Photoshop“ ir kitomis programomis. Baigiamasis projektas leis įtvirtinti įgytas žinias, pristatant pilną UX/UI sprendimą. Programa orientuota į persikvalifikuojančius ir savo kvalifikaciją keliančius asmenis, siekiančius kurti konkurencingus skaitmeninius produktus ir sėkmingai integruotis į IT bei kūrybinių industrijų darbo rinką.
—
| Temos pavadinimas | Trumpas temos aprašymas |
|---|---|
| 1. Įvadas į UX/UI | Tinklalapiai, jų tipai, terminologija. Įvadas į UX/UI (vartotojo patirtis/vartotojo sąsaja) ir dizaino mąstymą. Kursinio darbo, t.y. tinklalapio dizaino, temos pasirinkimas. Konkurentų analizė. Praktinis darbas: tinklalapių tipai, UX/UI kriterijai, temos pasirinkimas, konkurentų analizė; |
| 2. UX tyrimai ir duomenų analizė | Susipažinimas su naudotojų tyrimo metodais: apklausomis, interviu, Google Analytics, A/B testavimo ir kitais metodais. Praktinis darbas: naudotojo interviu ir apklausos klausimų konstravimas, interviu ir apklausos grupėse. UX naudotojo tyrimo metodai ir tyrimo įžvalgų sisteminimo metodai: giminingumo diagrama, persona, naudotojo empatijos žemėlapis, naudotojo kelionės žemėlapis, naudotojo srautų diagrama. DI įrankių panaudojimas, konstruojant klausimus. Praktinis darbas: darbas FigJam interaktyvioje lentoje - giminingumo diagrama, persona, naudotojo empatijos žemėlapis, naudotojo kelionės žemėlapis, naudotojo srautų diagrama; |
| 3. Informacijos architektūros principai | Informacijos architektūra, organizavimo, pavadinimų, navigacinės ir paieškos sistemos. Svetainės žemėlapio (sitemap) kūrimas, struktūros eskizų (wireframes sketch) kūrimas ir praktikos. Praktinis darbas: tinklalapio schemos kūrimas, struktūrinių eskizų kūrimas ir pavyzdžiai. Turinio bei navigacijos elementų pateikimo ir išdėstymo modeliai, jų parengimas. Gairės vartotojo sąsajos prototipams ir jų vizualizavimui); |
| 4. Prisitaikančiojo dizaino principai. Susipažinimas su Figma | Kompozicijos principai. Wireframe kūrimas. Praktinis darbas: susipažinimas su Figma, dizaino kūrimas su Figma. Kurti vartotojo patyrimo ir dizaino specifikacijas; |
| 5. Kompozicijos principai. Mobiliųjų įrenginių naudotojo sąsajos ypatumai | Kompozicijos principai. Piešimo, kompozicijos, spalvotyros ir grafinio dizaino pagrindų išmanymas ir taikymas. Kompiuterinės grafikos ir leidybos programų taikymas grafinio dizaino elementams komponuoti. Mobiliųjų įrenginių naudotojo sąsajos ypatumai. Praktinis darbas: mobilaus web dizaino kūrimas, darbas su baigiamuoju projektu Figmoje; |
| 6. Prekės ženklas.Tipografija | Įvadas į Prekės ženklą (brand ir logo), reikalavimai webui, naujausios tendencijos, geriausios praktikos. Susipažinimas su Adobe Illustrator programa ir logo kūrimu joje. Praktinis darbas: Prekės ženklo idėjos apsibrėžimas, pavadinimo galvojimas, logo ekskizavimas, nuotaikų lentos (moodboard) kūrimas. Tipografijos stiliai, reikalavimai webui. Tipografijos skalės kūrimas ir įrankiai. Praktinis darbas: tipografijos parinkimas, dydžių skalės kūrimas, darbas su baigiamuoju projektu; |
| 7. Dizaino sistema ir spalvos | Dizaino sistema. Spalvų teorija ir spalvų reikšmės, spalvos parinkimas web projektui, įrankiai ir programos. Spalvų ir tipografijos bibliotekos kūrimas Figmoje. Praktinis darbas: spalvų paletės kūrimas, darbas su Figma baigiamuoju projektu, DI įrankiai; |
| 8. Nuotraukos ir iliustracijos | Nuotraukų ir iliustracijų stiliai, reikalavimai webui, DI įrankiai su kuriais galima redaguoti ar kurti nuotraukas ir iliustracijas. Susipažinimas su nuotraukų redagavimu Adobe Photoshop programoje. Darbas su nuotraukomis ir iliustracijomis Figmoje, gradientų kūrimas. Praktinis darbas: nuotraukų ir/ar iliustracijų projektui parinkimas ir įdėjimas į Figmą; |
| 9. UI (Vartotojo sąsaja) | UI (vartotojo sąsaja) komponentai ir jų būsenos: mygtukai, meniu, kortelės, formos, filtrai ir kiti. Praktinis darbas: komponentų bibliotekos kūrimas Figmoje, pasidalinimas bibliotekomis tarp komandų, darbas su baigiamuoju projektu; |
| 10. WEB animacijos | WEB animacijų tipai, mikrointerakcijos, animacijos Figma programoje. Praktinis darbas: Figma prototipo animavimas, darbas su Figma, baigiamuoju projektu; |
| 11. Front-End | Komunikavimas su programuotojams, dizaino failų perdavimas programuotojams. Figma dizaino konvertavimas į kodą. Tinklapio kūrimas su Wix, Webflow ir WordPress. Praktinis darbas: HTML ir CSS užduotys. Aukštesnio automatizavimo lygio kalbų, skirtų vartotojo sąsajų kūrimui (TypeScript, Dart, SASS, LESS ir kt.), pagrindinės savybės ir panaudojimas); |
| 12. UX/UI dizaino projekto pristatymas | UX/UI dizaino projekto pristatymas. Gerosios praktikos pavyzdžiai. Aptariami dizaino kokybės, funkcionalumo, prieinamumo ir naudotojo patirties vertinimo kriterijai, taikomi įmonėse. |
| 13. Sekančių dizaino projektų paieškos būdai ir freelancinimas | Šioje temoje dalyviai supažindinami su praktiniais dizaino projektų paieškos būdais bei laisvai samdomo darbo (angl. freelance) principais. Analizuojamos populiarios platformos ir darbo paieškos kanalai (pvz., Upwork, Behance, Dribbble), aptariami sėkmingo portfolio kūrimo ir kliento pritraukimo metodai. Populiariausių vartotojo sąsajos kūrimo bibliotekų ir karkasų (Zepto, Cash, Umbrella , AngularJS, Twitter Bootstrap ir kt.) pagrindinės savybės, skirtumai ir panaudojimas eskizams kurti; |
| 14. Baigiamojo projekto dizaino kūrimas ir konsultacijos | Praktikinis darbas: Tinklalapio dizaino kūrimas su Figma, konsultacijos; |
| 15. Mobilios aplikacijos dizaino kūrimas ir konsultacijos | Mobiliųjų aplikacijų dizaino principų apžvalga, pavyzdžiai ir geriausios praktikos. Dirbtinio intelekto įrankiai. Praktinis darbas: mobiliosios aplikacijos dizaino kūrimas su Figma; |
| 16. Žinių patikrinimo klausimai ir baigiamųjų projektų pristatymai | Žinių patikrinimas vykdomas naudojantis skaitmeninėmis testavimo ir apklausų priemonėmis, vertinant dalyvių gebėjimą taikyti UX/UI žinias dirbant su Figma ir kitomis dizaino platformomis. Baigiamųjų projektų pristatymų metu dalyviai skaitmeninėmis priemonėmis (prototipais, pateiktimis, ekrano demonstravimu) pristato sukurtą skaitmeninį turinį, argumentuoja sprendimus ir reflektuoja atsakingą skaitmeninių technologijų naudojimą. |
—
—
Mokymosi programos trukmė: 192 akad. val.
Praktinio kontaktinio darbo trukmė: akad. val.
Teorinio kontaktinio darbo trukmė: akad. val.
Savarankiško darbo trukmė: akad. val.
Įgytų kompetencijų vertinimo sistema / skalė: Įskaityta
Tvarkaraščių duomenų nėra.
Įvertinimų dar nėra.