Web ve Tabletler için Tasarım - Duyarlı Tasarım

• Nisan 28, 2024

Duyarlı terimi bir süredir ön plandadır, ancak tam olarak ne anlama gelir? İnternet, çoğunlukla metin tabanlı bir platformdan etkileşimli, ilgi çekici, multimedya ve çoklu cihaz ortamına kadar yıllar içinde çok değişti.

Web sayfaları son on yılda internetteki gelişmeleri ve görüntülemek için kullandığımız cihazları yansıtacak şekilde değişti. Cihazlardan bahsetmişken, bilgisayarlar, mini bilgisayarlar, tabletler ve akıllı telefonlar da dahil olmak üzere seçim yapabileceğimiz çeşitli tiplerimiz var. Cihaz sayısı ve varyasyonları arttıkça bir sorun ortaya çıkmaktadır. Her cihazın ve bir cihazın her varyasyonunun kendi ekran boyutu vardır.

Yalnızca masaüstü ve dizüstü bilgisayarlar için web siteleri tasarlamamız gerektiğinde, ana düşüncemiz, bilgisayar veya web tarayıcısı ne olursa olsun web sayfasının aynı şekilde görüntülenmesini nasıl sağlayacağımızdı. Yanıt, en iyi web tarayıcıları ve en yaygın ekran çözünürlükleri için tasarım yapmaktı. Kısa bir süre çalıştı. Bu parametreler değişmeye devam ettikçe başka bir sorun daha belirgin hale geldi. İlk bilgisayarımın ekran boyutu 800 x 600 idi ve yine de çok sevdim. Sonra 1024 x 800 norm haline geldi. Artık bilgisayarlar 27 inç ve daha büyük bir boyuta ulaştı. Böylece bir web sitesinin hedef çözünürlüğü değişmeye devam etti.

Bu daha büyük ekranlar için tasarım yapmanın tadını çıkarmaya başladığımızda, akıllı telefonların ve tabletin popülaritesi, harika uygulamaları ancak daha küçük ekranlarıyla büyük ölçüde arttı. Aslında, akıllı telefonların ve masaların, sadece birkaç yıl içinde web'i görüntülemek için bilgisayarlardan daha sık kullanılacağı tahmin edilmektedir. İlk başta sadece birkaç mobil cihaz vardı. Böylece hem bilgisayar kullanıcısı için hem de mobil kullanıcı için ikinci bir site tasarlamaya başladık. Ancak bu sorunu tam olarak çözmedi, çünkü sabit genişlikli düzenler için hala tasarlıyoruz.

Artık, görüntüleyenin web sitenizi görüntülemek için hangi cihazı kullanacağını varsayamazsınız. Bu nedenle, belirli sabit ekran boyutları için tasarım yapmak artık soruna en iyi cevap değildir. İhtiyacımız olan şey, kullanıcının cihaz ekran boyutunu belirlemenin ve web sayfasını buna göre görüntülemenin bir yoludur. Bu nedenle, ekran genişliğini belirlemek ve bir web sayfasını gerektiği gibi farklı şekilde görüntülemek için CSS kullanan duyarlı web tasarımı. Bu, gerektiğinde birkaç sürüme dönüşecek tek bir web sitemize sahip olmamızı sağlar.

Video Talimatları: SEMANTIC UI: Responsive Web Tasarımı - Ders 6: Nested Grid, Fluid, Tablet, Mobile (Nisan 2024).