05. Veebilehe layout. UX-kavandid ja UI-prototüüp.

Sissejuhatus (5-10min)

Selles tunnis tegeleme järgmiste asjadega:

Figma – autolayout'i meenutus eelmisest tunnist. Jätkame pisut detailsemalt. Lisaks selgitan võrgustiku olemust (grid)

Jätkame alustatud UX-kavandite loomisega. Vaatame üle tehtud, räägin juurde

Alustame UI-prototüübi loomisega

Puudujate märkimine, samal ajal täidavad õpilased tunni alguse sisendi (5 min):

https://forms.office.com/e/eMShrpAvWj⁠

⁠

Figma layouti loomine autolayouti abil, ehk, et jätkame eelmisel tunnil tehtu detailsemaks tegemist. Fill, hug ja fixed. Min width, max width ja loomulikult ka heigtht Auto layout – vertical, horsiontal, wrap

https://www.figma.com/file/O0xl06vM7Lg4RzVphgNvLc/HTML?type=design&node-id=0-1&mode=design&t=kgCh7dXWPpSX5z0x-0⁠

⁠

Lisaks grid, ehk baasvõrgustik, lehe ülesehitus, layout.

⁠

UX-kavandi loomine Mõtle uuesti läbi, vajadusel loe eelmise tunni materjale – miks on UX-kavand vajalik, mis see üldse on? Üldine liikumisloogika, vajalikud elemendid ja mis, kus juhtub kui kasutaja midagi teeb. Sisu(tekst ja pildiideed). Vaata, kas sinu UX-kavand aitab sind. Mis siis saab kui see kliendile ei sobi? Kui raske on muuta disaini kui oled selle liiga detailseks lihvinud?

Tunni lõpetamise pilet (5min):

https://forms.office.com/e/s23ARQE4bM⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.