İçeriğe geç
academia.sh
en
Giriş yap

Kurs Orta

Düzen Sistemleri ve Duyarlı Tasarım

Bu kursun sonunda

Kursa başla

01

Esnek Kutu ve Izgara

Tek eksende dağıtım yapan esnek kutu ile iki eksende hat tanımlayan ızgaranın modelleri; esneme hesabının aritmetiği, otomatik yerleştirme kuralları ve iki modelin arasındaki seçim ölçütü.

  1. 01 Esnek Kutu Modeli Esnek kutu bağlamının kurulması, ana ve çapraz eksenin yön bildiriminden türetilmesi, boş alanın ana eksende dağıtılması ve çapraz eksende hizalama.
  2. 02 Esneklik Özellikleri Temel ölçünün nereden geldiği, artı boş alanın büyüme katsayılarına göre bölünmesi, eksi boş alanın ölçekli daralma katsayılarıyla paylaştırılması ve en küçük ölçüye dayanan ögelerin dondurulması.
  3. 03 Izgara Modeli Izgara bağlamının kurulması, şerit ile hat ayrımı, pay biriminin boş alanı bölmesi, en küçük içerik ölçüsünün pay üzerindeki gizli alt sınırı ve alanların adlandırılması.
  4. 04 Izgara Yerleşimi Ögelerin hat numaralarıyla açık yerleştirilmesi, otomatik yerleştirme algoritmasının imleç kuralı, seyrek ve yoğun kiplerin farkı, örtük şeritlerin oluşumu ve görsel sıra ile belge sırasının ayrılması.
  5. 05 Izgara ve Esnek Kutu Seçimi İki düzen modelinin hangi soruyu yanıtladığı, son satır davranışının hesapla gösterilen farkı, yayılma isteğinin esnek kutuda doğurduğu maliyet ve iki modelin iç içe kullanımı.
  6. 06 Çok Sütunlu Düzen Metin akışının sütunlara bölünmesi, sütun sayısı ile sütun genişliği bildirimlerinin birlikte çözülmesi, dengeleme kuralı, kırılma denetimi ve çok sütunlu düzenin uygun olmadığı durumlar.

02

Duyarlı Tasarım

Kesme noktasının içerikten türetilmesi, ortam ve kapsayıcı sorgularının hangi soruyu sorduğu, akışkan tipografi hesabı, kaynak kümesiyle görsel seçimi ve kullanıcı tercihlerine uyan biçem.

  1. 01 Duyarlı Tasarım İlkesi Duyarlılığın üç bileşeni, kesme noktalarının içerikten hesapla türetilmesi, iç boyutlandırmayla kendiliğinden çözülen eşikler ve şerit tanımının eşiği nasıl kaydırdığı.
  2. 02 Ortam Sorguları Ortam sorgusunun bileşenleri, kuralların basamaklamadaki yeri, iki aralığın ucundaki çakışma ve boşluk, sorgu birimlerinin kullanıcı yazı boyutuyla ilişkisi ve özellik sorguları.
  3. 03 Kapsayıcı Sorguları Sorgunun öznesinin görüntü alanından bileşenin kabına taşınması, kap bildirimi ve sınırlama gereği, kapsayıcı birimleri ve aynı bileşenin iki ayrı yerde doğru karar vermesi.
  4. 04 Duyarlı Tipografi Akışkan yazı boyutu ifadesinin iki ölçü noktasından türetilmesi, ölçek oranının dar ekranda daralması, satır uzunluğu denetimi ve yazının yakınlaştırma ile kullanıcı ayarına verdiği tepki.
  5. 05 Duyarlı Görseller Çözünürlük değişimi ile sanat yönetiminin ayrılması, kaynak boyutu bildiriminin çözülmesi, aday seçim kuralı, kaynak sırasının etkisi ve ayrılan yerin içerik kaymasını önlemesi.
  6. 06 Kullanıcı Tercihleri Renk şeması, kontrast, zorunlu renkler ve hareket azaltma tercihlerinin sorgulanması, koyu paletin kontrast denetimi, tercihlerin birlikte çözülmesi ve hareket azaltmanın neyi kapsadığı.

