Optymalny rozmiar layoutu strony www

Optymalny rozmiar layoutu strony www

Podczas przygotowywania layoutu strony www projektant musi podj膮膰 decyzj臋 co do optymalnego rozmiaru szaty graficznej. Musi przy tym wzi膮膰 pod uwag臋 przeznaczenie strony, jej plany rozwojowe, jak i popularne rozdzielczo艣ci. Projekty layout贸w w dzisiejszych czasach musz膮 by膰 dostosowywane do urz膮dze艅 mobilnych, kt贸re s膮 coraz bardziej powszechnie wykorzystywane.

Projektowanie na r贸偶ne rozdzielczo艣ci

Projektant musi wzi膮膰 pod uwag臋 to, 偶e tworzony przez niego layout dla strony www b臋dzie wykorzystywany na r贸偶nych urz膮dzeniach. Dlatego te偶 musi on d膮偶y膰 do projektowania w spos贸b elastyczny grafiki, dostosowanej do wielu rozdzielczo艣ci. Nale偶y podkre艣li膰, 偶e optymalna prezentacja grafiki w ramach jednego projektu staje si臋 niemo偶liwa w obliczu urz膮dze艅, kt贸re posiadaj膮 przegl膮darki stron www. Maj膮 je niewielkie telefony, jak i ogromne telewizory. Layout strony powinien odr臋bnie zosta膰 przygotowany dla komputer贸w stacjonarnych i notebook贸w, czy urz膮dze艅 mobilnych.

Przy podejmowaniu decyzji o najlepszych rozdzielczo艣ci layoutu strony www nale偶y zwr贸ci膰 uwag臋 na DPI urz膮dze艅, czyli ilo艣膰 pikseli wy艣wietlan膮 w jednym calu ekranu. Ekrany o wi臋kszej warto艣ci DPI maj膮 najwy偶sz膮 rozdzielczo艣膰, przy tej samej przek膮tnej i charakteryzuj膮 si臋 ostrzejszym obrazem. S膮 to najwy偶szej klasy wy艣wietlacze, kt贸re ju偶 dzi艣 s膮 montowane w urz膮dzeniach mobilnych oraz w laptopach, np. w MacBookach.

Przy testowaniu gotowych layout贸w w r贸偶nej rozdzielczo艣ci nale偶y jeszcze przyjrze膰 si臋 proporcjom ekranu urz膮dze艅, na kt贸rych maj膮 by膰 one docelowo wy艣wietlane. Proporcje, czyli tzw. aspect-ratio zwykle maj膮 warto艣ci 16:9 lub 4:3. Proporcje 16:9 dotycz膮 ekran贸w panoramicznych. W tabletach powszechnie za艣 wyst臋puj膮 proporcje 4:3. W r贸偶nych proporcjach ekranu content strony www b臋dzie prezentowa艂 si臋 inaczej. Nale偶y wi臋c d膮偶y膰 do wypracowania takiego rozwi膮zania, kt贸ry zadowoli u偶ytkownik贸w ekran贸w o r贸偶nych aspect-ratio.

Przy projektowaniu szaty graficznej stron www na r贸偶ne ekrany urz膮dze艅 wyposa偶onych w przegl膮darki, wszystko sprowadza si臋 do wysoko艣ci i szeroko艣ci layoutu w pikselach. Layout b臋dzie si臋 dobrze prezentowa艂 na ka偶dym ekranie, je艣li w ten spos贸b podejdziemy do projektowania.

Jak膮 rozdzielczo艣膰 wybra膰?

Najcz臋艣ciej projektanci przygotowuj膮 osobne projekty stron www dla monitor贸w w komputerach, dla telefon贸w i dla tablet贸w. Dla komputer贸w - stacjonarnych i mobilnych nale偶y przyj膮膰 tzw. rozdzielczo艣膰 deskopow膮 layoutu. Optymaln膮, najmniejsz膮 szeroko艣ci膮 wykorzystywan膮 na rynku jest 1280 px, pomijaj膮c rzadko ju偶 spotykan膮 1024 px. Przy projektowaniu layoutu nale偶y jeszcze wzi膮膰 pod uwag臋 to, 偶e sam interfejs wykorzystywanej przez u偶ytkownik贸w przegl膮darki zajmuje pewien procent szeroko艣ci ekranu. Maksymalnie, ze scrollbarem pionowym b臋dzie to jakie艣 30 px. Opr贸cz tego, nale偶y pozostawi膰 po prawej i lewej stronie wolne miejsce o szeroko艣ci oko艂o 20px. Uwzgl臋dniaj膮c pewien margines b艂臋du, przy szeroko艣ci ekranu na poziomie 1280px, szeroko艣膰 layoutu powinna wynosi膰 maksymalnie 1200px. Wysoko艣膰 ma przy tym mniejsze znaczenie, ale projektanci zaznaczaj膮, 偶e najlepiej by by艂o aby kluczowa tre艣膰 witryny mie艣ci艂a si臋 na przestrzeni o wysoko艣ci 740px.

Przy projektowaniu layoutu dla innych urz膮dze艅 z przegl膮dark膮, nale偶y wzi膮膰 pod uwag臋 oczywi艣cie inn膮 minimaln膮 szeroko艣膰 ekranu. Dla tablet贸w b臋dzie to przedzia艂 od 768 do 1024 px, za艣 dla telefon贸w od 320 do 480 px.


[button color="red" link="/formularz-kontaktowy/"]Zam贸w bezp艂atn膮 wycen臋[/button]