Penatalan Paralaks: Apakah Ia?

Ditulis oleh

dalam

,

The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.

Definisi Penatalan Paralaks

Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.

Without Parallax Scrolling

The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

With Parallax Scrolling

The background image scrolls at a different rate as the rest of the elements in the page.

Impak Penatalan Paralaks Terhadap Pengguna

Walau bagaimanapun, teknik ini bukanlah sesuatu yang baharu, dan sebenarnya telah digunakan dalam animasi tradisional seawal tahun 1920-an. Ia juga telah digunakan dalam banyak permainan video klasik, seperti Super Mario brothers.

Namun dalam bidang reka bentuk web, Nike sering dianggap sebagai antara yang terawal menggunakan penatalan paralaks pada tahun 2011. Sejak itu, istilah “penatalan paralaks” (kadangkala dipanggil “latar belakang paralaks”) telah menjadi istilah lazim dalam kalangan pereka dan juga pembangun, dengan popularitinya yang semakin meningkat secara konsisten.

Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move
in slightly varying speeds, as compared to Mario and the other characters in the foreground.

Apakah Manfaatnya untuk Pengguna

Apa yang hebat tentang kesan ini ialah ia mendorong pengguna untuk berinteraksi dengan laman web anda, sekali gus meningkatkan interaksi pengguna dan daya tarikan. Dan, apabila dilakukan dengan betul, penatalan paralaks boleh menghidupkan laman web yang paling ringkas sekalipun. Ia juga boleh digunakan untuk mencipta naratif yang memukau yang serta-merta menarik perhatian semua pelawat laman.

Kongsi Hasil Kerja Anda dengan Kami!

Jadi, apa pendapat anda semua? Adakah anda sudah mencuba ciri latar belakang paralaks terbaharu daripada PBS v4? Adakah ia memberi manfaat kepada anda? Jangan ragu untuk berkongsi pautan hasil kerja anda dengan kami, atau tinggalkan beberapa cadangan di ruangan komen di bawah.

Selamat Membina Laman Web!