Responsive Tasarım Ölçüleri

Responsive tasarımın ne olduğunu ve faydalarını şuradaki yazımızda detaylı şekilde anlatmıştık. Peki responsive tasarım yaparken hangi çözünürlükleri dikkate almalıyız ? Aslında pek çok farklı çözünürlükte responsive tasarımlar yapılıyor. 3 ile 6 kademeye kadar farklı yapılar kullanılıyor. Ancak sizlere bizzat kullandığımız ve popüler olan çözünürlüklerden bahsedeceğim.

Responsive, popülarite ve kullanılabilirlik göz önüne alındığında 3 yada 4 farklı çözünürlüğe göre tasarlanması yeterlidir. Aşağıda en çok kullanılan çözünürlüklere göre hazırladığım 3 ve 4 kademeli responsive tabloyu görebilirsiniz.

4 Kademeli Responsive Hazırlıyorsak ;

 

Çözünürlük Aralığı

Uyumluluk

Ekran 1

0 – 767px

Mobil Ekranlar

Ekran 2

768px – 991px

Dikey Tablet

Ekran 3

992px – 1199px

Yatay Tablet + Minibook Laptop

Ekran 4

1200px ve Yukarısı

Notebook + Desktop

 

3 Kademeli Responsive Hazırlıyorsak ;

 

Çözünürlük Aralığı

Uyumluluk

Ekran 1

0 – 767px

Mobil Ekranlar için

Ekran 2

768px – 991px

Dikey Tablet için

Ekran 3

992px ve yukarısı

Yatay Tablet + Notebook + Desktop için

 

şeklinde ekranları ve CSS yapımızı hazırlamanız doğru olacaktır. Her aralıkta farklı bir ekran ve menü yapısı kullanıcı karşısına gelecektir. Bu sayede ziyaretçi, ekranda daha güzel bir kullanıcı deneyimi yaşayacak.

 

 

×