パララックスデザイン

2015年6月1日

blog pararax
パララックスデザインというのをご存知でしょうか。あまり聞きなれないかもしれませんが、今までに一度は見たことあるかと思います。事例をあげたら「なるほどこれのことか」となるかと思いますので参考に下記をご覧ください。
参考:http://www.lazor-osaka.jp/nakanoshima/
参考:http://www.tokyo-skytree.jp/
参考:http://www.buffaloes.co.jp/expansion/entertainment/orihime/
如何でしょうか。最近でしたらアドワーズなどのネット広告のランディングページとして使われることもよくあります。ただ、「内部リンクのある縦長の一枚もののデザインのこと」という認識だと正しくないので簡単に定義を説明します。
パララックスとは日本語で言うと「視差」のこと。視差と言われてもよく分からないですが、簡単にいうと遠近や動きを感じるサイトのことです。
下記のような横スクロールもパララックスデザインと言えます。
参考:http://www.nintendo.com.au/gamesites/mariokartwii/
ホイール付きのマウスの普及によりマウス本体を動かす必要なく上下や左右の移動も簡単にできるようになったのでそのメリットを活かしたパララックスデザインは2012年頃から広がりを見せています。
一般的にみられるようなメニューボタンで見たいページの画面に一つづつ切り替える必要もありません。直感的にホイールを動かしスクロールをさせることで自動的に印象的な情報が時には動きをつけながら飛び込んでくるのでインパクトがあり、一貫したストーリー性やデザイン性を伝えることができます。

デメリットや注意点は?

もちろんデメリットや注意点もあるのでパララックスを用いたページ制作の際には下記も点などに気を付けて下さい。
・1枚のページにコンテンツが集約されるので重くなってしまう。
・伝える内容のストーリーやユーザービリティを考えないで設計するとかえって伝えたい内容が伝わらなくなる。
・デバイスやブラウザでの挙動を考慮する必要がある。
参考:ウェブデザインクリップ

Related Posts

小規模事業者持続化補助金 次回締切は22年1月12日(低感染リスク型)と2月4日(一般型)です

小規模事業者持続化補助金は2020年から継続実施されているものですが、数か月おきに回を区切って実施され、2020年度、2021年度では名称と共に細かい要件なども変更されているので注意が必要です。 コロナ特別枠→低感染リスク型ビジネス枠 一般型と低感染リスク型ビジネス枠がありますが、低感染リスク型ビジネス枠の方が補助率や補助上限額が大きいので要件が合致する場合はおススメです。 大枠には変わりないですが従来からの主な変更点やポイントご紹介します。 こちらにも詳しくのっています。 丸わかり!小規模事業者持続化補助金(公式PDF)...

Gmail接続エラー「メールを今すぐ確認する」が消えてできない時

Gmail接続エラー「メールを今すぐ確認する」が消えてできない時

先日Gmailで接続エラーの障害が長時間発生し、メールの受信が遅延することがありました。 一時的な受信遅延や障害は今までもあったものの1日以上連続して起きたことはほとんどありません。 こういった障害の発生は原因によって対処法も異なり、いつも同じ方法で解決できるとは限りませんが、今後の参考に今回のケースと対処法をご紹介します。 Gmail接続エラー発生状況 ・メールサーバー:KDDI系のCPIを使用 ・Gmail管理画面経由で独自ドメインのメール送受信ができるように設定...

2021年7月2日にGoogleのコアアップデートが実施されました

2021年7月2日にGoogleのコアアップデートが実施されました

2か月ほど前になりますが、Googleからコアアップデートの実施がアナウンスされ、SEO会社などからの変動分析などもあがってきているのでご紹介します。 なお、7月以前には6月3日にもアップデートが実施されており、7月のアップデートは6月の残りとして一連のものと公式では発表されています。 コアアップデートとは? まず前提としてコアアップデートとはなんでしょうか。...