Responsive tasarımların ilk göze çarpan özelliği her ekrana kolayca adapte olması diyebiliriz.
![responsive tasarım nedir](https://cdn.dijitalajanslar.com/2014/12/responsive-tasarim-nedir.gif)
X ve Y koordinatlarına göre pikseller kullanarak konumlandırdığınız tasarım ögeleri farklı ekranlarda tuhaf gözükebilir. Bu nedenle ögeleri sabit pikseller yerine yüzde üzerinden konumlandırmalısınız.
![responsive tasarım](https://cdn.dijitalajanslar.com/2014/12/responsive-tasarim.gif)
Ekran küçüldükçe içerik dikey olarak daha büyük yer kaplayacak ve aşağıya kayacaktır. Buna flow, yani akış denir.
![responsive](https://cdn.dijitalajanslar.com/2014/12/responsive.gif)
Kırılma noktaları ekran küçüldükçe yerleşimin önceden belirlenen noktalardan kırılarak aşağıya kaymasına neden olur. Masaüstünde üç kolon varken, mobil cihazda tek kolon gözükür. Genellikle çok kolonlu içerik yapılarında, sol kolon sabit kalır ve diğer kolonlar aşağıya doğru kayar.
![responsive tasarım 4](https://cdn.dijitalajanslar.com/2014/12/4.gif)
İç içe ögeler kullanırken bu ögeleri teker teker değil grup halinde optimize edebilirsiniz.
![responsive tasarım özellikleri 5](https://cdn.dijitalajanslar.com/2014/12/5.gif)
İçeriğin ekran boyutuna göre kaplayacağı en fazla genişlik boyutunu ayarlayabilirsiniz. Bu durum özellikle mobil cihazlar için geçerlidir. Diğer yandan aynı içerik, kontrolsüz bir şekilde geniş bir ekranın tamamını kapladığında hiç hoş gözükmeyebilir.
![responsive tasarım nedir 6](https://cdn.dijitalajanslar.com/2014/12/6.gif)
Teknik olarak projeye küçük veya büyük ekranda başlamanız sonucu değiştirmez. Yine de çalışmanıza mobil cihazda başlarsanız ekran boyutları sizi sınırlandıracağı için karar vermenizi kolaylaştırabilir.
![responsive tasarım nedir 7](https://cdn.dijitalajanslar.com/2014/12/7.gif)
İkonlarınız çok detaylı ise bitmap kullanmanızda fayda var. Eğer çok detaylı değilse vektör imaj kullanın. Vektör imajlar farklı çözünürlüklere tam uyumluluk sağlar.
![tasarım özellikleri 8](https://cdn.dijitalajanslar.com/2014/12/8.gif)
Günümüzde mobil cihaz kullanımının artmasıyla responsive tasarımlar da daha önemli bir hale geldi. Büyük bir olasılıkla ziyaretçilerizin kayda değer bir kısmı sitenize mobil cihazdan ulaşıyor. Bu durumu göz ardı etmeyin ve sitenizin responsive olduğundan emin olun, faydasını göreceksiniz.