04. Figma auto-layout. UX kavanditega jätkamine

Sissejuhatus (5-10min)

Selles tunnis tegeleme järgmiste asjadega:

Figma – autolayout

Jätkame möödunud korral alustatud UX-kavandite loomisega

Kui jõuame, 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 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⁠

Selline autolayout, mis täidab automaatselt sisu ära – mõlemat pidi fill ja hallidel klotsidel vahed sees.

⁠

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.