Interaktyvus WEB DIZAINAS su FIGMA
4.7 (60)

"FastTrack LT", UAB

Interaktyvus WEB DIZAINAS su FIGMA

Neformaliojo suaugusiųjų švietimo programa | 22006130007

  • Mokymai prasideda:
  • Trukmė: 60 akad. val.
  • Kaina nuo:
  • Finansavimas:

Apie mokymus

Mokymų teikėjo pateikta informacija

Anotacija

"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.

Į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

Aukštą pridėtinę vertę kuriančios kvalifikacijos ir kompetencijos

  • 128. Projektuoti ir programuoti žiniatinklio puslapių vartotojo sąsajas

Mokymosi programos turinys

Temos pavadinimas Trumpas temos aprašymas
1. 1. Figma programos įvadinė dalis 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
2. 5. Svetainės anatomija ir vartotojo patirtis 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
3. 7. Prototipavimas I 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
4. 3. Stilių kūrimas Figmoje I. Tipografinė dalis 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
5. 8. Prototipavimas II 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
6. 2. Kompozicinio tinklelio paruošimas Figmoje 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
7. 6. Figma autolayout, komponentai ir variantai 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
8. 4. Stilių kūrimas Figmoje II. Spalvų dalis 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
9. 10. Figma failo eksportavimas, importavimas, versijos istorija 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
10. 11. Figma finalinis projektas 1. Finalinio darbo užduotis ir pristatymas 2. Darbų peržiūra ir aptarimas 3. Patarimai ir vertingos nuorodos
11. 9. Mobilus dizainas 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

Programos ypatumai

Papildomi reikalavimai

Mokymosi programos trukmė

Mokymosi programos trukmė: 60 akad. val.

Praktinio kontaktinio darbo trukmė: akad. val.

Teorinio kontaktinio darbo trukmė: akad. val.

Savarankiško darbo trukmė: akad. val.

Vertinimas

Įgytų kompetencijų vertinimo sistema / skalė: 1-10

Slapukai

Naudojame būtinuosius slapukus, kad svetainė veiktų. Su jūsų sutikimu taip pat galime naudoti analitikos ir rinkodaros slapukus, kad pagerintume svetainės patirtį.
Būtinieji
Nuostatos
Analitika