Online Kurss
Kursa resursi

Figma prototipēšanas pamati un lietojamības testēšana

kurss radīts sadarbībā ar:

visualwise

academy

Kursa gaita

Dizaina principi. Figma praktizēšana.

1.diena

Savas aplikācijas izveide - no A-Z

2.diena

Lietojamība, pieejamība un testēšana.

3.diena

iepazīsties

Uzdevumi un resursi

1. Diena

Dizaina pamati

Pirmajā dienā Tu apgūsi zināšanas par 10 dizaina pamatprincipiem, krāsu un teksta mācību, kas palīdzēs tev atpazīt labu dizainu. Un turpināsi ar Figma programmas iemaņu praktizēšānu.

01 Lekcija

Prezentācija

Pirmās dienas prezentācija

Diskusija

Kādēļ šis kurss - prototipēšana?

Lekcija

Stāstu par 10 dizaina principiem, krāsām, tekstu

Diskusija

Dizains ikdienā - vai tu to ievēro?

Tests

Dizaina principu treniņš (cantunsee.space)

02 Lekcija

Figma

Figma Desktop versija

Lekcija

Figmas instalēšana un lietošanas pamati

Praktiskais

Reģistrē Figma kontu, izveido projektu

03 Lekcija

Lekcija

Demonstrēju Figmas rīkus

Praktiskais

Praktizē līdzi pasniedzējam Figma failā

Tests

Zīmēšanas treniņš (Bezier method)

Lekcija

Pastāstu par Figma spraudņiem

Praktiskais

Izmēģini dažādus spraudņus

Figma

Figma spraudņi (Figma community)

Bloga raksts

Figma spraudņu tops (Bloga raksts)

04 Lekcija

Diskusija

Kādas aplikācijas un lietotnes tu lieto ikdienā?

Lekcija

Pastāstu par Figma kopienu (Community)

Figma

Aplikāciju dizaini - Figma community

05 Lekcija

Praktiskais

Nokopē dizainu aplikācijai

Iedvesma

Dažādu iOS aplikāciju dizains (Mobbin.com)

Iedvesma

Dažādu mājaslapu dizainu kolekcija (landingfolio.com)

Iedvesma

Dažādu dizainu piemēri (behance.net)

Iedvesma

Dažādu dizainu piemēri (Pinterest.com)

2. Diena

Aplikācijas izstrāde

Otrajā dienā Tu sāksi izstrādāt savu aplikāciju, un izmantot resursus. Sāksi plānot un veidot aplikācijas skatus, kurus vēlāk padarīsi par interaktīvu un spaidāmu prototipu. Procesā apgūsi Figma programmas funkcionalitāti - auto-layout iestatījumus un komponenšu izveidi.

01 Lekcija

Prezentācija

Otrās dienas prezentācija

Balsojums

Kādu aplikāciju veidojam? (strawpoll.com)

Praktiskais

Dizaina identitātes izstrāde

Figma fails

Figma darba fails

Figma

Bezmaksas fontu kolekcija - Figma resurss

Resurss

Krāsu gammu ģenerators

Praktiskais

Vienkārša logotipa izveide

Praktiskais

Dizaina sistēmas saglabāšana

02 Lekcija

Iedvesma

Aplikācijas kartes ģenerators (UX Pilot)

Figma

Wireframe komplekts

Lekcija

Demonstrēju Framer vidi - responsīvs dizains

03 Lekcija

Lekcija

Pastāstu par režģiem - Wireframes

Lekcija

Demonstrēju Auto-layout funkciju

Praktiskais

Auto-layout praktizēšana 1.0 (Poga)

Figma

Auto-layout praktizēšana (Playground)

Lekcija

Demonstrēju Komponentes

Praktiskais

Auto-layout praktizēšana 2.0 (Kartiņa)

04 Lekcija

Lekcija

Demonstrēju izvēlnes izveidi

Praktiskais

Auto-layout praktizēšana 2.0 (Izvēlnes)

Figma

Apple iOS 18 UI Kit

Figma

Apple resursi Figma community

05 Lekcija

Lekcija

Demonstrēju Prototipēšanu

Praktiskais

Prototipēšanas praktizēšana

3 Diena

Prototips un testēšana

Trešajā dienā Tu nostiprināsi zināšanas par to, kā veidot sarežģītākus prototipus Figma vidē. Uzzināsi, kas ir

01 Lekcija

Prezentācija

Trešās dienas prezentācija

Praktiskais

Savā aplikācija saraksti īstus tekstus un saliec bildes

Iedvesma

H1 Virsrakstu galerija

Iedvesma

Hero sadaļu galerija

Iedvesma

Izvēļņu galerija

Iedvesma

CTA galerija

Iedvesma

Kājeņu galerija

Iedvesma

404 galerija

02 Lekcija

Lekcija

Prototipēšana 2.0

Praktiskais

Slēptās izvēlnes veidošana

Praktiskais

Horizontāla skrollēšana

03 Lekcija

Lekcija

Animācijas prototipiem un iespējas

04 Lekcija

Lekcija

Pieejamība, lietojamība

05 Lekcija

Praktiskais

Prototipa testēšana ar Maze.co

Diskusija

Ko plānojat darīt tālāk?