Çoğalan mobil teknoloji cihazlarıyla birlikte her tip ekran çözünürlüklerine göre(akıllı telefonlar, tabletler, notebook, netbook ve desktoplara göre) tasarım geliştirmek bizim gibi tasarımcıların korkulu rüyası olmasın diye responsive design yani duyarlı tasarım artık olmazsa olmaz bir trend oldu. Responsive design/duyarlı tasarım ekran çözünürlüklerine göre özel gösterilen tasarımlar yapmak yerine bu ekran çözünürlüklerine duyarlı olarak görünen tasarımlardır.
Bu sitelere örnek olarak aşağıdaki siteleri inceleyebilirsiniz. Tarayıcınızın kenarından tutup küçültüp büyütürseniz değişen tasarımları görebilirsiniz:
http://stuffandnonsense.co.uk/projects/320andup/
http://niarchive.org/trails/plantation-rewriting-the-story/
http://typecast.com/monotype-acquires-design-by-front
Eğer siz de duyarlı tasarım geliştirmek isterseniz kaynak olarak aşağıdaki frameworkleri inceleyebilirsiniz:
http://twitter.github.com/bootstrap/
http://piira.se/projects/ingrid/
http://www.gumbyframework.com/
http://www.responsivegridsystem.com/
http://www.angrycreative.se/wordpress/plugins/less-framework/
Not : Bu içerik tamamen http://www.ozdemir.info.tr/ adresinden alınmıştır.
Link : http://www.ozdemir.info.tr/responsive-designduyarli-tasarim/
[…] Okumaya devam et… […]
hocam, makaledeki frameworkleri kullanarak nasıl tasarım yapabileceğimizi anlatan bir doküman güzel olurdu 🙂
İyi çalışmalar
Tolga merhaba,
Şu anda kod5.org için yeni bir arayüz ve yeni özellikler tasarlıyoruz, o yüzden ağırlığımı oraya vermiş durumdayım. O tamamlanınca bu isteğini dikkate alıp örnek doküman hazırlamaya çalışacağım. Güzel fikrin için teşekkürler.