UI:Animatsioonid

Allikas: Kursused
Redaktsioon seisuga 27. märts 2018, kell 18:34 kasutajalt Irve (arutelu | kaastöö)
Mine navigeerimisribale Mine otsikasti

Ü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

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