Kiedy to wszystko się zaczęło?

projektowanie stron internetowych

=

możliwości + moda

Macromedia 1996 -2005

Adobe Animate 2015

Możliwości

Kiedyś

Teraz

Trendy (moda) w projektowaniu

http://waaark.com/

Material design & Material motion

Material design & Material motion

http://roxik.com/cat/

RWD

http://mindjardesign.com/

SVG

http://history-of-animation.webflow.io/

Longpage - tzw. story telling

http://divenamicone.enjoy-aiia.com/

One page

http://projections.pl/

Zwinięte menu

https://dribbble.com/shots/2379527-JWT-icons

Animowane ikony

http://www.legworkstudio.com/

Animacje i filmy w tle

http://projections.pl/

Jeszcze raz, polski przykład

Dlaczego animuję?

Bo mogę.

 Jak zachować umiar, kiedy nie przesadzić?

http://www.lingscars.com/​

AAAAAAAA.....

http://www.intercity.pl/

Kiedy ktoś się starał i nie wyszło

http://www.dswww.pl/blog/91-strony-internetowe-z-animowanym-tlem.html

tutaj też coś nie tak

Kto w zespole projektowym odpowiada za animację?

UX

Grafik

Programista

makieta

projekt

kod

UX

Grafik

Programista

makieta

projekt

kod

UX

Grafik

Programista

makieta

projekt

kod

O czym powinni wiedzieć projektanci?

grid.

ograniczenie palety barw.

wektory.

myśl o wersji responsywnej.

jak mają się zachowywać poszczególne elementy?

dostępność.

Animacja w CSS

czy w JavaScript?

Czy animacja zrobiona w CSS  ma wpływ na przeglądarkę?

CSS bez

animacji

http://codepen.io/mariosmaselli/pen/ghmwq

CSS +

animacja

http://codepen.io/mariosmaselli/pen/ghmwq

A jaki wpływ ma WebGL?

http://madebyevan.com/webgl-water/

WebGL

a canvas?

canvas