WebGallery

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

*

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

   

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

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

 

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

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

  関連記事

ロゴカラーを使った配色で、シンプルなレイアウトと洗練されたデザインの「グローウィン・パートナーズ」

東京都千代田区にある「Growin’ Partners(グローウィン …

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブク …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

砂浜のような背景や、波を連想させる区切り線で海の近くをイメージさせるホテル

鹿児島県西之表市にあるホテル「ホテルニュー種子島」のホームページです。 ファース …

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

子どもだけでなく大人の男性・女性もターゲットにした「NINTENDO SWITCH」のサイトがおしゃれ!

2017年3月3日に発売された「NINTENDO SWITCH」のホームページで …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

「くた女のお疲れ座談会」サイトの、パステルカラーの配色が可愛い!

elecomの商品を紹介している「くた女のお疲れ座談会」の特設サイトです。 ファ …

ロゴマークでタイポグラフィ

  岐阜県にあるパン屋のホームページです。ロゴマークが螺旋状になってと …