Refinando suas interfaces com animações

Codepen da Palestra: https://codepen.io/abnersajr/full/mOjrXO/

Detalhes simples podem fazer uma boa diferença em sua interface, desde a troca da cor da fonte, bem como o movimento da seta ao interagir com ela. Recebemos o PSD estático, algumas vezes com referências e outras vezes não, por fim temos que programar e fazer ela ficar bonita e agradável para o usuário final. A intenção da palestra é apresentar alguns conceitos e como pensar em coisas que podem auxiliar tanto na UX como embelezar sua UI.

Transcript

23. Devices Complex, full screen transitions Objects entering the screen Objects leaving the screen Mobile over 375ms over 225ms over 195ms Larger Screens over 450ms over 270ms over 235ms Tablets 30% plus than mobile 30% plus than mobile 30% plus than mobile Weareables 30% less than mobile 30% less than mobile 30% less than mobile
24. http://cubic-bezier.com/ http://easings.net/