Dizaina speciāliste strādā pie responsīvas tīmekļa izstrādes
"

Responsīvā dizaina izpratne sākas šeit

Izveido lietotājam draudzīgas saskarnes, kas pielāgojas jebkuram ekrānam. Mācies no reālām situācijām un strādā ar mūsdienu rīkiem.

Kādēļ šī pieeja atšķiras no citām?

01

Mācies praktiski strādājot

Izveido reālus projektus, kas simulē īstus klientu pieprasījumus. Sapratīsi, kā mijiedarbība starp CSS grid, flexbox un media queries darbojas kopā, nevis atsevišķi.

02

Novērtē dizaina lēmumus

Uzzini, kāpēc noteiktas dizaina izvēles uzlabo lietojamību mobilajās ierīcēs. Analizē, kā tipgrāfija un atstarpes ietekmē lasāmību dažādos ekrānos.

03

Risini sarežģītus gadījumus

Izej cauri scenārijiem, kur standarta risinājumi nedarbojas. Mācies, kā pielāgot navigāciju, tabulas un formas, saglabājot funkcionalitāti.

Ar ko strādāsi šajā programmā?

Ilze Kalniņa – tīmekļa dizaina pasniedzēja ar 8 gadu pieredzi

Ilze Kalniņa vada seminārus

Ilze strādā ar responsīvo dizainu kopš 2017. gada, kad mobilā piekļuve kļuva par dominējošo. Viņa ir izstrādājusi vairāk nekā 60 komerciālus projektus dažādās nozarēs.

Programmas laikā redzēsi, kā Ilze pieiet sarežģītiem layout scenārijiem un kā viņa testē risinājumus reālos ierīcēs. Viņa dalās ar kļūdām, ko pieļāvusi, un ar stratēģijām, kas šīs kļūdas novērš.

  • Izstrādā pielāgotu pieeju katram projektam
  • Fokusējas uz performanci un pieejamību
  • Izmanto reālus datus no lietotāju testiem
  • Sniedz detalizētu atgriezenisko saiti par taviem darbiem

Kā notiek mācību process?

1

Analīze pirms izstrādes

Izvērtē projekta prasības un lietotāju vajadzības. Izveido wireframe, kas ietver breakpoint stratēģiju un satura hierarhiju dažādos ekrānos.

2

Izveido bāzes struktūru

Sāc ar mobile-first pieeju un pakāpeniski pievieno sarežģītāku layout loģiku lielākiem ekrāniem. Testē katru breakpoint reālistiskos apstākļos.

3

Uzlabo detaļas

Pielāgo tipgrāfiju, attēlus un interaktīvos elementus. Pārbaudi, vai touch targets ir pietiekami lieli mobilajās ierīcēs un vai hover efekti darbojas desktop versijā.

4

Piedalies grupu diskusijās

Prezentē savu darbu citiem dalībniekiem un saņem konstruktīvu kritiku. Uzzini, kā citi risinājuši līdzīgas problēmas un kāpēc viņu izvēles darbojās vai nedarbojās.

Kas notiek pēc programmas beigām?

Dati no iepriekšējo grupu dalībniekiem par viņu rezultātiem

87%
Izmanto iegūtās prasmes savos projektos
64%
Paaugstināja savu amata pozīciju 6 mēnešu laikā
91%
Atzīst, ka uzlabojās viņu izpratne par lietojamību

Ko ietver praktiskā daļa?

Responsīvas tīmekļa vietnes izstrādes process ar vairākiem ekrāniem

Strādāsi ar reāliem projekta datiem, nevis ar izdomātiem piemēriem. Izveido e-komercijas platformas produktu sarakstu, kas pielāgojas no 320px līdz 1920px platumam.

Iemācīsies, kā pārvaldīt kompleksas formas, kuras satur daudzus ievades laukus un kuras ir lietojamas gan uz tālruņiem, gan uz planšetēm. Pārbaudīsi, kā izmēri, krāsas un tipgrāfija ietekmē lietotāja uztveri.

Programmas beigās tev būs portfolio ar 4 pabegtiem projektiem, kurus vari demonstrēt darba devējiem vai klientiem.

Saņem individuālu atgriezenisko saiti par katru tavēju darbu. Ilze pārbauda tavu kodu un norāda uz vietām, kur var uzlabot performance vai pieejamību.

Piedalies tiešsaistes diskusijās, kur analizē citu dalībnieku risinājumus un kopā meklē labākās prakses. Katrs seminārs ilgst 2 stundas, un notiek reizi nedēļā.

Mācību materiāli paliek pieejami 6 mēnešus pēc programmas beigām, lai varētu atgriezties pie tiem, kad nepieciešams.

Tīmekļa vietnes responsīvais dizains ar adaptīvu navigācijas sistēmu