Simak Tren Desain Web Animasi dengan Bentuk dan Pola Geometri

Geometri gaya adalah tren desain yang terus muncul kembali. Kali ini sentuhan baru adalah bahwa bentuk dan elemen desain menyertakan sentuhan animasi untuk menghadirkan bentuk dan pola menjadi hidup. Lebih mudah dari sebelumnya untuk menerapkan animasi di web, dengan cara yang sederhana dan didukung luas.

Ini juga merupakan teknik desain kecil yang bagus yang dapat menambah minat visual pada hampir semua hal dan bekerja untuk semua jenis elemen, mulai dari logo atau ikon hingga latar belakang hingga gambar pahlawan.

Mari kita simak tren desain situs web ini.

Animasi Latar Belakang Geo

tren desain

Efek gelombang dalam animasi latar belakang ini yang disusun dari bentuk geometris sangat brilian.

Ini memberikan gerakan lembut dan halus sambil tetap fokus pada kata-kata, menjaga keterbacaan, dan memastikan ajakan untuk bertindak menonjol.

Kombinasi bentuk geometris dan karya animasi karena warna, pengaturan waktu, dan kesederhanaan. Animasi ini terlihat dan berperilaku seperti hal yang nyata. Itu tidak zippy dan tidak mengganggu konten. (Ini adalah kesalahan umum dengan animasi latar belakang.)

Bagian terbaiknya adalah walaupun bentuk geometrisnya trendi, di sini mereka pergi dengan merek dan konten. Latar belakang “gelombang” adalah pandangan kreatif tentang “lautan” di nama merek oceanstart. Ini halus dan menggabungkan semuanya untuk desain yang trendi.

Bentuk dan Animasi 3D

tren desain

Ketika Anda memikirkan bentuk geo sebagai tren desain, apa yang terlintas dalam pikiran mungkin jauh lebih mirip dengan contoh dari oceanstart, tetapi tren tersebut tidak terbatas pada ruang dua dimensi.

Menghadirkan bentuk dengan animasi 3D. Di sini, Beans Agency melakukannya dengan kombinasi pewarnaan monoton, bentuk geometris, dan karakter kacang.

Ini sederhana, aneh, dan sangat menarik. Tren bekerja di sini karena itu adalah utas desain yang menyatukan semuanya. Bentuk-bentuk dalam adegan membantu membuat karakter terlihat dan terasa lebih realistis.

Itulah keindahan dari sesuatu yang sederhana seperti bentuk geo, mereka adalah elemen yang dapat Anda ambil secara visual dan yang terasa nyata dalam suatu desain.

Gerak Taktil

tren desain

Bentuk geometris yang hampir dapat Anda jangkau, sentuh, dan pindahkan adalah fokus dari beberapa aplikasi tren ini. (Dan mereka seringkali cukup pintar.)

Setiap bentuk di kotak beranda untuk Lucky Beard memiliki gerakan yang halus dan jelas. Bentuk geometris memiringkan dan bergerak pada poros, memuntir dan bergerak maju dan mundur, dan bahkan berdenyut satu sama lain.

Setiap bentuk tampaknya menciptakan cerita kecil di dalam dan tentang dirinya sendiri. Masing-masing berakar pada animasi taktil yang terasa begitu nyata sehingga Anda pikir Anda bisa menyentuhnya.

Apa yang super menyenangkan dan menarik tentang penggunaan bentuk geometris ini, adalah bahwa asosiasi ini bukan sesuatu yang biasanya Anda pikirkan dengan bentuk geometris. Jarang mereka terhubung dengan gerakan bergaya realistis. Tapi itu bekerja dengan indah.

Memuat Logo Animasi

tren desain

Sekarang, ini adalah penggunaan bentuk geometris yang rapi – gunakan versi animasi logo Anda sebagai animasi pemuatan. Ledakan! Kesadaran merek sebagai prekursor cepat untuk desain situs web.

