WebGallery

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

*

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

   

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

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

 

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

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

  関連記事

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

カテゴリーごとに分けたコンテンツが見やすい!

海外に向けて沖縄の新たな魅力を伝えるプロモーションサイト「Where to Go …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

レゴランドで開催しているイベントのサイトがゲームみたいで可愛い!

2017年の7月から12月までお台場にあるレゴランドで開催されているイベント「夜 …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

カラフルな色彩でインパクトのある雰囲気に

  沖縄県にある八重瀬町の野菜を紹介するホームページです。とにかく配色 …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

企業サイトのデザインが、赤と黒の配色でカッコいい!

愛知県名古屋市にある「Y.W.C株式会社」のホームページです。 ファーストビュー …

「デザミス株式会社」のサイトが、青系の美しいグラデーションを効果的に使ったデザインで魅力的!

「デザミス株式会社 (desamis Co,Ltd.)」のホームページです。 フ …