DESAIN SITUS WEB
Apa itu Pengguliran Paralaks?
Pengguliran paralaks adalah teknik grafis desain web di mana gambar latar belakang bergerak lebih lambat daripada latar depan sehingga menciptakan ilusi efek 3D yang mendalam saat pengunjung menggulir halaman web ke bawah. Teknik ini tumbuh dari teknik kamera multiplane yang digunakan dalam animasi tradisional sejak tahun 1930an.
Paralaks didasarkan pada ilusi optik. Karena mata manusia melihat benda-benda yang dekat dengan kita lebih besar daripada benda-benda yang jauh, kita melihat benda-benda yang jauh seolah-olah bergerak lebih lambat.
Ilusi telah lama diadopsi menjadi paralaks di berbagai media, sehingga menumbuhkan efek realistis. Penggunaan pertamanya adalah dalam animasi tradisional, sejak Disney's Putri Salju dan Tujuh Kurcaci, dan dalam video game seperti Super Mario.
Dengan kemajuan CSS dan HTML, efek paralaks kemudian berkembang menjadi dunia desain web seperti yang kita kenal sekarang.
Pengguliran paralaks adalah teknik pengguliran khusus yang digunakan dalam desain web di mana gambar latar belakang di seluruh halaman web bergerak lebih lambat dibandingkan gambar latar depan, sehingga menciptakan ilusi kedalaman pada situs dua dimensi.
Ini adalah salah satu teknik desain yang paling banyak digunakan dalam desain web saat ini, tetapi juga sesuatu yang mungkin tidak Anda sadari telah Anda alami.
Ini adalah gerakan sederhana yang sudah biasa Anda lakukan dan membantu membuat banyak situs web terasa dinamis dan interaktif.
Jika Anda memilih untuk menggunakannya, penting untuk bertukar pikiran tentang bagaimana paralaks juga dapat memengaruhi pengalaman seluler. Untuk meningkatkan kecepatan situs dan tidak terlalu melanggar kegunaan seluler, biasanya disarankan untuk mengurangi pengguliran paralaks atau menghapusnya seluruhnya.
Ingatlah untuk memikirkan semua contoh di mana Anda mungkin ingin menggunakannya terlebih dahulu dan bagaimana hal itu perlu disesuaikan untuk pengguna di beberapa perangkat.
Baca lebih lanjut di sini.
Tautan Tambahan:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]