ブログ - 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

ブログ 2021-07-31 23:27:00

    コロナ禍で急速に一般的になった   オンラインのある生活。   最近はオフライン ...


ブログ 2024-02-02 17:09:00

    宮崎です!       実は私、、、     ...


ブログ 2022-06-16 18:35:00

こんにちは!   雨の日が多くなるにつれて、今年もこの季節がやってきたかと 少しだけ憂鬱になってしまう有隅です! &nbs ...


ブログ 2021-06-10 19:42:00

      最近ムービングライトの操作を研究している 井手口です♪     ...


ブログ 2021-02-01 19:03:00

みなさま、こんにちは。 1日お水2Lはじめました。上甲です。   前回までは私の好きな楽曲やアーティストについて語っていきま ...


ブログ 2021-01-31 21:30:00

Clubhouse 使ってみた   先日ブログにてご紹介したClubhouse   招待されないと使えないアプリ ...


ブログ 2020-02-08 02:49:00

2020年2月5日BIZREACH CAMPUS FESTIVAL @渋谷ヒカリエのイベントにテクニカル全般の仕切りとしてお仕事へ行ってきま ...


ブログ 2022-12-05 10:35:00

    こんにちは、お久しぶりですひきちです!     ピークスマインドに入社して3年目に ...


ブログ 2023-02-14 00:09:00

どうも山内です★ 2023年が始まり早くも2ヶ月が経ちました ・社員の婚礼 から始まり ・自社の演出プレゼンテーション 1月,2月 ...


ブログ 2022-09-29 22:52:00

こんばんわ!永原です! 最近オペレートデビューもして忙しくなってきて ブログ投稿も久しぶりになってしまいました...。(言い訳です笑) ...