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

Tomadin, Tiziana (2016) Projektiranje multimedijskog sadržaja na individualiziranoj web stranici uz korištenje responsive web dizajn tehnologije. Master's thesis - Graduate Programme. Grafički fakultet. [Mentor: Žiljak Stanimirović, Ivana].

PDF DB616_Tomadin_Tiziana.pdf Restricted to Registered users only Download (2MB)

Abstract

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.

Item Type:	Master's thesis - Graduate Programme
Mentor name:	Žiljak Stanimirović, Ivana
Thesis Committee:	Mrvac, Nikola and Žiljak Stanimirović, Ivana and Mikota, Miroslav
Defence date:	30 September 2016
Abstract in english:	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.
Uncontrolled Keywords:	responzivnost, media query, HTML, CSS
Keywords in english:	responsive, media query, HTML, CSS
Subjects:	TECHNICAL SCIENCES > Graphic Technology
Institution:	Grafički fakultet
City:	Zagreb
Number of Pages:	63
Callnumber:	ŽILJ 2016 TOM
Inventory number:	DB616
Depositing User:	Nina Jelača
Status:	Unpublished
Date Deposited:	16 Dec 2016 13:00
Last Modified:	16 Dec 2016 13:00
URI:	http://eprints.grf.unizg.hr/id/eprint/2667

Actions (login required)

View Item