Projektiranje multimedijskog sadržaja na individualiziranoj web stranici uz korištenje responsive web dizajn tehnologije

diplomski rad

• Autor: Tiziana Tomadin
• Mentor: Ivana Žiljak Stanimirović (mentor)
• Član povjerenstva: Nikola Mrvac (član povjerenstva)
• Član povjerenstva: Ivana Žiljak-Stanimirović (član povjerenstva)
• Član povjerenstva: Miroslav Mikota (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2016-9-30, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

Prilagodljivi, odnosno responsive web dizajn (akronim: RWD) je moderni pristup izradi web stranica. Tako dizajnirane stranice automatski se prilagođavaju uređaju s kojeg ih korisnik posjećuje–platformi, veličini i orijentaciji samog uređaja.Cilj primjene prilagodljivog web dizajna leži u pružanju što boljeg korisničkog iskustva korisnicima te stranice, prvenstveno onima koji stranice posjećuju pomoću pametnih mobilnih telefona i tableta, čiji je broj svaki dan u porastu. RWD utječe na korisničko iskustvo i uvelike povećava zadovoljstvo korisnika, što dovodi do češćeg korištenja takve stranice. Za izradu stranice koja poštuje pravila RWD-a potrebno je poštovati načela izrade, te upotrijebiti različite web alate koji nam to omogućavaju. Prije izrade potrebno je ustanoviti tko su ciljani korisnici i izraditi personu. Nakon toga slijedi proces projektiranja stranice, planiranje sadržaja stranice, izrada prvih prototipa na papiru i wireframeova, sve do visoko vjernih prototipa koji se izrađuju u grafičkim programima kao što su Photoshop i Illustrator. Rezultat tog procesa je funkcionalna web stranica koja sadrži multimedijske sadržaje, realizirana pomoću HTML5, CSS3 i JavaScript programskih jezika koji služe za strukturiranje, prezentaciju i interakciju na stranici. Rad se koncentrira na detekciju čestih problema koji se javljaju tijekom razvoja stranice i nudi optimalna rješenja kako bi se što lakše realizirale web stranice koje nude kvalitetno korisničko iskustvo.

Sažetak (engleski)

Responsive web design (acronym: RWD) is a modern approach to web page developing. Responsive web design pages adapt automatically to the device the user is browsing from, it adapts to the device platform, size and orientation of the device. The point of using responsive web design while developing pages is to give the best user experience to the page users, especially the ones who use smartphones and tablets to visit the page, which are in growth. Responsive web design influences users and provides quality user experience, leading the user to visit the site more. To develop a page that respects RWD rules, one should follow industry recommendations, but also use different web tools to facilitate the process. First step is to establish who are the target users of the page, by research and persona developing. After that, the web page developing begins, by planning and deciding on the content of the page, sketching on paper and computer, prototyping, chosing colours and typography and lastly, making a high fidelity prototype in a graphic editor like Photoshop or Illustrator. The result should be a functional web page that has different multimedia elements on it, created with HTML5, CSS3 and JavaScript programming languages, who serve to structure the page, it’s content and enable interaction on the page. This paper is trying to detect problems one can encounter while developing a RWD page and offers different solutions that solve those problems and help in developing optimal user experience.

• Ključne riječi: responzivnost; media query; HTML; CSS
• Ključne riječi (engleski): responsive; media query; HTML; CSS
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:904521
• Studijski program: Naziv: Grafička tehnologija; smjerovi: Tehničko-tehnološki, Dizajn grafičkih proizvoda; Smjer: Tehničko-tehnološki; 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: Zatvoreni pristup
• Datum i vrijeme pohrane: 2024-04-18 21:41:28