ブログ - 2021-10-03 20:29:00

【パララックス効果】スクロールして楽しいWebデザイン【PC推奨】

Posted by 江口 史和里
Shiori Eguchi

みなさんこんにちは!

 

ホームページ制作の途中、

『スクロールしているけど、動かない背景ってどうやるんだろう??』

とふと思い、検索してみたところ

”パララックスページ” ”パララックス効果”と呼ばれるものでした。

パララックス=視差効果、という意味だそう。

 

まずは、特に効果をいれていないサンプルページ☟

 

 

そしてパララックス効果いれてみました☟

奥行きを感じますね〜〜〜

背景が動かないだけで、ここまで雰囲気が変わるとは・・

 

ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも

使用してみました。☞【学生団体Stay Kyushu】

 

 

色々と調べてみると、パララックスを使用した

面白いWebサイトがあったので2つご紹介します^^

 

1.Porsche Volution

 

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

ホームページはこちら ※PC推奨

ポルシェの歴史を辿るようなWebデザインとなっており

スタイリッシュでかっこいいホームページです!

車がどんどん変身していくようで、美しい視差効果だなと思います^^

 

 

2.Every Last Drop

 

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtube|チャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|ロゴデザイン

ホームページはこちら ※PCでもスマホでもOK!

”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。

 

以前ご紹介した、【Googleサンタを追いかける】と通ずるような

スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。

 

 

以上2つご紹介いたしました!

是非スクロールしてお楽しみください^^

 

Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里

江口 史和里が書いたその他記事

2022-01-23
今年の一文字
2019-12-22
かごしまの旅

ブログ TOP

ブログ 2020-12-06 18:48:00

こんにちは!   大名営業所にて音響チームはたまーに遊んでいます。 オペレートで使用している音響ミキサー『YAMAHA MG ...


ブログ 2022-12-19 10:16:00

こんにちは、こんばんは エハラです     続きまして、第4弾 社会経験のある、スーパー内定者を紹介します!! ...


ブログ 2020-11-29 22:43:00

みなさんこんにちわ! 11月もあっという間に過ぎましたね。 私はすごく早く感じました!   11月はとても寒くなりましたよ ...


ブログ 2020-12-07 21:30:00

映像制作において限りなく抑えたいもの・・       “制作時間"   &n ...


ブログ 2019-12-28 20:31:00

先日、video copilot live JAPAN!! という映像イベントに参加する為、 東京へ行ってきました!   ...


ブログ 2024-02-08 19:33:00

    どうも横山です。     みなさんスポーツ観戦は好きですか。 私は好きです。 ...


ブログ 2021-01-24 19:06:00

こんばんは!平野です^^ 最近はずっと写真撮影のコツについて書いて来ましたが 今日はひとやすみして 「 THE FIRST TAKE ...


ブログ 2021-10-21 21:12:00

こんにちは、こんばんは エハラです。   前回は、映像を書き出す際の動画ファイルを5つ紹介しました! 見てくれましたか?ま ...


ブログ 2020-03-03 17:22:00

「メッチャポジティブな面白い学生おるよ」って息子銀次からの紹介で2020年1月に会ったのが鹿児島大学大学院生のノブくん。(写真左の子) 喋 ...


ブログ 2023-04-09 12:26:00

ようやく出来ました。コロナ禍でなかなか実施が出来ず....でも、ようやく. . . 当日は楽しすぎました(笑) 平日開催ということもあ ...