Šta je responsive web dizajn?

Responsive web dizajn je naziv sa sajtove kod kojih se koristi mnoštvo tehnika da bi bio savršeno prikazan na ekranu. To znači da je sajt pregledan i da korisnici mogu lako da koriste navigaciju. Tehnike ovakvog web dizajna prati nekoliko koncepata:

Fleksibilni elementi

Jedan od većih problema pravljenja sajta za mobilne telefone je doneti odluku o tome koju veličinu sajta izabrati. Sve veća popularnost smartfona (sa različitim veličinama ekrana, specifikacijama, uobičajenim brauzerima, operativnim sistemom i td.) čini razvoj sajtova izazovnijim. Plus činjenica da se sve više smartfona i drugih mobilnih uređaja predstavlja svaki dan.

Povrh svega, za svaki sajt koji napravite za ovakve uređaje, želite da napravite dve vrste pregleda: portret i landscape.

Responsive web dizajn vam dozvoljava da koristite odgovarajuću veličinu slika, veličinu stranice, čak se i navigacija prilagođava uređaju.

Slike. Responsive web dizajn omogućuje da na svom sajtu imate veliku sliku, i da tu istu sliku možete u punoj veličini da vidite i na manjim ekranima, bez pomeranja slike levo, desno, gore, dole.

Tekst. Tekst će se sam prilagoditi uređaju. Biće čitljiv i na destkop računaru i na Android platformi kao i na iPhone-u.

Izgled strane. Napraviti sajt koji ima responsive dizajn podrazumeva da on ima različit izgled strane u zavisnosti od veličine ekrana uređaja.

Postoji još dosta elemenata koji se mogu razlikovati u zavisnosti od veličine ekrana, kao što su boja pozadine, tabele i td.

Prikazivanje samo neophodnog sadržaja

Jedan od najvećih problema sa malim ekranima je taj što se nemože prikazati na tako malom ekranu sav sadrzaj kao i na destkop računaru. Responsive web dizajn omogućava korisnicima da sakriju ili prikažu određeni sadržaj.

Primer je web mail. Na desktopu će te naći dosta informacija na ekranu, kao što su ime, prezime, email, email primaoca, poruka i td. Međutim na malim ekranima je to previše teksta koji bi bio mali i nepregledan. Sa druge strane sve informacije su važne. Šta će te uraditi?

Možete da sakrijete jedan deo sadržaja i da ih prikažete samo onda kada ih korisnik traži. Na primer možete da prikažete samo ime i predmet poruke i kada korisnik klikne na email da mu se prikaže cela kontakt poruka uveličana.

Ekrani osetljivi na dodir

Prilikom izrade sajta sa responsive web dizajnom treba imati u vidu da većina korisnika ima uređaje sa ekranima osetljivim na dodir. Tasteri i linkovi moraju da budu napravljeni tako da se lako pritiskaju na malim uređajima.