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 ;
3 Kademeli Responsive Hazırlıyorsak ;
ş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.
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.