デザイン

デザイン

パララックス効果(視差効果)で動きのある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
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

168 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

 

おすすめタグ