WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

   

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」!
今週の木曜日にやっと見ることが出来ました!とにかく全てがスタイリッシュでカッコいい映画でした…様々な世界線のスパイダーマン・スパイダーウーマンが1つの世界に集結し力を合わせて元の世界に帰るため奮闘するお話になっています。
スパイダーマンが糸を出すたびに「THWIP!」と出たりコマ割りのように映像が切り替わったりと、漫画をそのまま映像化したような見せ方でとってもオシャレです。
ただ情報量が多くて1度見ただけでは全て理解できなかったのが悔しいところでした…それでも最初から最後まで興奮しっぱなしの映画でした!

このサイトはピンクと水色のグラデーションを使用した特徴的な色使いのデザインになっています。スパイダーグウェンの着ているスーツの色合いを連想させますね!(彼女の靴が今回トゥーシューズになっているのが最高に可愛い!)
キャラクターの配置や背景の切り方なども漫画っぽく切り取られていてとってもオシャレなファーストビューになっています。

 

こちらは「INTRODUCTION」のページですが、主人公のマイルズがニューヨークの街に吸い込まれるようなイラストが全面に配置されています。
カーソルを動かすとマイルズや背景のニューヨークの街並みも合わせて動く仕組みになっていて、より遠近感・そして躍動感のあるページになっています。
このイラストに要素があまり重ならないよう、サブページはメニューがしまわれている状態なのもいいですね!
最大の見せ場の1つであるシーンを使用することで見たあとでも楽しめるサイトになっているのですね…感動的です…
(公式のTwitterでは映画を制作するにあたってのメイキング映像や解説なども掲載しているので、映画を見た人は必見です!)

 - イベント系サイト, 色で表現 , , ,

  関連記事

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

淡いカラーテイストと動くアニメーションで親近感のあるデザインに

大分県杵築市にある耳鼻咽喉科「いちみや医院」のホームページです。淡い色使いと可愛 …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

昼間とは違う雰囲気を演出した八景島シーパラダイスの「ナイトアクアリウム」

2016年の11月19日から2017年の2月28日まで開催している「音と光と映像 …

「広瀬川」の魅力を紹介するサイトがシンプルでおしゃれ!

宮城県仙台市にある「広瀬川」のホームページです。 広瀬川の魅力が伝わるように、ト …