Logo geometris juga menjiwai bagian desain lainnya, seperti saat menggulir.

Satu-satunya downside ke aplikasi tren ini adalah menggunakan logo geometris mungkin penggunaan yang lebih permanen atau lama. Pilih rute ini hanya jika Anda benar-benar menyukai bentuk geometris dan berencana untuk menggunakannya untuk beberapa waktu. (Berita baiknya adalah ini adalah tren yang memiliki daya tahan.)

Scrolling Parallax dan Geo Shapes

tren desain

Cara lain untuk memasukkan bentuk dan pola geometris animasi ke dalam desain situs web Anda adalah dengan menggulirkan paralaks. Jenis animasi bergulir dapat membuat elemen gerak yang bagus untuk latar belakang geometris dan lapisan latar depan.

Trik untuk membuatnya berfungsi adalah kehalusan. Lapisan yang bergerak terlalu cepat atau terlalu banyak gerak dapat membuat pengunjung situs web merasa sakit (seperti mabuk perjalanan). Gerakan mudah yang menyenangkan terasa lebih alami dan tidak akan membuat pengguna merasa tersentak.

Contoh di atas menggunakan pengguliran paralaks dengan bentuk yang diisi garis yang mengisi dan bergerak saat Anda menavigasi ke bawah halaman. Gerakannya sangat halus sehingga jika Anda menggulir terlalu lambat, Anda bahkan mungkin melewatkannya.

Animasi Geometrik Melayang

tren desain

Menentukan kecepatan gerak dan animasi yang tepat adalah seni tersendiri. Apa yang terlalu cepat untuk beberapa pengguna mungkin terlalu lambat untuk yang lain. Ada banyak preferensi pribadi yang terlibat dengan kecepatan animasi.

Jaga agar ini tidak menjadi masalah dengan bentuk geometris dan animasi yang terhubung ke hover state dan penempatan kursor. Ini memberi setiap kendali penuh atas gerakan dalam desain.

KDCAP melakukan pekerjaan yang bagus dengan berbagai tingkatan animasi hover yang mudah dilihat dengan kursor yang “meledak” ketika mendekati elemen yang dapat diklik.

Geo Shapes sebagai Tema Desain

tren desain

Hampir semua hal dapat diubah menjadi bentuk geometris, sebagaimana dibuktikan oleh tampilan visual untuk Grup Delassus. Setiap elemen dalam slider pahlawan memiliki objek umum yang telah dibuat menjadi representasi geometris.

Ada dua bagian gerak di sini:

  • memantulkan status hover untuk objek di layar
  • Slide yang diputar otomatis dari satu ke yang lain

Apa yang membuat desain ini menonjol adalah keakraban dengan objek dan kebaruan gaya baru yang telah diterapkan padanya. Slide monoton juga membantu menghadirkan fokus pada objek bergerak.

Animasi Garis Waktu

tren desain

Berikut cara menggunakan bentuk geometris yang mungkin tidak Anda pertimbangkan: Buat animasi garis waktu dengan bentuk sebagai titik fokus.

Menggabungkan bentuk dan elemen warna dapat membuat citra visual untuk proyek yang mungkin tidak memiliki pilihan lain, seperti foto atau video. Mencampur bentuk dan warna bisa menarik dan menarik. Animasi menghidupkan semuanya.

Kesimpulan

Beberapa tren desain situs web dimaksudkan untuk dicoba setidaknya di salah satu proyek Anda. Menggunakan bentuk geometris dan animasi bersama adalah salah satunya.

Ini adalah opsi yang sangat serbaguna yang dapat bekerja dengan berbagai jenis konten dan bergabung dengan prinsip estetika lainnya dengan baik. Ditambah lagi, penggunaan bentuk geometris adalah tren yang tampaknya bertahan lama. Menggunakan konsep ini tidak akan membuat situs web Anda terlihat usang.

sumber: designshack.net

Latest articles

12.6k Followers
Follow

Related articles