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

• Laadige töö dijkstrasse kataloogi "public_html/ui/praks7"
• kirjutage kiri, kus on töö klõpsitav aadress ja töö tegiate nimed ja täispikad tudengikoodid.
• saatke kiri oma praktikumi õppejõule erik.soekov@ttu.ee või mariliis.haalme@ttu.ee