Header

Responsive design

Prilagodljivi dizajn

Pošalji komentar

Ocenite članak

 

Prilagodljiv web dizajn (Responsive web design, RWD) je tehnika koja se primenjuje u web dizajn-u i koja omogućava prikaz web stranice na različitim uređajima, sa ekranima različite veličine i rezolucije. Tako jedan web sajt, zahvaljujući tehnici prilagodljivog dizajna, može imati optimalan prikaz na

  • Desktop računaru
  • Laptop računaru
  • Tablet uređaju
  • Pametnom telefonu


Karakteristike prilagodljivog dizajna



Web-sajt koji primenjuje RWD tehniku ima sledeće karakteristike:

  • Upotreba fluidnih mreža. Dimenzije elemenata na stranici se zadaju u procentima [%].
  • Fleksibilne slike. Dimenzije slika se zadaju u procentima [%].
  • CSS3 medija upiti (CSS3 media queries). Dozvoljavaju stranici da koristi različite CSS stilove zavisno od trenutnih dimenzija ekrana.


Problemi u primeni prilagodljivog dizajna



  • Baneri ili video klipovi embedovani u web stranicu ne prate koncept prilagodljivosti.
  • Mnoštvo uređaja dostupnih na tržištu, šarolike dimenzije i rezolucije ekrana
Tagovi

web dizajn, responsive design, prilagodljivi web dizajn