Apie mokymus

Mokymų teikėjo pateikta informacija

Anotacija

Rodyti daugiau Rodyti mažiau

"Interaktyvus WEB DIZAINAS su FIGMA" yra 60 akademinių valandų trukmės išsamus kursas, skirtas suteikti gilias žinias ir praktinius įgūdžius dirbant su Figma (viena populiariausių ir inovatyviausių web dizaino priemonių). Programa apima viską nuo Figma pagrindų, tokių kaip įrankių naudojimas, šriftai, spalvos, paveikslėliai ir ikonos, iki sudėtingesnių technikų, įskaitant kompozicinio tinklelio paruošimą, tipografinio ir spalvų stiliaus kūrimą. Kursas taip pat dėmesį skiria svetainių anatomijai ir vartotojo patirčiai, pateikdamas esminius UX/UI principus ir gerąsias praktikas. Studentai išmoks naudoti Figma "Autolayout", "Constraints", komponentus ir variantus, o taip pat patyrinės prototipavimą ir mobilųjį dizainą, kad galėtų kurti responsyvius ir interaktyvius web dizainus.

Svarbi informacija

Mokymosi būdas

Nuotolinis sinchroninis

Vieta

Kalba

Lietuvių

Minimalūs reikalavimai dalyviui

Išsilavinimas

Vidurinis išsilavinimas

Įgyjamos ir tobulinamos kompetencijos

Bendrosios kompetencijos:

Skaitmeninė kompetencija

Profesinės kompetencijos:

Formuoti darbinius gebėjimus realioje darbo vietoje

Analizuoti bei suprasti įvairių tipų reikalavimus, aprašančius programą

Projektuoti ir programuoti žiniatinklio puslapių vartotojo sąsajas

Taikyti programinės įrangos kūrimui naudojamus informatikos principus ir metodus

Mokymosi programos turinys

Temos pavadinimas	Trumpas temos aprašymas
Temos pavadinimas 1. Figma programos įvadinė dalis	Trumpas temos aprašymas 1. Programos apžvalga 2. Pagrindiniai įrankiai ir jų naudojimas 3. Šriftai, spalvos, paveikslėliai ir ikonos 4. Vektorinės figūros 5. “Frame” ir “grupės” skirtumai Figmoje 6. Figma “puslapių” ir “sluoksnių” svarba 7. Naudingų Figma įskiepių apžvalga 8. “Kaukės” kūrimas ir paveikslėlio apkirpimas 9. Komentarai ir failo pasidalinimas su komanda 10. Figma failo viršelio sukūrimas 11. Klasės projektas
Temos pavadinimas 5. Svetainės anatomija ir vartotojo patirtis	Trumpas temos aprašymas 1. Svarbiausios svetainės struktūros dalys 2. Tinklapių rūšys 3. UX ir UI disciplinų skirtumai ir panašumai 4. Mygtukai ir formos. Rekomendaciniai dydžiai 5. Klasės projektas ir teorija
Temos pavadinimas 7. Prototipavimas I	Trumpas temos aprašymas 1. Kaip prototipuoti su Figma 2. Prototipo peržiūros lango nustatymų apžvalga 3. Animacijų įvairovė prototipuojant 4. Prototipo testavimas mobilioje versijoje 5. Klasės projektas
Temos pavadinimas 3. Stilių kūrimas Figmoje I. Tipografinė dalis	Trumpas temos aprašymas 1. Populiariausi šriftų dydžiai web dizaine 2. Šrifto stiliaus kūrimas Figmoje 3. Kelių skirtingų šriftų derinimas tarpusavyje patarimai 4. “Lorem ipsum” teksto generavimas ir kur jį naudoti 5. Kaip ištaisyti pradingusį tekstą Figma faile 6. Klasės projektas ir teorija
Temos pavadinimas 8. Prototipavimas II	Trumpas temos aprašymas 1. Popup lango prototipavimas 2. Užsklandos ekrano animacija 3. “Slide-in” funkcija prototipe 4. “Fiksuotų” ir “prilipusių” elementų interakcijos 5. Mikrointerakcijos 6. Klasės projektas
Temos pavadinimas 2. Kompozicinio tinklelio paruošimas Figmoje	Trumpas temos aprašymas 1. Tinklelio nauda kuriant web dizainą 2. Tinklelių kūrimas skirtingiems ekrano dydžiams 3. “Wireframe” - svetainės brėžinio paruošimas 4. Geštalto principai kompozicijoje 5. 8px taisyklė ir jos nauda 6. Klasės projektas ir teorija
Temos pavadinimas 6. Figma autolayout, komponentai ir variantai	Trumpas temos aprašymas 1. Kaip naudoti “Autolayout” 2. “Constraints” naudojimas Figmoje 3. Komponentų ir jų variantų kūrimas 4. Patarimai kur laikyti sukurtus komponentus 5. Komponentų įvardijimo konvencija ir gerosios praktikos 6. Klasės projektas
Temos pavadinimas 4. Stilių kūrimas Figmoje II. Spalvų dalis	Trumpas temos aprašymas 1. Stilių kūrimas Figmoje II. Spalvų dalis (5 ak. val.) 2. Nuotaikų lenta ir inspiracijų paieška 3. Spalvų paletės kūrimas 4. Spalvų stiliaus kūrimas 5. “Gradient” - spalvų perėjimų kūrimas Figmoje 6. Klasės projektas ir teorija
Temos pavadinimas 10. Figma failo eksportavimas, importavimas, versijos istorija	Trumpas temos aprašymas 1. Failų ir elementų eksportavimas 2. Darbo istorijos išsaugojimas ir failo saugojimas kompiuteryje 3. Dizaino sistemos ir bibliotekos 4. Projektiniai (draft) failai ir komandos kūrimas Figmoje 5. Darbo dalijimasis su programuotojais. Ką verta žinoti 6. Klasės projektas ir teorija
Temos pavadinimas 11. Figma finalinis projektas	Trumpas temos aprašymas 1. Finalinio darbo užduotis ir pristatymas 2. Darbų peržiūra ir aptarimas 3. Patarimai ir vertingos nuorodos
Temos pavadinimas 9. Mobilus dizainas	Trumpas temos aprašymas 1. Prisitaikančio (Responsive) dizaino principai 2. Dizaino kūrimas skirtingiems įrenginiams 3. Gerosios praktikos ir rekomenduojami dydžiai 4. Klasės projektas ir teorija