Responsive tasarım ölçüleri

Responsive (duyarlı) web tasarım, bir web sitesinin, tüm ekran ölçülerine (masaüstü bilgisayar, tablet, cep telefonu vb.) göre yeniden şekillenip ekrana tam olarak uyum sağlaması olarak adlandırılabilir.

Responsive tasarım nedir?

Responsive tasarım, ister masaüs tübilgisayar olsun, ister dizüstü bilgisayar olsun, isterse de cep telefonu olsun, bir web sitesinin, tüm ekran ölçülerine (masaüstü bilgisayar, tablet, cep telefonu vb.) göre yeniden şekillenip ekrana tam olarak uyum sağlaması için yapılan çalışmalar bütünüdür.

Neden Responsive tasarım?

Responsive tasarım, 10 yıldan daha fazla bir süredir hayatımızda. Bir web sitesinin cep telefonunuzda tıpkı masaüstü bilgisayarınızda olduğu gibi görünmesini ister miydiniz?

Responsive olmayan bir web sitesine cep telefonundan girildiğinde, web sitesinin görüntülenmesinde ve gezilmesinde sıkıntılar yaşanabilecektir. Kullanım zorluğu, sürekli ekranı yakınlaştırma çabası, sayfalar arası geçiş vb. bir çok konuda kullanışsız bir deneyim yaşanacaktır. İşte responsive tasarım sayesinde bu sıkıntılar yaşanmayacaktır.

Mobil kullanım oranlarının her geçen zaman giderek arttığı düşünülürse, responsive tasarımın önemi daha iyi kavranacaktır.

Responsive tasarım versiyonları

Responsive (duyarlı) web tasarım genel olarak;

  • Masaüstü Bilgisayar (Desktop PC),
  • Tablet
  • Mobil

versiyon olarak 3 kademeli olarak tasarlanır.

Responsive Tasarım Ölçüleri Nelerdir?

Responsive (duyarlı) web tasarımın versiyonları için genel kabul görmüş responsive tasarım ölçüleri bulunmaktadır. Bu ölçülerden hangilerinin aynı anda kullanılacağı projeye göre değişecektir.

Cihaz Maksimum Genişlik
Ekstra küçük cihazlar (600 pikselden küçük dikey mobil cihazlar) 599px
Küçük cihazlar (768 pikselden küçük yatay mobil cihazlar ) 767px
Orta boy cihazlar (992 pikselden küçük tabletler) 991px
Büyük cihazlar (1200 pikselden küçük masaüstü/dizüstü bilgisayarlar) 1199px
Ekstra büyük cihazlar (1400 pikselden küçük, büyük masaüstü bilgisayarlar ) 1399px

LÜTFEN DİKKAT! Bu sitede bilgi amaçlı olarak verilen tavsiyeleri herhengi bir platformda uygulamadan önce lütfen YASAL UYARI sayfamızı inceleyiniz. Bu konudaki tüm sorumluluk ziyaretçiye aittir.

Yazar

Webkom Danışmanlık Telefon Arama Bilgisi
Webkom Danışmanlık WhatsApp Arama ve Yazışma Bilgisi