Bir ekranı düzenli gösteren şey çoğu zaman öğelerin kendisi değil aralarındaki boşluktur. Bu modül aralığın gruplama işini, temel birime dayalı aralık sistemini, duyarlı düzeni, kırılma noktalarını ve sıkı ile ferah arayüz arasındaki seçimi anlatır.
Bu modülün sonunda
- Bir ekranın aralıklarını bir temel birimin katlarıyla yeniden kurar.
- Bir sayfanın telefon, tablet ve masaüstü düzenini kırılma noktalarıyla çizer.
Dersler
- M02-D01Aralık neden önemliProgramda
Öğeler arasındaki boşluğun neyin bir arada, neyin ayrı olduğunu nasıl söylediğini gösterir.
Dayanak: Araştırma bulgusu: Wagemans ve arkadaşları (2012), Psychological Bulletin (yakınlık); meslek kaynağı: Mullet ve Sano (1995)
- M02-D02Aralık sistemiProgramda
Aralıkları ve boyutları bir temel birimin katlarıyla kurmanın tutarlılığa ve geliştiriciyle çalışmaya katkısını açıklar.
Dayanak: Aralık sistemleri (kaynak yazımda seçilir)
- M02-D03Duyarlı düzenProgramda
Ekran genişliğine göre akan ızgarayı, esnek görselleri ve düzenin farklı cihazlarda nasıl yeniden kurulduğunu açıklar.
Dayanak: Meslek kaynağı: Marcotte, Responsive Web Design, A List Apart (2010)
- M02-D04Kırılma noktalarıProgramda
Düzenin hangi genişlikte değişeceğine cihaza göre değil içeriğe göre karar vermeyi gösterir.
Dayanak: Standart: W3C, Media Queries (sürüm yazımda doğrulanır)
- M02-D05Sıkı ve ferahProgramda
Veri yoğun bir yönetim ekranı ile ilk kez kullanılan bir uygulama arasında yoğunluk seçimini ve kullanıcıya yoğunluk ayarı vermeyi tartışır.
Dayanak: Arayüz yoğunluğu (kaynak yazımda seçilir)