Responsive olmak ne demek
Responsive tasarım, farklı ekran çözünürlüklerinde tasarımın her bir cihaza uyum sağlamasıdır. Ekran çözünürlükleri farklı ve farklı cihazlarda yapıyı ve tasarımı bozmadan çalışmasını sağlamaktır.
Yukarıdaki görseldeki farklı ekran çözünürlüklerinde tasarımın bozulmadan açılması responsive tasarım denir.
Responsive tasarım ise duyarlı tasarım anlamında kullanılmaktadır.
Responsive nasıl yapılır?
Responsive tasarım HTML ve CSS kullanarak yapılır.
Responsive tasarım için herhangi bir programa veya yazılıma ihtiyaç yoktur.
Responsive Tasarım Nasıl Çalışır?
Responsive tasarım, mobil ve tablet cihazlardan girildiğinde site içindeki resim, yazı gibi elementlerin ekran genişliğine göre yeniden şekillenip ekrana tasarımın düzenli bir şekillenmesidir. Genellikle masaüstü , tablet ve mobil versiyon olarak 3 kademeli şekilde tasarlanır.
Responsive Tasarım Ölçüleri
Web Tasarım “px” ile çalışanların sabit ölçü değerleri bulunmaktadır. Bu ölçüler ile her kullanıcıya daha kolay bir şekilde hitap edebilir.
- Mobil Cihaz Tasarımlar için 768 px boyutundan daha küçük ölçülerle ölçülerle yapılabilir.
- Tablet Cihazı Tasarımlar için 768 px boyutundan daha küçük ölçülerle ölçülerle yapılabilir.
- Masaüstü Cihaz Tasarımlar için 992 px boyutundan daha küçük ölçülerle yapılabilir.
- Daha Büyük ekranlar için 1200 px boyutundan daha küçük ölçülerle yapılabilir.
Responsive tasarım örnekleri
Responsive web tasarım boyutları “px” boyutları tasarımcının şekillendirmesiyle footer, header ve body bölümlerinde değişiklik görülebilir. İç tasarım bölümlerinin tasarımcı tarafından ayarlanabilir.
Responsive Tasarımın Avantajları Nelerdir?
- Responsive tasarım kullanım kolaylığı
- Responsive tasarım iyi bir kullanıcı deneyimi
- Responsive tasarım arama motoru optimizasyonu
Adaptive Tasarım ve Responsive Tasarım Arasındaki Farklar
Adaptive tasarım tasarım ile responsive tasarım arasındaki fark, responsive tasarımın esnek bir şekilde çalışmasıdır. Örnek olarak adaptive tasarım mobil cihazda açılması masaüstü sitesinin mobilde açılması ve ekranın web tasarımdan küçük görünmesine yol açmaktadır.
Kurumsal Site Tasarımı ile ilgili yazımızı bloğumuzda okuyun.
Instagram hesabımızı gelişmeler için takip edebilirsin.