Web Responsive Tasarım Ölçüleri

Konuyu Okuyanlar (0 kayıtlı üye )

Alpagu

Ne mutlu Türküm diyene!
Administrator
Üyelik Tarihi
8 Ağustos 2020
Mesajlar
178
Beğeniler
75
Puanı
11
Ticaret: 0 / 0 / 0
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 10 – 767pxMobil Ekranlar
Ekran 2768px – 991pxDikey Tablet
Ekran 3992px – 1199pxYatay Tablet + Minibook Laptop
Ekran 4<1200px ve YukarısıNotebook + Desktop

3 Kademeli Responsive Hazırlıyorsak ;


Çözünürlük AralığıUyumluluk
Ekran 10 – 767pxMobil Ekranlar için
Ekran 2768px – 991pxDikey Tablet için
Ekran 3992px 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.
 
Üst Alt