Apa itu Reduced Motion?

Sistem operasi terbaru menyediakan fitur yang memungkinkan pengguna untuk mengurangi gerakan di layar. Framer juga menawarkan pengaturan untuk menonaktifkan paralaks, transformasi, dan animasi tata letak sesuai dengan preferensi pengguna.

Cara Mengatur Reduced Motion

Untuk menyalakan atau mematikan efek tersebut pada proyek, silakan pindah ke pengaturan situs (Settings). Di tab umum, Anda dapat menemukan opsi untuk menyesuaikan pengaturan ini dan mengendalikan efek gerakan seperti paralaks atau animasi tata letak.

Mengapa Pengaturan Reduced Motion Penting?

Membuat animasi dengan Framer memang bagus, tetapi desain yang mempertimbangkan semua pengguna dapat memberikan pengalaman yang memuaskan bagi semua. Jika Anda ingin melihat bagaimana situs Anda tampil dengan pengaturan pengurangan gerakan, periksa Setting > Accessibility dan centang Reduced Motion. Biasakan memeriksa apakah situs FramerFramer Anda tetap mudah digunakan dalam kondisi ini.

Mengurangi animasi dapat membuat situs beroperasi lebih lancar pada perangkat berspesifikasi rendah atau kondisi hemat baterai. Fokuslah pada apakah informasi penting tersampaikan dengan baik, daripada sekadar penampilan yang mencolok.

Pertanyaan yang Sering Diajukan (FAQ)

P. Apakah mengaktifkan pengaturan ini akan menghilangkan semua efek di situs?

• Tidak. Reduced Motion terutama berfokus pada pengurangan gerakan besar yang dapat menyebabkan ketidaknyamanan visual (seperti slide, pembesaran/pengecilan berlebihan, scroll parallax, dll.).

P. Bisakah Reduced Motion diterapkan secara individual pada animasi di bagian tertentu?

• Tidak. Setelah fitur ini diaktifkan di pengaturan situs, animasi paralaks atau tata letak di semua halaman secara umum akan dikendalikan.

P. Apakah animasi yang dibuat langsung dengan komponen kode juga terpengaruh oleh fitur ini?

• Tidak. Untuk menghentikan animasi yang dibuat langsung dengan komponen kode, diperlukan penulisan kode tambahan seperti mengimplementasikan logika baru pada bagian kode tersebut.

Tulisan ini adalah konten terjemahan dan adaptasi dari ‘Reduced motion settings’ di blog resmi Framer.