見出し画像

モンスターハンターワイルズのweb UIデザインについて

モンスターハンターワイルズのゲーム情報は皆様みられましたでしょうか!?
私自身大大大好きなゲームですので、興奮してみてました!(1人でなぜか踊ってました😊)

知らない人のために、、、 

モンスターハンター(通称 モンハン)は、壮大な自然と多種多様なモンスターが織りなす、幻想的な世界観が魅力のアクションゲームです。プレイヤーはハンターとして、広大な大地や秘境を探索し、自然と共存する巨大なモンスターたちと対峙します。モンスターの生態系や環境が細かく描かれており、まるで別世界に足を踏み入れたかのような没入感を味わえます。その中で、仲間と協力しながら素材を集め、武器や防具を強化していく過程が、冒険の深みを増してくれます。

といったように!文章だけでは.....
まったく!全然!伝わらないと思うので、
まずはモンハン魅力を知ってもらうために!
モンスターハンターワールドのcmをぜひ見てください!

では、本題です!

モンスターハンターワイルズのwebサイトのUIは
視覚的にとても楽しく、さらに直感的に何がどこに情報がまとまっているのかがわかりやすいです。
↓こちらがiOSでHPにアクセスした際に表示される画面になってます。
こちらのページでは背景がゲームのPV動画が再生されるようなwebデザインとなってます。

https://www.monsterhunter.com/wilds/ja-jp/

こちらを下にスクロールすることで、お得な情報や企業情報、モンスターハンターとは!が記されているページになります。

右上の龍のアイコンを選択することで、
下記の画像が表示されます。

https://www.monsterhunter.com/wilds/ja-jp/

こちらもぱっとみても何がどこになんの情報が収納されているのかが一目瞭然だと思います。ボタンや各種項目が大きいので文字が小さくて読めいない、、、!といったこと起きにくいUIデザインになっていますね!

下の『MONSTERS』を選択すると下記のページに飛びます。

https://www.monsterhunter.com/wilds/ja-jp/

こちらのページは動画が再生されるのは同じなのですが、再生される物が『モンスター』を中心として再生される点が最初のページと違います!

下にスクロールすることで下記の画像を見ることができます。

https://www.monsterhunter.com/wilds/ja-jp/

はい、もうカッコ良すぎますよね、、、
このように視覚的に訴えかけるページ構成になっているのかと思います。また、フォントも色分けしかり、余白、効果づけなど様々点で分かりやすい、見やすいを追求しているデザインとなっているのかなと思います。

最後に、ここまで見てくださって
ありがとうございます!

では、また次の記事で!


参考サイト
モンスターハンターワイルズ公式HP
https://www.monsterhunter.com/wilds/ja-jp/

この記事が気に入ったらサポートをしてみませんか?