Duyarlı Tasarım

Grafik ve Fotoğraf / Tasarım · 11. Sınıf · Web Tasarımı

Duyarlı tasarım; aynı sayfanın telefon, tablet, dizüstü ve geniş ekranda içeriği kaybetmeden kendini yeniden düzenlemesidir. Amaç her cihaz için ayrı sayfa yapmak değil, tek bir düzen mantığı kurup ekran genişliğine göre sütun sayısını ve yerleşimi değiştirmektir. 11. sınıf düzeyinde buna, kampanya görsellerinin farklı platform ölçülerinde de üretilmesi eklenir; çünkü tek görsel hem feed'e hem story'e sığmaz. Birimler işlevine göre ayrılır. Piksel çerçeve ve sınır gibi sabit ölçüler içindir. Yüzde, elemanın üst kutuya göre oranını verir ve pencere küçüldükçe kendiliğinden daralır. rem yazı…

Duyarlı Tasarım Kazanımları

Örnek Sorular ve Çözümleri

Örnek Soru 1 kolay

1080 x 1080 piksel bir görselin oranı kaçtır?

  1. A) 4 : 3
  2. B) 1 : 1
  3. C) 16 : 9
  4. D) 9 : 16

Doğru cevap: B) 1 : 1

Genişlik ve yükseklik eşit olduğundan oran 1080 / 1080 = 1, yani 1 : 1'dir; bu ölçü kare feed paylaşımı için kullanılır.

Örnek Soru 2 orta

clamp(16px, 2,5vw, 24px) kuralı 800 piksel genişlikte kaç piksel uygular?

  1. A) 16 piksel
  2. B) 32 piksel
  3. C) 20 piksel
  4. D) 24 piksel

Doğru cevap: C) 20 piksel

Esnek değer 800 x 0,025 = 20 pikseldir; 16 ile 24 piksel sınırının arasında kaldığı için bu değer aynen uygulanır.

Örnek Soru 3 zor

1920 piksel yüksekliğindeki hikâyede üst ve alt 250'şer piksel örtülüyse kullanılabilir yükseklik kaç pikseldir?

  1. A) 1670 piksel
  2. B) 1170 piksel
  3. C) 1420 piksel
  4. D) 1520 piksel

Doğru cevap: C) 1420 piksel

Toplam kayıp 250 + 250 = 500 pikseldir; 1920 - 500 = 1420 piksel kalır ve kritik bilgi bu alanda tutulur.

Konu Anlatımının Tamamı

Duyarlı Tasarım konu anlatımını açÇözümlü örnekler, formüller, ipuçları ve tüm sorular · 11. Sınıf Grafik ve Fotoğraf / Tasarım

Bu sayfa Duyarlı Tasarım konusu için hazırlanmış kısa bir özetdir. Tam içerik için ders sayfasını açabilir, DersTeders ana sayfasından diğer konulara geçebilirsin.