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

01 Lekcija

01 Lekcija

Prezentācija

Pirmās dienas prezentācija

Prezentācija

Pirmās dienas prezentācija

Prezentācija

Pirmās dienas prezentācija

Diskusija

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

Diskusija

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

Diskusija

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

Lekcija

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

Lekcija

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

Lekcija

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

Diskusija

Dizains ikdienā - vai tu to ievēro?

Diskusija

Dizains ikdienā - vai tu to ievēro?

Diskusija

Dizains ikdienā - vai tu to ievēro?

Tests

Dizaina principu treniņš (cantunsee.space)

Tests

Dizaina principu treniņš (cantunsee.space)

Tests

Dizaina principu treniņš (cantunsee.space)

02 Lekcija

02 Lekcija

02 Lekcija

Figma

Figma Desktop versija

Figma

Figma Desktop versija

Figma

Figma Desktop versija

Lekcija

Figmas instalēšana un lietošanas pamati

Lekcija

Figmas instalēšana un lietošanas pamati

Lekcija

Figmas instalēšana un lietošanas pamati

Praktiskais

Reģistrē Figma kontu, izveido projektu

Praktiskais

Reģistrē Figma kontu, izveido projektu

Praktiskais

Reģistrē Figma kontu, izveido projektu

03 Lekcija

03 Lekcija

03 Lekcija

Lekcija

Demonstrēju Figmas rīkus

Lekcija

Demonstrēju Figmas rīkus

Lekcija

Demonstrēju Figmas rīkus

Praktiskais

Praktizē līdzi pasniedzējam Figma failā

Praktiskais

Praktizē līdzi pasniedzējam Figma failā

Praktiskais

Praktizē līdzi pasniedzējam Figma failā

Tests

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

Tests

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

Tests

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

Lekcija

Pastāstu par Figma spraudņiem

Lekcija

Pastāstu par Figma spraudņiem

Lekcija

Pastāstu par Figma spraudņiem

Praktiskais

Izmēģini dažādus spraudņus

Praktiskais

Izmēģini dažādus spraudņus

Praktiskais

Izmēģini dažādus spraudņus

Figma

Figma spraudņi (Figma community)

Figma

Figma spraudņi (Figma community)

Figma

Figma spraudņi (Figma community)

Bloga raksts

Figma spraudņu tops (Bloga raksts)

Bloga raksts

Figma spraudņu tops (Bloga raksts)

Bloga raksts

Figma spraudņu tops (Bloga raksts)

04 Lekcija

04 Lekcija

04 Lekcija

Diskusija

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

Diskusija

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

Diskusija

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

Lekcija

Pastāstu par Figma kopienu (Community)

Lekcija

Pastāstu par Figma kopienu (Community)

Lekcija

Pastāstu par Figma kopienu (Community)

Figma

Aplikāciju dizaini - Figma community

Figma

Aplikāciju dizaini - Figma community

Figma

Aplikāciju dizaini - Figma community

05 Lekcija

05 Lekcija

05 Lekcija

Praktiskais

Nokopē dizainu aplikācijai

Praktiskais

Nokopē dizainu aplikācijai

Praktiskais

Nokopē dizainu aplikācijai

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

Iedvesma

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

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

01 Lekcija

01 Lekcija

Prezentācija

Otrās dienas prezentācija

Prezentācija

Otrās dienas prezentācija

Prezentācija

Otrās dienas prezentācija

Balsojums

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

Balsojums

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

Balsojums

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

Praktiskais

Dizaina identitātes izstrāde

Praktiskais

Dizaina identitātes izstrāde

Praktiskais

Dizaina identitātes izstrāde

Figma fails

Figma darba fails

Figma fails

Figma darba fails

Figma fails

Figma darba fails

Figma

Bezmaksas fontu kolekcija - Figma resurss

Figma

Bezmaksas fontu kolekcija - Figma resurss

Figma

Bezmaksas fontu kolekcija - Figma resurss

Resurss

Krāsu gammu ģenerators

Resurss

Krāsu gammu ģenerators

Resurss

Krāsu gammu ģenerators

Praktiskais

Vienkārša logotipa izveide

Praktiskais

Vienkārša logotipa izveide

Praktiskais

Vienkārša logotipa izveide

Praktiskais

Dizaina sistēmas saglabāšana

Praktiskais

Dizaina sistēmas saglabāšana

Praktiskais

Dizaina sistēmas saglabāšana

02 Lekcija

02 Lekcija

02 Lekcija

Iedvesma

Aplikācijas kartes ģenerators (UX Pilot)

Iedvesma

Aplikācijas kartes ģenerators (UX Pilot)

