Kepo
  • Berita
    • Bisnis
  • Lifestyle
    • Foto
    • Health
    • Hobi
    • Otomotif
    • Parenting
    • Produktivitas
  • Food & Travel
    • Resep Masak
    • Travel
  • Teknologi
    • Aplikasi
    • Gadget
    • Open Source
    • Programming
No Result
View All Result
  • Login
  • Register
  • Berita
    • Bisnis
  • Lifestyle
    • Foto
    • Health
    • Hobi
    • Otomotif
    • Parenting
    • Produktivitas
  • Food & Travel
    • Resep Masak
    • Travel
  • Teknologi
    • Aplikasi
    • Gadget
    • Open Source
    • Programming
No Result
View All Result
Kepo
No Result
View All Result
Home Teknologi Aplikasi

Parallax Scrolling : Definisi, Contoh dan Fungsi

Ainun Nisa by Ainun Nisa
9 Agustus 2020
in Aplikasi, Programming, Teknologi
Reading Time: 4 mins read
0
Parallax Scrolling : Definisi, Contoh dan Fungsi
1
SHARES
Share on FacebookShare on Twitter

Banyak cara yang bisa digunakan agar tampilan website menjadi lebih menarik, salah satunya adalah parallax scrolling. Teknik parallax ini cukup populer dalam desain web di berbagai belahan dunia. Entah sadar atau tidak, kamu mungkin sudah pernah mengunjungi web yang menerapkan efek tersebut.

Pengertian Parallax Scrolling

Parallax scrolling atau perguliran paralaks adalah teknik yang menciptakan ilusi kedalaman dengan perbedaan kecepatan antara latar belakang dengan latar di depannya. Teknologi yang bisa digunakan dalam pembuatan teknik ini adalah HTML dan CSS. Dengan perbedaan kecepatan pada tiap lapisannya, pengaplikasian parallax dapat memberikan efek 3 dimensi.

Bukan hanya satu layer yang dapat bergerak saat melakukan navigasi. Parallax juga memungkinkan objek lain ikut bergerak saat kamu menggulirkan website. Efek tersebut bisa membuat tampilan website menjadi lebih menarik dan interaktif.

Contoh Parallax Scrolling

Mengenal parallax rasanya akan lebih jelas jika disertai contoh nyata pengaplikasian teknik ini. Berikut beberapa website yang menggunakan pengguliran paralaks:

Flash VS HTML

parallax scrolling

Situs ini memberikan penjelasan tentang perbedaan mendasar antara Flash dan HTML5. Latar belakang dan objek yang bergerak memiliki tema yang sama dengan sebuah permainan. Permainan itu adalah Waste Invaders. Kamu akan diberikan hyperlink / pranala ke game Waste Invaders versi Flash dan versi HTML5. Di pojok bawah situs, tersedia tombol Like jika ingin ikut voting. Mana yang lebih kamu suka, Flash atau HTML5?

PORSCHEvolution

parallax scrolling

Bagi pecinta porsche mungkin sudah tidak asing dengan situs ini. Porschevolution berisi tentang sejarah porsche dari tahun ke tahun. Saat kamu scroll, akan muncul sejarah singkat dan gambar yang berubah berdasarkan tahun. Transisinya terlihat halus dan menarik dengan efek parallax.

NASA Prospect

parallax scrolling

NASA Prospect dibangun dengan hasil kolaborasi antara beberapa mahasiswa dan profesor University of South Dakota, NASA, dan Humans in Space Art program. Situs ini berisi cerita interaktif tentang planet prospectors yang ditinggalkan oleh NASA. Planet prospectors ini memiliki misi untuk memulihkan benda berharga yang tersebar di tata surya. Pengalaman menarik pada situs NASA Prospect bisa meningkatkan minat orang-orang tentang eksplorasi ruang angkasa.

Firewatch

Firewatch adalah game petualangan yang dikembangkan oleh Campo Santo, seperti yang tertera pada gambar. Scrolling pada situs ini memberikan kesan seakan kita sedang berada di bukit. Tumpukan layer dengan kecepatan yang disesuaikan memberikan pengalaman yang terasa nyata bagi pada penggunanya.

Baca Juga:

