Matawebsite Promo Lebaran 2022

Contoh Parallax Pada Web Design

date 28 Mar 2019
date Lev Yasin
date 1670
date Web Design
Contoh Parallax Pada Web Design

Hallo teman-teman, kali ini kita akan membahas tentang parallax pada web design. Teman-teman yang sudah terjun kedalam dunia web design pastinya sudah mengetahui tentang parallax web design ini. Fenomena parallax ini mengalami peningkatan yang dimulai pada tahun 2013 sampai sekarang ini. Konsepnya sangat sederhana, yaitu dengan menggunakan konsep fluid dimana semua konten akan memenuhi semua latar monitor web kita.

Istilah parallax ini pertama kali berawal dari efek visual 2 dimensi pada video game dimana latar belakang dan objek terpisah seolah-olah menciptakan ilusi kedalaman antara objek tersebut. Terkadang latar belakang bergerak lebih lambat dibanding dengan objek karakter yang dimainkan tergantung dari interaksi. Konsep ini digunakan dalam desain web saat ini.

Baca berita lainnya: Pengertian web design

Berikut ini Tips untuk membuat Situs Parallax

  1. Jangan membuat website anda terlalu rumit.
  2. Gunakan cerita untuk menggunakangambar visual.
  3. Buatlah gambar/visual yang sesuai dengan tema anda.
  4. Sediakan fasilitas mengajak pengunjung untuk melakukan sesuatu, misalkan meminta email mereka atau bergabung di suatu forum.
  5. Perhitungkan kompatibilitas browser.

Berikut contoh web yang menggunakan parallax web design :

  1. nike.com/jumpman23/aj2012/
  2. like-there-is-no-tomorrow.com
  3. artofflightmovie.com
  4. evanshalshaw.com
  5. michelbergerbooze.com
  6. pictopro.com
Matawebsite Promo
lev_yasin.png

Lev Yasin

Instruktur Web Programming Mataweb

Sangat tertarik dengan dunia Pemrograman Web & Mobile, saat ini fokus pada bagian Backend Web Developer, menggunakan PHP sebagai bahasa pemrograman utama, biasanya saya menggunakan Laravel.

Artikel Populer

Halo, ada yang bisa kami bantu?
Daftar Sekarang