Izrada animacija za korisničko sučelje mobilnih aplikacija

master's thesis

• Author: Roberta Stanić
• Mentor: Jesenka Pibernik (mentor)
• Committee member: Maja Brozović (član povjerenstva)
• Committee member: Jesenka Pibernik (član povjerenstva)
• Committee member: Vanda Jurković (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2017-9-27, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

Zahvaljujući današnjoj informatičkoj tehnologiji, simulacije i animacije u raznim

filmovima i igrama su dosegle granice stvarnosti. Pojavom interneta i mobilnih

uređaja, dizajneri su počeli stvarati simulacije direktno na uređajima kojima vlada

čovjek. Pomoću animiranih elemenata, korisnik uređaja je svijeniji da on izravno

utječe na operativni sustav, a to ga čini i sretnijim. Animacijom interakcije između

korisnika i mobilnog uređaja, osoba dobiva vizualna znanja i pretpostavke što mora

učiniti i kako pronaći odgovarajući sadržaj. Zahvaljujući tome, osoba zaprima

pozitivno korisničko iskustvo, što označava i želju da isti sadržaj ponovo koristi, a

samim time će se takav sadržaj i lakše prodati.

U ovom se diplomskom radu pravi osvrt na rane početke izrade animacije te

kojim tehnikama je nju moguće stvoriti. Uzevši u obzir da se animacija danas

izrađuje na računalima, u radu se navode i nekoliko računalnih programa u kojima

se animacija može izraditi, ali i u kojim se formatima može spremiti kao datoteka.

Jedna od današnjih primjena animacija su u korisničkim sučeljima računala, tableta i

mobitela, pa je i istaknuta važnost Googleovog dizajnerskog jezika pod nazivom

Material Design. Ovaj diplomski rad se u konačnici najviše bavi animacijom na

mobilnim uređajima. Navodi važnost takvih animacija te kakve postoje. Jedne od

animacija na mobilnim uređajima su animacije učitavanja. Navedene su njene

karakteristike i vrste, a u praktičnom djelu rada prikazano je kako izraditi takvu

animaciju pomoću računalnog programa Adobe After Effects. U konačnici,

istraživački dio rada prikazuje rezultate provedenog istraživanja o doživljaju i

estetici izrađenih animacija na korisnicima mobilnih uređaja. Uz sve navedene

činjenice i rezultate unutar rada, donosi se cjelokupni zaključak.

Abstract (english)

Thanks to today's computer technology, simulations and animations in various

movies and video games have reached the limits of reality. With the appearance of

the internet and mobile devices, designers have begun to create simulations directly

on devices, ruled by a user. With animated elements, the user is more aware that he

directly affects the operating system, and that makes him satisfied. By animating

intercourse between users and mobile devices, the person gets the visual knowledge

and assumptions about what he needs to do and how to find the right content. With

that, a user receives a positive user experience, which means the desire to re-use the

same content, which will make it easier and easier to sell.

This paper gives a real overview of the early beginnings of animation and which

techinques can create it. While today's animation is being made on computers,

several computer programs are mentioned to make one, and in which formats can be

saved as a file. One of today's animated applications is in user interfaces of

computers, tablets and mobile phones, so it's highlighted the importance of Google's

design language called Material Design. This paper is mostly about animations on

mobile devices. It states the importance of such animations and which types of those

animations do exist. One of the animations on mobile devices is animation of

loading. Its features and types are listed, and in the practical part of the paper is

shown how to create such an animation using the Adobe After Effects computer

program. Ultimately, the research part of the paper shows the results of a survey of

users experience and aesthetics of animated design on mobile device users. In

addition to all overwhelming facts and results, the whole conclusion is made.

• Keywords: Simulacija; animacija; mobilni uređaji; interakcija; korisničko iskustvo; računalni programi; Material Design; animacija na mobilnim uređajima; animacija učitavanja; Adobe After Effects
• Keywords (english): Simulation; animation; mobile devices; interaction; user experience; computer programs; Material Design; mobile animation; loading animation; Adobe After Effects
• Language: croatian
• URN:NBN: urn:nbn:hr:216:434632
• Study programme: Title: Graphic technology; specializations in: Graphic technology, Design of graphic products; Course: Graphic technology; 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: Closed access
• Created on: 2024-04-18 22:01:35