デザイン

デザイン

PR

パララックス効果(視差効果)で動きのあるWebサイトを すぐに参考にできるパララックス効果が秀逸なWebデザイン例20選

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、20 Inspiring Examples of the Parallax Scrolling Effect in Web Design
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

2,001 views

読了時間 : 約1分41秒

時としてシングルページサイトでのパララックススクロール効果は、アニメーションに合わせる必要があるため処理が遅くページが重たくなります。スクロールして次のページに行くのにローディングを待たなくてはいけません。しがかし、パララックス効果は上手く機能すれば、刻々と変わるスクリーンで上手く次のページに誘導され、ユーザーがとても楽しんで見ることができるサイトになります。

 

 

パララックス効果はユーザーを次のページへと導くベストな方法なのです。以下にパララックス効果を使った秀逸な例を集めました。是非、参考にしてみてください!

 

 

Years of Hip-hop Culture

 

 

Ricker Lyman Robotic

 

 

This Oxford

 

 

Hello Monday

 

 

 

The Walking Dead

 

 

Erős Balázs

 

 

Le Tour de France – 100 Ans de Tour

 

 

 

Cyclemon

 

 

 

Scroll for Your Health

 

 

 

numéro10

 

 

 

NASA: Prospect

 

 

 

De Might of Mister Miller

 

 

 

Flandria

 

 

 

InfoQuest Infographic

 

 

 

Fillet

 

 

 

RZ Collection Contemporary Art

 

 

 

Bellevoye

 

 

 

Les Bijoux Précieux

 

 

 

Image Based Bullying

 

 

 

Welcome to Season 16

 

 

 

Kirill Pritula

 

 

 

Campo Santo – Firewatch

 

おすすめタグ