Služba 03
Pohyb, interakce a detaily, které dávají webu charakter — a nikdy nejdou proti obsahu.
Animace má vést pozornost, ne na sebe upozorňovat. Pracujeme s pravidlem devadesát ku deseti: většina stránky je klidná a pohyb se objeví tam, kde něco vysvětluje — přechod mezi sekcemi, změna stavu, odhalení další části.
Všechno stavíme s ohledem na výkon. Animujeme vlastnosti, které zvládne grafická karta, těžké scény načítáme až v prohlížeči a kreslíme jen to, co je vidět. Kdo si v systému vyžádá omezený pohyb, dostane statickou verzi — ne rozbitou stránku.
Stejná vzdálenost, stejný čas — jen jiný průběh. Pružina působí hravě, „zpomalit na konci" klidně a jistě. Vybíráme podle toho, co má pohyb říct.
Každá animace něco sděluje: souvislost, hierarchii nebo změnu stavu.
Rozpočet na snímkovou frekvenci určujeme dopředu a průběžně ho měříme.
Scéna se načítá až v prohlížeči, kreslí se jen když je vidět a má statickou náhradu.
Určíme, kde má pohyb pomoct a kde by rušil. Vzniká seznam momentů, ne seznam efektů.
Nejnáročnější interakci postavíme první, abychom věděli, že je proveditelná a rychlá.
Sjednotíme časování, křivky a vzdálenosti, aby web působil jako jeden celek.
Zapojíme animace do stránek a průběžně měříme dopad na výkon.
Omezený pohyb, slabší zařízení, chybějící WebGL — každá varianta musí obstát.
Poslední kolo je o rychlosti a jemnosti. Většina práce je tady ubírání.
Máte něco v hlavě?
Chcete probrat službu „Animace a interakce“? Napište nám a domluvíme si nezávazný hovor.