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.