03

Hareket ve Dönüşüm

Dönüşümlerin matris karşılığı ve sıra bağımlılığı, geçiş ile anahtar kare animasyonlarının zamanlaması, hareketin çizim hattındaki maliyeti ve hareket azaltma tercihine saygı.

  1. 01 Dönüşümler Öteleme, ölçekleme, döndürme ve eğme fonksiyonlarının matris karşılığı; fonksiyon sırasının sonucu değiştirmesi, dönüşüm kaynağının etkisi ve dönüşümün düzenden sonra uygulanması.
  2. 02 Geçişler İki durum arasındaki değişimin zamana yayılması; geçebilen ve geçemeyen değerler, kübik Bézier zamanlama eğrisinin hesabı, kesilen geçişin davranışı ve kesikli zamanlama.
  3. 03 Anahtar Kare Animasyonları Kendi zaman çizelgesini taşıyan animasyonlar; anahtar kare kümesinin tanımı, yerel ilerlemenin yineleme ve yön değerlerinden çözülmesi, doldurma kipinin animasyon dışındaki değerleri ve zamanlama fonksiyonunun kare aralıklarına uygulanması.
  4. 04 Animasyon Başarımı Hareketin çizim hattındaki karşılığı; hangi özellik değişiminin yerleşim, boyama ve bileşim aşamalarını yeniden çalıştırdığı, bileşik katmanın ne olduğu, zorlanmış yerleşim hesabı ve kare bütçesi.
  5. 05 Erişilebilir Hareket Hareket duyarlılığının ne olduğu, büyük alanlı hareketin yerel hareketten ayrılması, hareket azaltma tercihinde toptan kapatmanın bedeli ve hareketi kaldırmak yerine değiştirmenin kuralları.

04

Biçem Mimarisi

Adlandırma düzenleriyle özgüllüğü düz tutmak, özel özelliklerle tema ve varyant yönetmek, derleme zamanı araçlarının işlevi, katman ve kapsamla sızıntıyı denetlemek ve biçemin başarım maliyeti.

  1. 01 Adlandırma Yöntemleri Blok–eleman–değiştirici yaklaşımı; özgüllüğün düz tutulması, adın sahipliği bildirmesi, değiştirici ile durum ayrımı ve kalıbın denetlenebilir olması.
  2. 02 Özel Özellikler Özel özelliklerin bildirildiği ögede hesaplanması, kalıtımın hesaplanmış değeri taşıması, yedek değer zincirleri, hesaplanan değerde geçersizlik ve bileşenin biçem arayüzünün kurulması.
  3. 03 Ön ve Son İşlemciler Derleme zamanında çalışan biçem araçları; iç içe yazımın düzleştirilmesi, gövde kopyalamanın bedeli, derleme zamanı değeriyle çalışma zamanı değerinin ayrımı ve son işlemcilerin dönüştürmeleri.
  4. 04 Kapsamlı Biçem Yaklaşımları Adların kapsamını gerçekten sınırlayan yaklaşımlar; üretilmiş yerel adlar, bildirim karmasına göre sınıf paylaşımı, belge kapsamı bildirimi, gölge ağaç kapsüllemesi ve yaklaşımların verdiği güvencelerin karşılaştırılması.
  5. 05 Yardımcı Sınıf Yaklaşımı Kısıt tabanlı biçem sistemleri; kapalı ölçekten değer alan tek bildirimlik sınıflar, kümenin bileşen sayısından bağımsız büyümesi, yinelemenin biçem dosyasından belgeye taşınması ve yaklaşımın kırıldığı yerler.
  6. 06 Biçem Başarımı Seçici eşleştirmenin sağdan sola yapılması, geçersiz kılma kapsamının seçici biçimine bağlılığı, biçem dosyasının çizimi engellemesi ve kritik biçem alt kümesinin hesaplanması.

Aramak için yazmaya başlayın.

↑↓ ↵ Esc gezin · aç · kapat