2017 yılında web tasarımı hakkında konuştuğumuzda, yanıt veren web tasarımı hakkında konuşuyoruz. Altı yılı aşkın süredir, “duyarlı” terimi, tüm yaygın bir endüstri standardı haline geldi.
Duyarlı web tasarımı, bir sitenin veya bir web uygulamasının tasarlanması sürecidir, böylece içeriği, görüntülendiği cihaza göre uygun şekilde ayarlanır. Birkaç yıl önce Ethan Marcotte tarafından yapılan mükemmel bir konferans konuşmasını gördüm. terim 'Duyarlı web tasarımı' - Utah'ın Pando ağacına duyarlı siteleri benzettiğini; Bağlantılı bir kök yapısına sahip, farklı yerlerden, farklı boyutlarda, farklı boyutlarda, ancak hepsi aynı temel genetikte yer alan tek bir organizma.
Muhtemelen, mobil ağın büyümesini sağlayan duyarlı tasarımın benimsenmesi; onsuz bir masaüstü siteye paralel olarak bir mobil site geliştirme maliyeti, ikincisine bağlı birçok şirket anlamına gelirdi.
Mobil cihazlar için tasarlanan ilişkiler, çok daha büyük görüntü alanlarına sık sık aktarılıyor
Ancak duyarlı tasarım problemleri olmadan değil. Tanım olarak, duyarlı tasarımlar içerik değil, görünüm boyutuna yanıt verir. CSS medya sorgularındaki konteyner temelli varyasyonlar bir çözüm olarak tartışıldı, ancak şimdiye kadar birilerinin beyaz tahtalarında bir post-it.
Tasarım genel olarak öğeler arasındaki ilişkiler hakkındadır ve bu ilişkiler küçük bir ekranda kısıtlanmıştır. Ayrıca, biçimlendirmemiz semantik olarak yapılandırıldığı için, mobil cihazlar için tasarlanan ilişkiler çoğunlukla çok daha büyük görüntüleme noktalarına aktarılır.
Geçtiğimiz yılın en çok eleştirilen UI kararlarından biri, masaüstünde kullanılan hamburger menülerinin sayısının artması oldu. Bununla birlikte, mobil düzenlere - 12 sütunluk bir tabloya bölünmüş yatay içerik bantları - masaüstüne ölçeklenerek çok az ilgi gösterildi.
Duyarlı web tasarımının yaratıcılığı öldürüp öldürmediği sorusu muhtemelen haksızlıktır; çeşitlilik ve inovasyonun bir tasarım sürecinin can damarı olduğunu varsayar. Aynı zamanda bir konsept üzerine suçlamada bulunur, eğer paylaştırma suçu varsa, kesinlikle uygulama ile yatar. Aslında, tasarım çoğu zaman en dar kısıtlamalar altında gelişir - kendi kısıtlamalarını müşteri brief'lerine ekleyen bir tasarımcı biliyorum çünkü meydan okunduğunda işinin daha güçlü olduğunu hissediyor.
paylaştırma suçu varsa, kesinlikle uygulama ile yatıyor
Duyarlı tasarım, markalaşma ile inanılmaz derecede iyi çalışır, ancak düzen için ideal olandan daha azdır. Duyarlı tasarımı uygulamaya koymanın en iyi yolunun, farklı bakış açıları sınıfları için farklı tasarımlar oluşturması ve benzer ekranlar için yalnızca duyarlı tekniklere dayanması olabilir. Her ekranın kesin boyutlarını bilmiyor olabiliriz, ancak bir telefonun cebine sığması gerektiğini biliyoruz, bir dizüstü bilgisayarın klavyesinden daha dar olamayacağını biliyoruz.
Duyarlı tasarım, gerçekleştirdiğimiz zamanın ötesinde bir fikir olabilir ve CSS değişkenleri ve konteyner sorguları gibi araçlar uygulandığında, web üzerinde tasarım bir kez daha farklı olacaktır.
Özellikli resim, Tony Frates tarafından Pando görüntü Flickr üzerinden