Goku Blog ゲーム会社勤務のUIデザイナーのブログ。 独自の視点からUIの分析、ゲームについて感じた事を書きます。

CMのカットインは見せ方が良い出来です。
カプコンのタイトル表示は毎回綺麗で好きです。

[0回]

 舞台となった12世紀末のイングランドの再現VFX。
海岸のねつ造の仕方はかなり大胆ですごいです。

ネタバレを含みますので、観る方はご注意を。

[0回]

映画の殆どの効果音は、Foley Artistによって制作された物だそうです。
ロビン・フッドの効果音を手掛けた、Gary Heckerさんの制作動画です。
馬や吹雪など口で出している効果音もあります。

SoundWorks Collection: Gary Hecker, Veteran Foley Artist from Michael Coleman on Vimeo.

[0回]

最近のWEBサイトはFLASHで構成されているものはほとんどで、その中にはゲームで使えそうなヒントがたくさんあります。
UIのまとめに困ったり、新しいアイディアはゲームだけじゃなくWEBを見てみるのもいいと思います。
個人的にはゲームより、WEBサイトから学ぶ方が多いかもしれませんね。

HTMLにはない、FLASHの特徴としてスプリクトで動くアニメーションも凝ったものが多いのでゲーム中でのUIアニメーションの参考にもなりますよ。



今回は、いくつか載せておきます。
ネットサーフィンをしていて気になったページはSSを保存したり、ブックマークしておくといいですよ。




どちらかというとマットな感じ。
フォントの大きさや、タブの管理が見やすいので重要視しなければならない項目が分かりやすい。
シンプルながらデザインのポイントを抑えているまとまりのある見やすいサイトです。




ゲームっぽいサイト。これだけ見るとゲーム内画面のようですね。
ゲーム用にするにはカーソルが必要ですが、WEBならではのレイアウト。カッコイイです。



情報量が多いですけどエリアごとに分かれているので見やすいです。
応用が利く作り。



アールが多いデザイン。見た目はポップなウィンドウになります。
しかし、全体的に色の彩度を低くしているのでシックなイメージにも取れます。



こんな感じでWEBデザインでもゲームで生かせそうなものがたくさんあります。
UIのアイディアで困った時は休憩がてらネットサーフィンをして他のサイトを覗いてみるのもいいかもしれませんね。

[0回]

公式ブログには担当さんからUIについて語っていました。
魔法と爽快感を考えてデザインしたみたいです。

■ロゴ


縁取りが独特ですね。
外側の枠が上側では赤で縁取りしているのに、下では白が外枠になっています。
最背面の赤のドロップシャドウがなぜか下側だけない。
パッケージ版は、赤のドロップシャドウなし。ルビがない時もある。
大きめの画像で観るとテクスチャ、レイヤ効果、線幅など細かい粗がちょっと目立つかも・・・。


■基本画面


通常の戦闘画面。
基本は、ライフゲージ、スコア系の表示です。





ライフゲージ。
ブログを見る限りでは、結構苦労したようです。
同じUIデザイナーとしてこういうの観るとすごく分かる。



ライフゲージのフォルムにステンドグラスを合わせたデザインですね。
アイコンも同じくステンドグラス風。
ベースを置いてない文字にはドロップシャドウがかなりキツメに入れてあります。
数字や文字は枠を入れたり入れなかったり、文字の大きさそれぞれと、不揃い感がかなり出てる気がします。
特に、Combo Pointsは観づらい感じ。

■メニュー画面


雰囲気がかなりいいです。
暗めかつ、武器の部分にのみ色が入ってるのですぐに目視できます。
ただ、プレイするとちょっと戸惑いました。
これが入るの？入ってるの？カーソルどこよ？など。
カーソルが同じ土台+同系色ということでちょっと戸惑うかもしれません。




雰囲気は世界観にマッチしていて好きです。
こういう世界観のインターフェースは難しそうな感じをうけました。


*ベヨネッタ　公式HP
bayonetta.jp/main.html

[1回]