dokümanlar / interactions

Hareket ve etkileşimler

Üzerine gelme durumları, tıklama eylemleri, döngülü slaytlar, kayan içerik, sekmeler ve akordeon iş akışları.

Durumlar ve hareket

Düzenleyici; giriş, döngü ve kaydırma efektlerinin yanında üzerine gelme ve basma stillerini destekler. Okunabilir, durağan bir tasarımla başlayın, her seferinde bir efekt ekleyin ve ardından önizlemede doğrulayın. Süreyi ve hız eğrisini bilinçli kullanın; temel içeriğin uzun bir animasyona bağlı olmasından kaçının.

Tıklama eylemleri

Yerel tıklama etkileşimleri navigate, scroll-to, toggle-layer, show-layer ve hide-layer içerir. Hedefi bilinçli belirleyin ve katmanları çoğalttıktan veya sildikten sonra hâlâ var olduğunu doğrulayın. Mümkün olduğunda sıradan gezinme için gerçek bir bağlantı kullanın.

Döngülü slaytlar ve kayan içerik

  1. Etkileşimli kompozisyonu ekleyin ve yerel alt içeriğini düzenleyin.
  2. Otomatik oynatmayı, aralığı ve yönü yapılandırın.
  3. Döngülü slaytlar için okları, noktaları, kaydırma hareketini, döngüyü, üzerine gelince duraklatmayı ve geçiş ayarlarını inceleyin.
  4. Tek öğeyle ve birden çok öğeyle önizleyin, ardından dar ekranları test edin.

Döngülü slayt ayarları kayma, solma ve yakınlaştırma geçişlerini destekler. Kayan içerik sürekli hareket eder; ziyaretçilerin hareketli metni takip etmesini gerektirmeden temel bilgiyi erişilebilir tutun.

Sekmeler ve akordeon

Başlıklar ve paneller düzenlenebilir katmanlar olarak kalır. Bir tetikleyici ile paneli, açılır kapanır kompozisyon içinde ortak bir hedef kimliğini paylaşır. Düzenlerken eşleşen hedefleri koruyun. Oluşturulan sayfada odağı, klavye davranışını ve görünür içeriği doğrulayın.

Efektler ve erişilebilirlik

Metin efektleri ve gölgelendirici görselleri dekoratif iyileştirmelerdir; okunabilir metnin yerini tutmaz. Kontrastı, azaltılmış hareket tercihlerini ve düşük güçlü cihazları test edin. Her efektin her erişilebilirlik gereksinimine otomatik olarak uygun olduğunu varsaymayın.