Material design s primjenom u mobilnim aplikacijama

završni rad

• Autor: Magdalena Đukić
• Mentor: Tajana Koren Ivančević (mentor)
• Član povjerenstva: Maja Rudolf (član povjerenstva)
• Član povjerenstva: Tajana Koren Ivančević (član povjerenstva)
• Član povjerenstva: Nikolina Stanić Loknar (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2019-09-24, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

Material design je ideja dizajnera kompanije Google objavljena 2014. godine. Glavna obilježja su upotreba sjene za postizanje „dubine“, responzivne animacije i tranzicije te raspored na zaslonu temeljen na upotrebi mreže. Postoje i karakteristični elementi koji su predstavnici material designa, primjerice, lebdeći gumb koji ima fiksnu poziciju na zaslonu te je na z osi pozicioniran više od ostalih elemenata koji pregledavanjem prolaze ispod njega. Točno je određeno čemu služi koja komponenta, tj. kako se može, a kao ne može koristiti te ih na taj način treba upotrebljavati. Ovaj rad obrađuje temu kroz teorijski i eksperimentalni dio. Teorijski dio rada obuhvaća sam nastanak material designa i njegovu osnovnu ideju kao i informacije o pojedinoj komponenti i njihovoj primjeni u android mobilnim aplikacijama. Eksperimentalni dio rada uključuje izradu nekoliko ekrana koji čine aplikaciju te prikazuje pravilnu integraciju i upotrebu komponenti koje na taj način podižu korisničko iskustvo na višu razinu. Ekrani prikazuju osnovni izgled material komponenti, međutim, one se bojom te obrubom, sjenom i animacijama mogu dodatno prilagoditi brendu. Sami ekrani izrađeni su u prikladnim grafičkim programima.

Sažetak (engleski)

Material design was developed and published in 2014 by designers at Google. Main features of Material design are elevation of elements, responsive animations and transitions, as well as the layout made using the grid. Some components are characteristic for material design. The floating action button is one of them. All material components have a specified usage and rules that need to be followed. This thesis writes about the foundation of material design, how it all started and about the rules of using certain components and how they can be implemented to a certain layout. The experimental part od this thesis includes several screens of an android mobile application. The screens show the accurate usage of components and explains how the correct implementation influences a better user experience. Design showed on the screens is an example that uses the components in the simplest way. Adding color, borders, shadow and animations makes the design more interesting. That way designs can be modified to suit the preferences of a company or someone who requested the design. The screens are made using suitable graphics programs.

• Ključne riječi: material design; responzivni dizajn; material komponente; korisničko iskustvo; korisničko sučelje
• Ključne riječi (engleski): material design; responsive design; material components; user experience; user interface
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:736076
• Studijski program: Naziv: Grafička tehnologija; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije (bacc. ing.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Otvoreni pristup
• Datum i vrijeme pohrane: 2024-04-16 15:38:53