Erişilebilir Animasyon - Tarayıcıda Tasarım
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Sunucumuz Una Kravets ile Designing in the Tarayıcı'ya hoş geldiniz. Etkileşimli dokunuşlar dijital ortamda kullanıcıların daha iyi anlamasını sağlayabilir, ancak kullanıcılarınızın bir kısmını şaşırtabilir ve hayal kırıklığına uğratabilir, bu da istenen etkinin tam tersi olabilir.
Şimdi de bunu nasıl önleyebileceğimiz ve sevimli animasyonlu SVG'lerimizi ve düğme vurgularımızı dahil ederken bir yandan da çok fazla animasyon gördüğünde midesi bulanan kullanıcıların da sitenizden keyif alabilmelerini nasıl sağlayabileceğimizden bahsedelim. Web sitenizdeki animasyonu kademeli olarak geliştirmek için "azaltılmış hareket tercih edilir" medya sorgusunun nasıl kullanılacağını ve basit bir "animasyonu küçült" anahtarının nasıl oluşturulacağını göstereceğiz.
Bağlantılar:
Tarayıcıda Tasarlama → https://goo.gle/2NeLxjI
Chrome Geliştiricilerine abone olun → https://goo.gle/ChromeDevs
arrow_back Tüm bölümlere dön
Aksi belirtilmediği sürece bu sayfanın içeriği Creative Commons Atıf 4.0 Lisansı altında ve kod örnekleri Apache 2.0 Lisansı altında lisanslanmıştır. Ayrıntılı bilgi için Google Developers Site Politikaları'na göz atın. Java, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2020-09-28 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2020-09-28 UTC."}
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2020-09-28 UTC."],[],[]]