asymmetry-scroll-web-site

動きが面白い!左右非対称にスクロールするwebサイト4選

  • このエントリーをはてなブックマークに追加

2012年はパララックス(視差)効果を用いたwebサイトが流行りました。2013年はどんなわくわくするようなwebサイトがトレンドになりますでしょうか。

今回紹介するのは、左右非対称(アシンメトリー)でスクロールするという面白い動きをするwebサイトをちらほら見られましたのでご紹介いたします。


National LGBT Museum

National

片方には説明するような文章のコンテンツを置いて、もう片方にはイメージを置いてあるというパターンですね!普段見慣れない効果を用いてるので、見づらいかなと思いきや違和感がなく見ることができます、不思議!

Valentina Gallo

Valentina gallo

一見、写真をダイナミックに使ったフルスクリーンのサイトかな、と思いきやスクロールすると、、、!!!スクロールをするのが楽しくなる!

Alex Kehayias

Alex Kehayias

こちらは、トップにダイナミックに4つのメニューを置いてあります。メニューから選ぶと左右非対称のスクロールになります。こういうものも面白い!!

Ballantyne

Ballantyne

こちらのサイトは左右非対称ではないのですが、3つ並んでいるのが3つともスクロールしています。動きが滑らかで素敵!!また写真を斜めにトリミングしているところなどがすごい気持ちいです。ブランドショップなどで商品をダイナミックに見せたいときなど面白いかもしれませんね!

 

おすすめ記事

  1. 刺激的!!海外デザイナーのポートフォリオをまとめました 2012/09/26
  2. 国内の素敵なwebデザイナーさんのポートフォリオのまとめ
  3. 宇宙を用いたwebサイト、webデザイン
  4. ガールズ系で可愛らしいwebサイトのまとめ!
  5. バナー制作時に困ったらいつもお世話になっている素材サイト

関連記事

PAGE TOP