Iedvesma

Aplikācijas kartes ģenerators (UX Pilot)

Figma

Wireframe komplekts

Figma

Wireframe komplekts

Figma

Wireframe komplekts

Lekcija

Demonstrēju Framer vidi - responsīvs dizains

Lekcija

Demonstrēju Framer vidi - responsīvs dizains

Lekcija

Demonstrēju Framer vidi - responsīvs dizains

03 Lekcija

03 Lekcija

03 Lekcija

Lekcija

Pastāstu par režģiem - Wireframes

Lekcija

Pastāstu par režģiem - Wireframes

Lekcija

Pastāstu par režģiem - Wireframes

Lekcija

Demonstrēju Auto-layout funkciju

Lekcija

Demonstrēju Auto-layout funkciju

Lekcija

Demonstrēju Auto-layout funkciju

Praktiskais

Auto-layout praktizēšana 1.0 (Poga)

Praktiskais

Auto-layout praktizēšana 1.0 (Poga)

Praktiskais

Auto-layout praktizēšana 1.0 (Poga)

Figma

Auto-layout praktizēšana (Playground)

Figma

Auto-layout praktizēšana (Playground)

Figma

Auto-layout praktizēšana (Playground)

Lekcija

Demonstrēju Komponentes

Lekcija

Demonstrēju Komponentes

Lekcija

Demonstrēju Komponentes

Praktiskais

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

Praktiskais

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

Praktiskais

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

04 Lekcija

04 Lekcija

04 Lekcija

Lekcija

Demonstrēju izvēlnes izveidi

Lekcija

Demonstrēju izvēlnes izveidi

Lekcija

Demonstrēju izvēlnes izveidi

Praktiskais

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

Praktiskais

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

Praktiskais

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

Figma

Apple iOS 18 UI Kit

Figma

Apple iOS 18 UI Kit

Figma

Apple iOS 18 UI Kit

Figma

Apple resursi Figma community

Figma

Apple resursi Figma community

Figma

Apple resursi Figma community

05 Lekcija

05 Lekcija

05 Lekcija

Lekcija

Demonstrēju Prototipēšanu

Lekcija

Demonstrēju Prototipēšanu

Lekcija

Demonstrēju Prototipēšanu

Praktiskais

Prototipēšanas praktizēšana

Praktiskais

Prototipēšanas praktizēšana

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

01 Lekcija

01 Lekcija

Prezentācija

Trešās dienas prezentācija

Prezentācija

Trešās dienas prezentācija

Prezentācija

Trešās dienas prezentācija

Praktiskais

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

Praktiskais

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

Praktiskais

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

Iedvesma

H1 Virsrakstu galerija

Iedvesma

H1 Virsrakstu galerija

Iedvesma

H1 Virsrakstu galerija

Iedvesma

Hero sadaļu galerija

Iedvesma

Hero sadaļu galerija

Iedvesma

Hero sadaļu galerija

Iedvesma

Izvēļņu galerija

Iedvesma

Izvēļņu galerija

Iedvesma

Izvēļņu galerija

Iedvesma

CTA galerija

Iedvesma

CTA galerija

Iedvesma

CTA galerija

Iedvesma

Kājeņu galerija

Iedvesma

Kājeņu galerija

Iedvesma

Kājeņu galerija

Iedvesma

404 galerija

Iedvesma

404 galerija

Iedvesma

404 galerija

02 Lekcija

02 Lekcija

02 Lekcija

Lekcija

Prototipēšana 2.0

Lekcija

Prototipēšana 2.0

Lekcija

Prototipēšana 2.0

Praktiskais

Slēptās izvēlnes veidošana

Praktiskais

Slēptās izvēlnes veidošana

Praktiskais

Slēptās izvēlnes veidošana

Praktiskais

Horizontāla skrollēšana

Praktiskais

Horizontāla skrollēšana

Praktiskais

Horizontāla skrollēšana

03 Lekcija

03 Lekcija

03 Lekcija

Lekcija

Animācijas prototipiem un iespējas

Lekcija

Animācijas prototipiem un iespējas

Lekcija

Animācijas prototipiem un iespējas

04 Lekcija

04 Lekcija

04 Lekcija

Lekcija

Pieejamība, lietojamība

Lekcija

Pieejamība, lietojamība

Lekcija

Pieejamība, lietojamība

05 Lekcija

05 Lekcija

05 Lekcija

Praktiskais

Prototipa testēšana ar Maze.co

Praktiskais

Prototipa testēšana ar Maze.co

Praktiskais

Prototipa testēšana ar Maze.co

Diskusija

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

Diskusija

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

Diskusija

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