No Content Available

Every Last Drop

Every Last Drop adalah website yang memberikan penjelasan tentang serba-serbi air. Seperti berapa rata-rata penggunaan air dalam aktivitas sehari-hari. Desain yang interaktif berusaha menarik pengunjung agar tidak bosan membaca informasi yang di sediakan situs ini.

Dari beberapa contoh di atas, kita lihat bahwa parallax scrolling dapat diaplikasian dalam berbagai konsep. Konsep seperti apa yang menurutmu cocok untuk website milikmu?

Fungsi Parallax Scrolling

Parallax scrolling berfungsi untuk meningkatkan pengalaman pengguna. Tampilan yang menarik dapat membuat pengunjung betah berlama-lama di situs kita. Dan hal itu bisa berdampak baik karena mesin pencari memperhatikan sesi durasi sebuah website.

Meskipun begitu, kehadirannya tetap menimbulkan pro dan kontra. Para pengguna yang mendukung, berpendapat bahwa teknik ini menarik dan interaktif. Mereka menganggap penggunaan efek ini akan memberikan pengalaman yang baik dalam menjelajah website. Namun berbeda bagi yang tidak terlalu mendukung pengaplikasian parallax scrolling. Mereka beranggapan bahwa itu bisa menjadikan website kurang efektif. Parallax scrolling dianggap hanya akan membuat pengunjung terlalu fokus pada tampilan, bukan isi situs itu sendiri.

Pada akhirnya, butuh kolaborasi dan keseimbangan dalam membangun website yang menarik. Kehadiran parallax scrolling pada tampilan website memang dapat meningkatkan pengalaman pengguna. Namun sebaiknya tetap pada batas yang wajar agar isi dari web tetap tersampaikan dengan baik.

Bagikan ini:

  • Klik untuk berbagi di WhatsApp(Membuka di jendela yang baru)
  • Klik untuk berbagi pada Twitter(Membuka di jendela yang baru)
  • Klik untuk membagikan di Facebook(Membuka di jendela yang baru)
  • Klik untuk berbagi di Linkedln(Membuka di jendela yang baru)
  • Klik untuk berbagi di Telegram(Membuka di jendela yang baru)
  • Klik untuk mengirimkan email tautan ke teman(Membuka di jendela yang baru)

Menyukai ini:

Suka Memuat...

Terkait

Tags: desain website kerenefek paralaksparallax effectparallax scrollingpengalaman penggunaperguliran paralakstren website 2020user experience
ShareTweetSendSend
Previous Post

10 Situs Seru Penghilang Bosan

Next Post

Tempat Nongkrong Seru di Bandung yang Wajib Kamu Coba!

Ainun Nisa

Ainun Nisa

Related Posts

Tools Pilihan untuk SEO
Aplikasi

Tools Pilihan untuk SEO: Dapat Mengoptimalkan Websitemu

23 Januari 2021
Apakah Apple akan mengeluarkan iPhone  Lipat (Folding Phone)?
Gadget

Apakah Apple akan mengeluarkan iPhone Lipat (Folding Phone)?

7 Januari 2021
uninstall flash player
Aplikasi

Ini Dia Cara Uninstall Adobe Flash Player di Windows dan Mac

6 Januari 2021
Adobe Flash Player Tutup
Aplikasi

Uninstall Segera, Adobe Flash Player Resmi Dimatikan

5 Januari 2021
Apple Produk 2020
Gadget

5 Produk Apple Terbaik di Tahun 2020 yang Mencuri Perhatian

31 Desember 2020
Shortcut Keyboard di Mac OS
Aplikasi

Tips & Trik: Shortcut Keyboard Untuk Pengguna Mac OS

28 Desember 2020
Cara Charger laptop
Gadget

Mau Tahu Cara Charge Laptop Agar Baterai dan Charger Awet?

22 Desember 2020
Oracle Database Archive Log
Teknologi

Oracle Database: Fungsi dari Archive Log

11 Desember 2020
Integrasi ETL vs ELT
Aplikasi

Mengenal Metode Integrasi di Level Data – ETL vs ELT

8 Desember 2020
Next Post
Tempat Nongkrong Seru di Bandung yang Wajib Kamu Coba!

