Primjena SVG animacija u web dizajnu

diplomski rad

• Autor: Filip Tomorad
• Mentor: Jesenka Pibernik (mentor)
• Član povjerenstva: Jurica Dolić (predsjednik povjerenstva)
• Član povjerenstva: Jesenka Pibernik (član povjerenstva)
• Član povjerenstva: Lidija Mandić (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2022-09-27, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

Velika raznolikost uređaja putem kojih korisnici danas konzumiraju sadržaj navela je dizajnere i developere da stranice razvijaju uporabom fleksibilnih elemenata
koji su sposobni mijenjati poziciju, veličinu, boju, i ostale vizualne atribute. Vektorska grafika ovdje pruža jasne prednosti nad rasterskom. Osim neograničene
rezolucije i male veličine datoteka, vektori omogućuju razlamanje slike na njene dijelove, kojima se može pojedinačno manipulirati. Takvu je izmjenu atributa
i oblika vektora moguće provesti postepeno, čime nastaje animacija. Standard
koji omogućuje interakciju web-jezika s vektorskom grafikom je jezik SVG. Cilj je
ovoga rada pružiti pregled mogućnosti koje SVG tehnologija pruža u kontekstu
web-dizajna, s fokusom na uporabu animacije, te opisati načine na koje se kori-
štenjem popratnih jezika SVG elementi mogu pretvoriti u pokretne grafike.

Sažetak (engleski)

The diversity of devices with which today’s users consume content requires designers and developers to create websites using flexible elements able to change
position, size, colour, and other visual attributes. Vector graphics offer clear advantages over raster ones in this area. Besides their limitless resolution and small
file size, vectors allow for manipulation of specific objects within the image. This
manipulation can be done gradually, creating animation. The standard which allows for the interactivity of web-languages and vector graphics is the language
SVG. The aim of this paper is to give insight into the possibilities that SVG technology offers in the context of web-design, with a focus on use of animation, and
to summarize the methods of using other languages to turn SVG elements into
motion graphics.

• Ključne riječi: Vektorska grafika; SVG; web; animacija
• Ključne riječi (engleski): Vector graphics; SVG; web; animation
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:508710
• Studijski program: Naziv: Grafička tehnologija; smjerovi: Tehničko-tehnološki, Dizajn grafičkih proizvoda; Smjer: Dizajn grafičkih proizvoda; Vrsta studija: sveučilišni; Stupanj studija: diplomski; Akademski / stručni naziv: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (univ. mag. ing. techn. graph.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Otvoreni pristup
• Datum i vrijeme pohrane: 2024-06-20 09:08:21