Primjena SVG animacija u web dizajnu

master's thesis

• Author: Filip Tomorad
• Mentor: Jesenka Pibernik (mentor)
• Committee member: Jurica Dolić (predsjednik povjerenstva)
• Committee member: Jesenka Pibernik (član povjerenstva)
• Committee member: Lidija Mandić (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2022-09-27, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

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.

Abstract (english)

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.

• Keywords: Vektorska grafika; SVG; web; animacija
• Keywords (english): Vector graphics; SVG; web; animation
• Language: croatian
• URN:NBN: urn:nbn:hr:216:508710
• Study programme: Title: Graphic technology; specializations in: Graphic technology, Design of graphic products; Course: Design of graphic products; Study programme type: university; Study level: graduate; Academic / professional title: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Open access
• Created on: 2024-06-20 09:08:21