Duyarlı Web Tasarımı İçin En İyi Ekran Boyutları Nelerdir?

Duyarlı Web Tasarımı İçin En İyi Ekran Boyutları Nelerdir?

Tasarlanacak en iyi ekran boyutu yoktur. Web siteleri, farklı tarayıcılarda ve platformlarda tüm ekran çözünürlüklerinde duyarlı ve hızlı bir şekilde dönüşmelidir.

  • 1024 × 768’den 1920 × 1080’e kadar masaüstü ekranlar için tasarım
  • 360 × 640’tan 414 × 896’ya kadar mobil ekranlar için tasarım
  • 601 × 962’den 1280 × 800’e kadar tablet ekranları için tasarım
  • Tek bir monitör boyutu veya ekran çözünürlüğü için tasarlamayın. Ekran boyutları ve tarayıcı penceresi durumu ziyaretçilere göre değişir.
  • Tasarım duyarlı ve hızlı olmalıdır. Mevcut kullanıcının pencere boyutuna dönüşen akışkan veya duyarlı bir düzen kullanın.
  • Web Sayfası İlk görünürlüğü : Kullanıcıların sayfayı kaydırmadan görebilmesi için tüm önemli bilgiler ekranın üst kısmında görünür mü? Bu, kaç öğenin gösterildiği ile her öğe için ne kadar ayrıntı görüntülendiği arasındaki bir değiş tokuş.
  • Web Sayfası Okunabilirliği : Ayrılan genişlikleri göz önüne alındığında, çeşitli sütunlardaki metni okumak ne kadar kolay?
  • Web Sayfası Estetiği : Öğeler bu ekran boyutu için uygun boyutta ve konumda olduğunda sayfanız ne kadar iyi görünüyor ? Tüm öğeler doğru şekilde sıralanıyor mu – yani fotoğrafların hemen yanında başlıklar var mı?

Kullanılabilirlik yönergeleri ayrıca, tüm boyutlarda üç kriteri de göz önünde bulundurmanızı tavsiye eder. Tarayıcı penceresini 360 × 640 ile 1920 × 1080 ekran çözünürlükleri arasında kontrol edin.

Dünya Çapında En Yaygın Masaüstü Ekran Çözünürlüğü Boyutları

  • 1366 × 768 -% 23,49
  • 1920 × 1080 -% 19,91
  • 1536 × 864 -% 8,65
  • 1440 × 900 -% 7,38
  • 1280 × 720 -% 4,89
  • 1600 × 900 -% 4,01
  • 1280 × 800 -% 3,33

Dünya Çapında En Yaygın Mobil Ekran Çözünürlüğü Boyutları

  • 360 × 640 -% 17,91
  • 375 × 667 -% 7,61
  • 414 × 896 -% 6,52
  • 360 × 780 -% 5,56
  • 360 × 760 -% 5,06
  • 414 × 736 -% 3,74

Dünya Çapında En Yaygın Tablet Ekran Çözünürlüğü Boyutları

  • 768 × 1024 -% 51,98
  • 1280 × 800 -% 7,11
  • 800 × 1280 -% 5,34
  • 601 × 962 -% 4,47
  • 600 × 1024 -% 2,85
  • 1024 × 1366 -% 1,96

Duyarlı Web Tasarımı İçin En İyi Ekran Boyutları Nelerdir?

What’s your Reaction?
+1
0
+1
0
+1
0
+1
0

Yorum yapın