UI:Animatsioonid

Ülesanne on rikastada kasutajakogemust läbi animeeritud elementide

Ülesanne

Kasutades wow.js , animate.js , CSS3 transition või teisi animeerimise hõlbustamise vahendeid valmistage lehekülg, mis demonstreerib järgmist:

• Elemendi ilmumine ja kadumine - See animatsioon mõelda nii, et väärtustaks liidest ja kasutajapoolset kogemust
• Kasutaja pilgu juhtimine - See animatsioon disainige nii, et haarate mingi liikuva elemendi/serva/objektiga kasutaja tähelepanu ja viite selle sinna, kuhu ta järgmisel hetkel tahaks vaadata
• Elemendile tähelepanu juhtimine - See animatsioon disainige nii, et segate kasutaja tähelepanu animatsiooniga ja tõmbate pilgu enda juurde.

Animatsioonid võiks olla käivitatavad lingil või nupul klõpsides. Töö võib teha kahekesi.

Viited

• CSS3 Transitions
• WOW.js
• animate.css

Esitamine

• Salvestage töö arvutiklassi W: kettale või veebi.
• Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Animatsioonid" (mis on oluline, sest sortimine!), ning milles on teie töö aadress.

NB: Arvutiklasside veebiketastel leiduv on nähtav aadressil: http://www.tud.ttu.ee/web/Teie.Kasutajanimi/ ja vajab index.html faili (ning ärge unustage suuri tähti). Võimalik on kasutada ka dijkstra serverit, kuhu sobivad samuti teie klassikasutajad ja kus samuti on tarvis kasutada suurti tähti.

Hindamise sissekandmisel on kasu ka ka autorite nimedest!