Tempat Nongkrong Seru di Bandung yang Wajib Kamu Coba!

Big Data dan Data Science

Mengenal Big Data dan Data Science

Please login to join discussion
Resep Cumi Woku

Resep Cumi Woku Khas Manado

by Masak Yuk
28 Juli 2021

Dalih Azis Syamsuddin Beri Utang ke Eks Penyidik KPK, Bikin Wajah Mantan Juara Robek

Dalih Azis Syamsuddin Beri Utang ke Eks Penyidik KPK, Bikin Wajah Mantan Juara Robek

by Kepo
27 Juli 2021

Luhut Ancam Sanksi Bagi Pelanggar Aturan, Kelompok Provokator Jokowi End Game Dideteksi

Luhut Ancam Sanksi Bagi Pelanggar Aturan, Kelompok Provokator Jokowi End Game Dideteksi

by Kepo
26 Juli 2021

Pemkab Bantah Pria Positif COVID-19 di Sumut Dianiaya,  Setan Merah Kebobolan 3 Gol

Pemkab Bantah Pria Positif COVID-19 di Sumut Dianiaya, Setan Merah Kebobolan 3 Gol

by Kepo
25 Juli 2021

Recommended Stories

Resep Tahu Bakso

Resep Tahu Bakso Khas Semarang, Cocok Untuk Kamu Ngemil!

23 Maret 2021
Kopi Joss Khas Yogyakarta

Kopi Joss, Kopi Unik Khas Yogyakarta

20 September 2020
5 Berita Hari Ini: Info BMKG, Sepak bola, dan Musik

5 Berita Hari Ini: Info BMKG, Sepak bola, dan Musik

20 Februari 2021

Popular Stories

  • Tradisi Sosiopsikologis

    Apa yang dimaksud dengan Tradisi Sosiopsikologis?

    12 shares
    Share 0 Tweet 0
  • Hubungan Data Warehouse dengan Business Intelligence dan ETL

    2 shares
    Share 0 Tweet 0
  • Mengenal Google Apps Script

    1 shares
    Share 0 Tweet 0
  • Mengenal Oracle Database – PL/SQL

    1 shares
    Share 0 Tweet 0
  • DataFlow dengan Apache NiFi

    0 shares
    Share 0 Tweet 0

Kepo

Kepo.co adalah media komunitas yang mewadahi tulisan dari kontributor berisikan konten bermanfaat dan menghibur.

Kategori

  • Aplikasi
  • Berita
  • Bisnis
  • Community
  • Creaticity
  • CRF Rally Jabar
  • Food & Travel
  • Foto
  • Gadget
  • Health
  • Hobi
  • Lifestyle
  • Masak
  • Open Source
  • Otomotif
  • Parenting
  • Produktivitas
  • Programming
  • Resep Masak
  • Teknologi
  • Travel
  • Travelling
  • Tren
  • Tren Terbaru
  • World
Resep Cumi Woku

Resep Cumi Woku Khas Manado

28 Juli 2021
Dalih Azis Syamsuddin Beri Utang ke Eks Penyidik KPK, Bikin Wajah Mantan Juara Robek

Dalih Azis Syamsuddin Beri Utang ke Eks Penyidik KPK, Bikin Wajah Mantan Juara Robek

27 Juli 2021
Luhut Ancam Sanksi Bagi Pelanggar Aturan, Kelompok Provokator Jokowi End Game Dideteksi

Luhut Ancam Sanksi Bagi Pelanggar Aturan, Kelompok Provokator Jokowi End Game Dideteksi

26 Juli 2021

© 2020 Kepo - All Rights Reserved.

No Result
View All Result
  • Berita
    • Bisnis
  • Lifestyle
    • Foto
    • Health
    • Hobi
    • Otomotif
    • Parenting
    • Produktivitas
  • Food & Travel
    • Resep Masak
    • Travel
  • Teknologi
    • Aplikasi
    • Gadget
    • Open Source
    • Programming
  • Login
  • Sign Up

© 2020 Kepo - All Rights Reserved.

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
 

Memuat Komentar...
 

Anda harus log masuk untuk menerbitkan komentar.

    %d blogger menyukai ini: