【パララックス効果】スクロールして楽しいWebデザイン【PC推奨】
| Posted by |  |
江口 史和里 Shiori Eguchi |
みなさんこんにちは！
ホームページ制作の途中、
『スクロールしているけど、動かない背景ってどうやるんだろう？？』
とふと思い、検索してみたところ
”パララックスページ” ”パララックス効果”と呼ばれるものでした。
パララックス＝視差効果、という意味だそう。
まずは、特に効果をいれていないサンプルページ☟
そしてパララックス効果いれてみました☟
奥行きを感じますね〜〜〜
背景が動かないだけで、ここまで雰囲気が変わるとは・・
ピークスマインドが応援している学生団体Stay Kyushuさまのホームページでも
使用してみました。☞【学生団体Stay Kyushu】
色々と調べてみると、パララックスを使用した
面白いWebサイトがあったので２つご紹介します＾＾
ホームページはこちら ※PC推奨
ポルシェの歴史を辿るようなWebデザインとなっており
スタイリッシュでかっこいいホームページです！
車がどんどん変身していくようで、美しい視差効果だなと思います＾＾
ホームページはこちら ※PCでもスマホでもOK！
”水を大切にしましょう”というコンセプトのもと、制作されたホームページになります。
以前ご紹介した、【Googleサンタを追いかける】と通ずるような
スクロールにあわせて動く、アニメーションWebページです。とてもかわいい。
以上2つご紹介いたしました！
是非スクロールしてお楽しみください＾＾
|
|
Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里
|
江口 史和里が書いたその他記事
音楽をきいて記憶が蘇るアレ。
信州をめぐる癒しの旅【諏訪・松本】
【Perfume 10th TOUR】ネビュラロマンス in SAGAアリーナ
【Webフレームワーク】Astroを勉強する①【サーバー起動】
【シアターコントロニカ】コント公演『並行食堂』京都公演に行ってきました！
バレンタインin鹿児島
今年の一文字
気になる...【ただアレするだけの機械あつめてみた】【おすすめ映像】
【Webデザイン】シンプルおしゃれな”ニューモーフィズム”とは？？
【パララックス効果】スクロールして楽しいWebデザイン【PC推奨】
【コロナ自粛におすすめ】Web上でアートを感じる！デジタルミュージアムの世界
【読書×音楽】本・漫画を読むときに楽しさを倍増させる方法
個人的【考察したくなるおすすめ楽曲】2選+番外編
写真を撮るとき思うこと！!
【Photoshop2021】”もの”を切り抜きたいときに便利な話。
初心者でもわかる音響講座⑫ -フェーダーについて-
初心者でも分かる音響講座⑪ -DI(ダイレクトボックス)編-
初心者でもわかる音響ミキサー講座⑩ -ファンタム電源(48V)-
初心者でもわかる音響ミキサー講座 番外編 -色んなエフェクトかけてみた02-
初心者でもわかる音響ミキサー講座 番外編 -色んなエフェクトかけてみた-
【映像×舞台美術？？】私のおすすめ演劇作品 『ノケモノノケモノ』
初心者でもわかる音響ミキサー講座⑨ -エフェクトのかけ方編-
【After Effects】シェイプレイヤーで風車吹かせてみた。
初心者でもわかる音響ミキサー講座⑧ -PFL/プリポスト編-
After Effectsのかわいいエフェクト=choker=
初心者でもわかる音響ミキサー講座⑦ -PAN編-
音響さんのおすすめ図書
初心者でもわかる音響ミキサー講座⑥ -COMP(コンプレッサー)編-
GUCCI × Doraemon !!!????
初心者でもわかる音響ミキサー講座⑤ -HPF・LPF編-
初心者でもわかる音響講座④ -ミキサー内の音の流れ-
初心者でもわかる音響講座③ -音の流れ編-
初心者でもわかる音響ミキサー講座② -マスター＆エフェクト編-
初心者でもわかる音響ミキサー講座① -チャンネル編-
サンタを追いかけよう！
音響ミキサーで遊ぶ -YAMAHA MG20XU PITCH CHANGE
コロナ中にできること。
私の好きなPhotoshopの機能
しずおかの旅 おまけ・・・SLの音をきいて！
しずおかの旅 その２・・・SLに乗る。
しずおかの旅 その１
みんなで初詣 in警固神社
かごしまの旅
東京オフショット
休日の楽しいカメラ撮影！-EOS 70D-
ブログ 2021-02-12 19:34:00
みなさんこんちわ、横山です。 今回も前回に引き続き、キャラ ...
ブログ 2020-03-27 11:51:00
こんにちは！深田です！ 先日初の宮崎観光してきました。 鹿児島から車で2時間で宮崎へ 宮崎といえばチキ ...
ブログ 2021-01-30 16:00:00
「日常にちょっとしたすきま時間」に おすすめのゲームを紹介したいと思います！ まずはお手持ちのケータイで ...
ブログ 2021-09-16 18:14:00
こんにちは、桑原です。 After Effectsで映像制作といえば、モーショングラフィックスや インフォグラフィックス動画が思い浮かぶ ...
ブログ 2025-05-30 23:50:00
こんにちは、伊藤です。 今回は有給を使って東京へ遊びに行ってきました！ せっかくなので、 ...
ブログ 2025-06-26 11:45:00
こんにちは！ 梅雨に負けそうな、なかむら りんです。 今回は私のぼやき回です( ˘ω˘ ) 突然ですが、み ...
ブログ 2025-09-28 09:53:00
こんばんは！ 休日がある幸せを噛み締めている、なかむら りんです。 ここ最近は今までの仕事+αの事柄をすることが多く あっ ...
ブログ 2021-02-23 18:34:00
こんにちは セキです！ ブログ、、、何書こうかなーと考えていたら 「オンラインサロン」という言葉が 脳裏をよぎったので ...
ブログ 2021-08-26 16:00:00
こんにちは！ 深田雄太です！ ピークスマインドではホームページ制作を行っております。 今回は WOR ...
ブログ 2025-03-31 21:00:00
早いもので、4月ですね.... やっと気候も暖かくなり、春らしくなってきて 4月というだけで、なんだか心もウキウキするのは私だけでしょう ...