Çalışma Yaklaşımı
Layout Grid sayfa iskeletine odaklanır: sütunlar, oluklar, dış kenar boşlukları ve bunların görüntü alanı boyutlarına göre nasıl değiştiği. Akışkan sütunları, sabit azami genişlikli kapsayıcılardan ve uyarlanabilir yerleşimlerden ayırır; böylece bir ızgara belirtimi yalnızca masaüstü ekran görüntüsünü değil davranışı da anlatabilir.
Kaynak, bir uygulama kitaplığı değil, kısa bir kılavuzdur. İçerdiği yaygın sütun sayıları ve kesme noktası örnekleri başlangıç noktalarıdır. Yararlı çıktı, içeriğe göre seçilmiş bir ızgaradır; tam kenarlıklı alanlar, kapsayıcı içindeki okuma bölümleri, kenar çubukları ve tekrar eden kartlar için net yönergeler içerir.
Beklenen Çıktılar
- Sütunları, olukları, kenar boşluklarını ve kapsayıcı sınırlarını içeren bir kesme noktası tablosu.
- Kapsayıcı içindeki, tam kenarlıklı, kenar çubuklu ve kart bölgeleri için yerleşim kuralları.
- Genişlikler arasındaki uyarlanmayı açıklayan, geliştiricilere yönelik notlar.
Brifden İncelemeye
- 01Izgara Türünü Seçin
Her sayfanın aynı ızgaraya ihtiyaç duyduğunu varsaymak yerine sütunlu, modüler, taban çizgili veya bileşik yapıyı içeriğe uydurun.
- 02Genişlik Davranışını Belirtin
Sütunların nerede uzayacağını, kapsayıcının nerede büyümeyi bırakacağını ve sütunların ya da kenar çubuklarının ne zaman düşeceğini tanımlayın.
- 03Ara Genişlikleri İnceleyin
Yalnızca en küçük ve en büyük referans ekranları değil, kesme noktalarının çevresindeki geçişleri de kontrol edin.