Friday, August 19, 2022
spot_imgspot_imgspot_imgspot_img
HomeVisual DesignTren Desain Animasi Liquid Ini Akan Membuat Desain Web Kamu Lebih Keren

Tren Desain Animasi Liquid Ini Akan Membuat Desain Web Kamu Lebih Keren

Aksen desain yang menyenangkan dapat menjadi salah satu hal yang menciptakan pengalaman pengguna yang tak terduga yang membuat pengunjung di situs web Anda.

Teknik tren yang melakukan ini adalah penggunaan animasi liquid dalam desain web. Yang hebat tentang trennya adalah Anda dapat menggunakannya dalam berbagai cara untuk membuat antarmuka yang berfungsi dengan konten Anda.

Di sini, kita akan melihat berbagai contoh tren ini dan bagaimana Anda dapat membuatnya bekerja untuk Anda. (Pastikan untuk mengklik contoh-contoh untuk merasakan bagaimana masing-masing animasi ini bekerja.)

Apa itu Liquid Animation?

animasi cair

Animasi liquid adalah gerakan di layar yang terasa seperti air. Animasi ini sering kali memiliki gerakan lambat dan mengalir yang dapat beriak atau surut. (Dan itulah yang membuatnya bekerja; animasi liquid harus terasa realistis.)

Animasi liquid dapat berlaku sebagai keadaan mengambang atau sebagai bagian dari video atau animasi bergulir. Anda bahkan dapat mengaktifkan animasi cair pada gulir.

Teknik ini benar-benar mulai meledak dalam popularitas, terutama karena komputer dan perangkat web dan browser yang lebih kecil memiliki kapasitas untuk membuat teknik secara efisien.

Akar tren ini mungkin kembali menggunakan bentuk gumpal dalam desain dengan animasi. Banyak dari desain tersebut (termasuk Fleava, di atas), yang agak trendi tahun lalu, memiliki unsur animasi cair.

Lapisan Liquid

animasi cair

Animasi liquid adalah teknik populer dengan situs web portofolio dan untuk agensi kreatif, mungkin karena ini adalah tempat di mana banyak desainer merasa nyaman menguji dan bermain dengan konsep desain baru.

Animasi liquid bekerja bersamaan dengan tren lainnya, seperti efek berlapis. (Anda juga akan melihat sekilas tren lain di sebagian besar contoh di sini.)

Ilya Kulbachny menggunakan dua lapisan animasi liquid dalam dua cara berbeda untuk menambahkan banyak minat visual pada desain sederhana. Lapisan atas termasuk teks yang bergerak dengan animasi liquid dan kecepatan yang tidak terpengaruh oleh interaksi pengguna.

RELATED ARTICLES

Most Popular

Recent Comments