Bir animasyon tasarımcının ekranında akıcıdır; kullanıcının eski telefonunda takılabilir ve sayfanın yüklenmesini geciktirebilir. Bu modül animasyon dosya biçimlerini, web'de animasyonu ve performansı, boyut ve sıkıştırmayı, erişilebilir teslimi ve bir ekibin kullanacağı hareket sistemi belgesini anlatır.
Bu modülün sonunda
- Bir animasyon için kullanım yerine uygun dosya biçimini seçer.
- Bir web animasyonunun performansını ve erişilebilirliğini teslimden önce denetler.
Dersler
- M06-D01Dosya biçimleriProgramda
Video, hareketli görüntü ve vektör animasyon biçimlerini, hangisinin hangi kullanıma uygun olduğunu ve dosya boyutuna etkisini açıklar.
Dayanak: Standart: W3C, Scalable Vector Graphics (SVG) (sürüm yazımda doğrulanır); vektör animasyon biçimleri (kaynak yazımda seçilir)
- M06-D02Web'de animasyonProgramda
Bir web sayfasında animasyonun nasıl çalıştığını ve akıcı kalması için hangi özelliklerin hareket ettirilmesi gerektiğini ilk bakışta açıklar.
Dayanak: Standart: W3C, CSS Animations Level 1 (sürüm yazımda doğrulanır); web performansı (kaynak yazımda seçilir)
- M06-D03Boyut ve sıkıştırmaProgramda
Bir animasyonun dosya boyutunu süre, çözünürlük ve sıkıştırmayla dengelemeyi açıklar.
Dayanak: Animasyon sıkıştırma (kaynak yazımda seçilir)
- M06-D04Erişilebilir teslimProgramda
Bir animasyonu altyazı, metin açıklaması, durdurma denetimi ve hareket azaltma sürümüyle teslim etmeyi bir kontrol listesine bağlar.
Dayanak: Standart: W3C, WCAG 2.2 (2023)
- M06-D05Hareket sistemi belgesiProgramda
Bir ürün ekibinin kullanacağı süre, eğri ve geçiş belirteçlerini içeren bir hareket sistemi belgesi hazırlar; arayüz tarafı için Tasarım Sistemleri akademisini gösterir.
Dayanak: Meslek kaynağı: tasarım sistemlerinde hareket belirteçleri (kaynak yazımda seçilir)