Duyarlı Web Tasarımı


ÇATAL D.

ART-E SANAT DERGİSİ, cilt.8, ss.95-109, 2015 (Hakemli Üniversite Dergisi)

  • Cilt numarası: 8 Konu: 15
  • Basım Tarihi: 2015
  • Dergi Adı: ART-E SANAT DERGİSİ
  • Sayfa Sayıları: ss.95-109

Özet

Elektronik dünyadaki teknolojik gelişmelerin sonucu olarak hayatımızın ayrılmaz bir parçası haline gelen mobil cihazların kullanımı giderek yaygınlaşmış, buna bağlı olarak da web tasarımını tüm cihazlarla uyumlaştırma kaygısı ortaya çıkmıştır. Web tasarım siparişlerinde artan bir öneme ulaşan uyumluluk sorunu, yazılım ve tasarımda yenilik arayışına neden olarak web geliştiricilerini de bu konuda çözüm üretmeye zorlamıştır. Böylece yazılım ve tasarımda duyulan gereksinimler duyarlı (responsive) web tasarımı kavramını ortaya çıkartmıştır. Duyarlı tasarımın temel prensibi farklı cihazların ekran çözünürlüklerine uyum gösterecek esnek tasarımlar geliştirmektir. 2011 yılından bu yana kullanılmaya başlanan duyarlı web tasarımı her geçen gün firma veya kişilerin tercih ettikleri bir tasarım sistemi haline gelmiştir. Bu makale kapsamında duyarlı bir web sitesinin tasarlanma sürecinde karşılaşılabilecek sorunlar irdelenmiş ve bu sorunların çözümleri üzerinde durulmuştur.i Anahtar Kelimeler: Responsive web tasarımı, duyarlı tasarım, esnek-grid sistemi, medya sorguları, mobil tasarım.

As a result of developments in the electronics world use of mobile devices which have become an integral part of our lives are widespreaded, accordingly making web design compatible with all devices has become an inevitable concern. This concern produced the concept of responsive web design. Compatibility became a top issue in the briefs for web sites forcing desingers on developing solutions. Thus, software and design innovations have begun to appear. The basic principle of responsive web design is to create flexible designs that will conform to different screen resolutions of devices. Responsive web design is increasingly applied since 2011. This article deal with possible problems and solutions in the process of responsive web design. Keywords: Responsive web design, responsive design, flexible-grid system, media queries, mobile design.