Desainer dapat menghabiskan waktu hingga berjam-jam untuk membuat pilihan warna, tipografi, dan layout dengan hati-hati, tetapi meskipun dengan usaha keras yang berharga tidak ada yang menarik mata dengan sangat kuat dan dapat diandalkan dengan gerakan. Suatu perubahan terbukti dan psikologi perilaku menunjukkan bahwasanya insting kita terhadap elemen yang terlihat bergerak dan berubah.
Meskipun dengan kemajuan teknologi yang begitu pesat, pikiran manusia masih bekerja seperti biasanya dengan kecenderungan terhadap visual untuk dinamika dan gerakan. Dengan prinsip ini dapat diandalkan dalam pikiran, mengapa tidak seharunya kita menambahkan beberapa animasi untuk desain web dan usaha pemasaran internet kita?
Menambahkan animasi dengan desain Anda adalah cara yang bagus untuk membuatnya berdiri terpisah serta menguasai perhatian. Di bawah ini adalah 10 website dengan animasi kreatif yang telah mahir terintegrasi animasi untuk desainnya. Diharapkan website ini akan berfungsi sebagai bukti kekuatan yang menarik gerakan, serta sumber inspirasi untuk proyek berikutnya.
#1 Website Animasi Kreatif – Blacknegative
Situs lain yang tidak melebih-lebihkan penggunaan animasi, Blacknegative pada awalnya tampak seperti situs normal yang menggunakan layout horisontal bukan situs vertikal. Tapi, situs ini dibangun dengan cerdik, menambahkan beberapa bentuk animasi pada setiap halaman. Beberapa kurang terlihat daripada yang lain, tapi unsur-unsur gerakan yang selalu hadir.
#2 Website Animasi Kreatif – Blue Acorn
Desain web yang bersih adalah platform yang sempurna untuk menambahkan animasi, tidak peduli seberapa besar atau kecil animasi tersebut. Situs Blue Acorn adalah kombinasi patut dicontoh dengan kesederhanaan dan gerak. Animasi berlangsung di tengah layar, dan hanya dengan mengklik salah satu dari tiga callouts, Anda melihat kota hidup kembali dengan jatuh turun ke tempat.
#3 Website Animasi Kreatif – Cube Slam
Ini adalah langkah yang sangat berani ketika Anda memutuskan untuk memiliki animasi Anda mendominasi sebagian besar situs web Anda, tetapi Cube Slam mencapai ini dengan merancang situs sekitar tampilan retro video game. Anda mungkin akan terkejut pada awalnya, tapi sulit untuk menyangkal terdapat hal menarik dari kedua animasi sendiri dan interaktivitas.
#4 Website Animasi Kreatif – Denise Chandler
Hal ini tidak perlu untuk menambahkan animasi ke setiap halaman situs Anda. Kadang-kadang, hanya menambahkan animasi ke halaman depan berfungsi sebagai implementasi yang lebih halus. Situs Denise Chandler dirancang kreatif tidak hanya itu. Animasi dari ferris wheel dan roller coaster ditempatkan secara strategis sehingga Anda melihatnya tetapi tidak terganggu oleh animasi looping nya.
#5 Website Animasi Kreatif – Flip-Universum
Web ini adalah media abstrak dengan potensi besar untuk animasi, yang memungkinkan Anda untuk melarikan diri dari konvensi realitas dan menggali ke dalam kreatif. Situs Flip-Universum tidak terlihat seperti website biasa, dan dengan bergaya kartun tampilannya, dan jenis animasi parallax sederhana bekerja dengan sangat baik.
#6 Website Animasi Kreatif – Kikk Festival
Situs Kikk Festival dan animasi yang digunakan adalah yang sederhana seperti yang Anda dapatkan ketika datang ke mengintegrasikan animasi looping unimposing yang tidak mengganggu pengalaman pengguna. Animasi ini hanya berbagai bulu berukuran mengambang turun dari langit. Penggunaan perspektif dengan bulu merupakan tambahan yang menambahkan kedalaman dan variasi.
#7 Website Animasi Kreatif – Metal Junk
Tidak ada kesempatan yang lebih baik untuk menambahkan animasi ke situs Anda daripada ketika situs Anda membahas tentang permainan atau kartun. Metal Jung mengambil keuntungan dari ini langsung. Dari ikon memuat animasi ke homepage yang sebenarnya, animasi yang bagus. Memasangkan bahwa dengan skema warna yang mengagumkan dan Anda memiliki desain bagus.
#8 Website Animasi Kreatif – Quechua
Pencampuran elemen desain adalah cara yang bagus untuk membuat situs Anda menonjol di antara jutaan yang sudah ada di Internet. situs Quechua CrossRock 2013 tidak hanya bercampur fotografi dengan unsur-unsur animasi, tetapi mencakup tekstur dan gambar yang tampaknya diambil dengan tangan. Animasi sederhana dan seimbang di seluruh situs.
#9 Website Animasi Kreatif – Universeries
Jika Anda ingin menambahkan animasi untuk desain web Anda, pastikan bahwa itu melayani tujuan yang jelas dan tidak hanya ada sebagai tambahan dangkal. Halusnya Universeries namun animasi kreatif adalah tambahan yang benar untuk desain, dan tidak berlebihan embel-embel.
#10 Website Animasi Kreatif – Wondros
Ini tidak sering bahwa animasi di situs mengambil nama perusahaan menjadi pertimbangan, dan apakah disengaja atau disengaja, Wondros lakukan dan tidak hanya itu. Titik-titik bergerak partikel konstan menciptakan berbagai bentuk dan bahkan dibaca “W” untuk mewakili situs dan merek itu sendiri. Animasi tidak pikiran-bertiup, tapi itu adalah sentuhan yang hebat.
Keren-keren websitenya, saya waktu mengunjungi juga cukup kagum. Kreatif banget, cara buatnya makan banyak waktu mungkin ya ?
Iya mas dengan waktu yang lama tapi hasilnya memuaskan, bisa dijadikan referensi kalau ingin membuat web animasi seperti itu.
situsnya keren-keren tapi loadnya berat hehe
iya mas rata-rata situsnya berat, kebanyakan situs animasi seperti itu ya mas.
hello.saya dari malaysia.saya mahu kamu ajarin saya boleh??saya seorang pelajar.
bolehkah kasi tau apa syntax nya ??
Untuk belajar dasar bisa kunjungi dulu di w3schools[dot]com untuk lanjutan saya rekomendasi di sitepoint[dot]com, css-tricks[dot]com, tutorialzine[dot]com