Maciej SzwedHEAD OF DESIGN

Dlaczego motion design ratuje UX?

Czym jest motion design?

parallax

video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

http://c

problemy UX

co jest najwaniejsze i na co zwrci uwag? co mam robi dalej? skd mam wiedzie e ukoczyem zadanie? nie rozumiem co te informacje przedstawiaj

Patterny / przykady uycia

video credit: https://material.google.com/motion

potwierdzenie akcji

https://material.google.com/motion

video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

potwierdzenie akcji

http://c

video credit: https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

potwierdzenie akcji

https://blog.prototypr.io/motion-design-is-the-future-of-ui-fc83ce55c02f#.zwpxdogrl

hierarchia informacji

video credit: https://material.google.com/motion

https://material.google.com/motion

video credit: https://dribbble.com/ColinGarven, https://dribbble.com/chanpory

pokazanie statusu kontrola

https://dribbble.com/ColinGarvenhttps://dribbble.com/chanpory

dummy content

video credit: Dribbble, Andrew McKay for Atlassian

pull to refresh

video credit: FB Paper App

wyznaczenie kierunku orientacja

video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

ograniczona powierzchnia

video credit: https://dribbble.com/shots/1640866-Alarm-Material-UI

zoom

https://dribbble.com/shots/1640866-Alarm-Material-UI

video credit: https://material.google.com/motion

przejcie midzy ekranami

https://material.google.com/motion

video credit: https://material.google.com/motion

https://material.google.com/motion

source: https://material.google.com/motion

https://material.google.com/motion

`

`

visual continuity

video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

video credit: FB Paper App

wskazwka

video credit: https://dribbble.com/shots/1861517-Messages-Animation

wskazwka

https://dribbble.com/shots/1861517-Messages-Animation

video credit: https://material.google.com/motion

zwrcenie uwagi

https://material.google.com/motion

video credit: https://material.google.com/motion

zwrcenie uwagi

https://material.google.com/motion

video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

symulacja opowiadanie historii

video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

ukrywanie opnie

video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/

wzmocnienie brandu

https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu

video credit: https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu, https://uimovement.com/

zadbanie o szczegy

https://dribbble.com/shots/1832066-GIF-for-Restaurant-Menu

video credit: http://theultralinx.com/2016/01/inspirational-ui-design-20/

podsumowanie

Maciej SzwedHEAD OF DESIGN