webデザイン所感 2020/07/29
ゲーム系でまとめて見ました
背景の3dが目を引きつつ、なんの会社なのか予感させる
スクロールで背景が交互に変わるのも良き
3dがかなり凝ってるわりに軽くてすごい
パララックスに遊び心を感じる
実質ポータルサイトでありながらかなり整頓された印象
余白をや文字、アイコンを比較的大きめにとって見やすくしてる気がする
スライドショーとカレンダーを合わせたようなデザインが良き
ゲーム本編のデザインを踏襲した独特なデザインが特徴的
ゲーム動画の背景にキャラクターの切り抜きを重ねるのがとてもかっこいい
アニメーションもイラストにあった登場の仕方をしていて見ていて飽きない
上にスクロールするとヘッダーメニューが出るのも、
意外とやってないサイトが多いので嬉しい
セリフのキャプション添えたキャプチャ画面がものすごくかっこいい
恐らく画像を大きく使うサイトの方が多いと思うが、
あえてそれほど大きくない画像でキャプションと一緒に際立たせている
ゲーム内容にストーリーにも期待させる
画像にかぶるキャプションに白いドロップシャドウを入れて目立たせている
画像の重なりでの奥行きの表現が素晴らしい
動画を背景はやっぱり目を引く
コンテンツ部にスクロールすると若干暗くなるのはユーザーに優しい
流し見で理解できるくらい文章が簡単
色もはっきりと区別して、読ませずに見るだけでわからせたい印象
動画が後ろで流れてる中で動画が再生されるのはかなりインパクトがある
枠を上手く使ってる印象
fvのイラストのみが枠からはみ出ているのでインパクトを与える
アニメーションも可愛らしい
あわよくばもっと枠を使って欲しかった
本文を背景にしたfvでサイトの内容がエピソードにまつわるものだと感じさせる
スクロール時の青くなる演出が斬新
スライムを感じさせるアニメーションが多用されており面白い
同じ会社だからか背景に動画を使用するところなど、ペルソナと似ている
フォーマットに同じものを使用しているように感じる
ペルソナと同じくゲームの特徴をサイトに表現するのが上手い
波打った文章は若干読みづらいが装飾としての効果が強そう
ゲームの雰囲気にも合っている
1番目につく左にロゴ、その下に最新の情報がある
このページを見る人が1番見たいであろうゲーム内容の項目が、
しっかりと1番大きくされて、この中で目立つ黄緑の配色にしてある
hoverで拡大して他のコンテンツに被さるのがインパクトある
左上のイカには重ならないので奥行きも感じれて良き
fvのロゴと浮遊しているアニメーションでゲーム内容を連想させる
斜めに切れた背景がスタイリッシュ
交差して別の要素を表示してるのもとても良き
縦長のフォントを使用したセクションタイトルがかっこいい
比較
ゲーム系も意外と簡素なものになってしまうのが多かった印象
ゲームの対象年齢の幅によってもデザインはかなり変わってきそうだが、
その中でも任天堂はフォーマットがありながら、
タイトルごとの個性をしっかりと表現しつつ、
かといって子供っぽくはなりすぎない表現を心がけている気がした
好きなのでペルソナ５をサムネにさせていただきました
この記事が気に入ったらサポートをしてみませんか？