Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

3 Tujuan Reka Bentuk Motion (dengan Contoh)

by
Length:QuickLanguages:

Malay (Melayu) translation by Zidan Al-Farizi (you can also view the original English article)

Pergerakan dengan matlamat pengguna utama dapat memastikan reka bentuk anda bermakna dan tidak hanya menambah beban kognitif untuk pengguna anda.

Berikut adalah beberapa matlamat, dengan contoh, bahawa reka bentuk gerakan anda boleh menyokong.

1. Memanggil Perhatian

Gerakan dapat membawa fokus ke area halaman yang relevan bagi pengguna.

Apakah Anda memerlukan pengguna untuk menyadari kesalahan atau langkah penting mereka telah kehilangan pada formulir web? Menambahkan gerakan dapat menarik perhatian pengguna ke bagian dari halaman dengan cepat sehingga mereka dapat mengambil tindakan.

Pena ini oleh Alex Mourer menggunakan gerak untuk memberikan umpan balik yang terus-menerus:

2. Tambahkan Keterlibatan

Bahkan halus gerakan dapat memberikan konfirmasi tindakan pengguna pada sebuah elemen halaman. Ini membantu pengguna mengerti bahwa umpan balik mereka telah diproses atau masukkan ke dalam sistem. Itu juga dapat mengalihkan perhatian dari proses latar belakang seperti waktu loading halaman transisi.

Bersenang-senang atau animasi loading halaman yang menyenangkan adalah kesempatan bagi Anda untuk mengekspos kepribadian merek Anda ke pengguna, seperti contoh ini mesmeric dari Rachel Smith:

3. Menjelaskan Hubungan Spacial

Gerakan dapat memberikan cairan transisi antara komponen halaman berbeda. Sebagai contoh, pada ponsel, gerak sering digunakan untuk rinci interaksi antara transisi halaman. Elemen resize dan menunjukkan hubungan dimensi (muncul di depan atau di belakang komponen lainnya), yang memberikan pengguna isyarat visual untuk apa yang akan terjadi selanjutnya.

Contoh ini dari Koen Vendrik menunjukkan hubungan dengan sempurna:

Kesimpulannya

Reka bentuk gerakan adalah alat yang kuat dan menarik dalam kotak alat pereka. Walaupun ia mungkin menggoda untuk menambah butiran pergerakan, pertimbangkan apakah reka bentuk gerakan matlamat pengguna boleh menyokong supaya reka bentuk anda dibina di atas keputusan yang bermakna yang tidak akan menghalang pengguna anda atau membuang masa mereka.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.