20 Situs Web dengan Efek MouseOver Kreatif
Bahkan dalam desain web terkecil efeknya dapat mengubah pengalaman pengguna secara keseluruhan. ini bisa berupa efek kesalahan, efek pantulan atau bahkan efek suara sederhana. Salah satunya efek, yang sering digunakan dalam desain web hari ini adalah efek hover atau mouseover. Efek transisi ini bisa dilihat ketika Anda menggerakkan mouse Anda ke atas elemen tertentu itu membuatnya meluncur keluar, berubah warna atau bernyawa.
Gagasan di balik efek mouseover adalah untuk kurangi usaha bahwa pengguna harus melakukannya lihat lebih detail, akses informasi kunci, atau lihat berbagai tampilan di situs web. Efek melayang yang baik dapat menghemat ruang untuk menampilkan lebih banyak informasi di cara yang paling pintar mungkin.
Jadi, untuk memberi pembaca saya a beberapa contoh efek menarik ini, Saya telah mengumpulkan 20 contoh kreatif situs web dengan efek mouseover. Gulir ke bawah saja, buka situs web, bermain-main dan lihat sendiri betapa menakjubkan efek hover terlihat.
Piksel oleh Tomer Lerner
Ini adalah situs web yang sangat kreatif dengan beranda hitam putih yang menunjukkan perbedaan bentuk geometris menari dan mentransformasikannya ketika Anda memindahkan kursor di atasnya.
Haus
Haus adalah situs web agen interaktif itu mencintai teknologi, dan humor. Arahkan mouse ke gambar kartun di layar dan perhatikan bagaimana mereka melompat dan berlari.
Canva
Canva adalah layanan untuk membuat berbagai gambar berbasis teks. Beranda mereka memiliki latar belakang buram gelap, tetapi ketika Anda mengarahkan kursor di atasnya Anda akan melihat area membersihkan dan menunjukkan gambar di latar belakang, seperti alat penghapus.
Pekerjaan utama
Ini adalah situs web portofolio studio produksi media kreatif Mainworks. Arahkan mouse atau klik pada titik-titik pada garis untuk melihat proyek mereka.
Cedric Pereira
Ini adalah situs web portofolio Cedric Pereira dengan nada pastel. Kapan kamu gulir ke kategori di beranda, mereka ubah warna dan gambar. Juga, saat Anda mengarahkan mouse ke gambar, perbatasannya bergerak.
Bullmonk
Bullmonk adalah situs web manajemen bisnis dengan animasi SVG sederhana di beranda. Arahkan mouse ke kotak persegi panjang untuk melihat caranya lubang terbentuk di dalamnya.
InSimbiosis
InSimbiosis memberi industri alternatif strategi industri biofarma untuk mempercepat program pengembangan obat. Gerakkan mouse Anda untuk melihat yang luar biasa interaksi mikro dengan teks, tombol, dan elemen latar belakang.
Studio Kreatif OUI R
OUI R adalah a studio desain multidisiplin didedikasikan untuk menciptakan produk, berdasarkan ide-ide visual kreatif. Saat Anda meletakkan kursor mouse pada gambar, mereka perlihatkan informasi dan dengan scoll mouse Anda berpindah ke gambar berikutnya.
Minnim
Minnim memiliki beranda interaktif dengan lingkaran garis berwarna-warni yang bergerak dengan mouse hover. Kamu bisa menghasilkan item siklus baru dengan logo menggunakan mouse anda.
Bundel penuh
Bundel Penuh adalah agen digital kreatif. Situs web mereka dipisahkan menjadi dua kolom: logika dengan segitiga biru dan kreativitas dengan kotak merah. Ketika Anda memegang mouse di atas elemen-elemen ini, mereka memantul dengan cara yang sangat cairan.
FS Tanpa Judul
FS Tanpa Judul mengundang pengunjung untuk memilih nama untuk font. Beranda menunjukkan sel-sel itu ketika Anda mengklik, mengarah ke demo font tertentu.
Trainrobber
Trainrobber adalah seorang Agen AR dan VR yang menghasilkan pengalaman mendalam yang inovatif untuk merek. Saat Anda mengarahkan mouse di beranda, berbeda elemen bergerak secara horizontal seperti film Barat yang berwarna-warni. Kategori-kategori juga bernyawa dengan mouseover.
Sakura International Inc.
Sakura adalah perusahaan berbasis di Jepang yang berfokus pada jejaring manusia. Kamu bisa hubungkan titik-titik di latar belakang dengan satu gerakan mouse Anda.
Studio Fan
Fan Studio adalah situs web kartun yang membuat game dan aplikasi seluler. Untuk membuat rasa gerak latar belakang bergerak bersama dengan kursor mouse Anda.
Putar Studio
Itu adalah situs web merek dan studio desain yang membantu klien mencapai keberadaan online. Mereka memiliki beranda dengan latar belakang putih dan lingkaran. Tapi saat kamu klik pada tombol Menu, sebuah gambar muncul ke dalam lingkaran.
PerusahaanMcBride
Situs web TheMcBrideCompany menampilkan foto pemandangan indah yang buram. Kapan kamu gerakkan kursor di atas latar belakang, area kecil di sekitar kursor menjadi jelas. Itu terlihat fantastis.
Franke yang pandai
Clever Franke adalah agensi desain interaktif yang menggabungkan strategi, desain, dan teknologi mengembangkan produk dan layanan yang inovatif. Judul-judul pada beranda dibuat secara dinamis dan otomatis yang terlihat seperti sulap. Kapan kamu gerakkan kursor ke atas huruf-huruf yang dipindahkan, tapi kembali dalam sedetik.
Pusat Desain Pesan
Situs web Pusat Desain Pesan memiliki desain yang unik. Fitur beranda mereka judul yang jelas dengan geometri poligon. Ketika Anda memegang mouse di atas judul-judul ini, mereka menjadi lebih besar dan mulai merusak.
Baru dikodekan
Hanya Coded yang luar biasa latar belakang gelap dengan titik-titik yang membentuk kanvas. Ketika Anda mengarahkan mouse ke kanvas ini, sepertinya hidup, karena itu mulai bergerak dan mengubah perspektif.
Aplikasi kinetik
Ini adalah situs web pemenang penghargaan dari agensi digital yang menggunakan teknologi paten tertunda untuk membangun situs web dan aplikasi untuk perangkat iOS dan Android. Itu beranda tampak seperti langit, dan ketika Anda mouseover sepertinya Anda pilih arah terbang.