当サイトの撮りためも、そこそこ溜まってきたので、参考になるUIを独断と偏見でご紹介します。 なお、ゲームの面白さは、考慮していませんので、あしからず。

デザイン×動き=UIの良さ

ゲームのUIの出来は、処理の遅延を考慮しなかった場合、 デザインと動き(アニメーション)が大多数を占めていると考えています。
当サイトはスクショばかり貼っているので、デザインは伝わりますが、アニメーションの部分がまったく分かりません。
なので、実際にインストールして、触ってみてください。

妖怪ウォッチぷにぷに

妖怪ウォッチぷにぷに

デザインは子供向けで、一見、単調なような感じがしますが、細かいところまでデザインされており、非常に手が込んでいます。

021401

3Dのモデル表示も違和感なく溶け込むデザインで、まとまっています。
さらに、UIのアニメーションの動きも秀逸です。
こちらは、ムービーを取りましたので、ごらんください。

ボタンなどが分かりやすいですが、表示された後に、動きの余韻をしっかり持たせています。
デザイン、動きともに揃った、とても良いUIです。

ファンタジーシアター サンリオキャラクターズ

サンリオキャラクターズ

Screenshot_2016-02-10-14-41-44

Screenshot_2016-02-10-14-42-34

 

質感と色使いにこだわりを感じる、ゲームぽくない、UIです。

四角や円といった、単純な形状のフレームではなく、『物』を形どったUIになっています。
画面ごとに、ユニークな絵を描かなければならないので、製作コストは高いですが、 非常に魅力的なUIに仕上がります。

リトルノア

リトルノア

Screenshot_2015-10-12-15-31-46
Screenshot_2015-10-12-15-31-40

白を基調とした、シンプルなフレームに、大きめに描かれたイラストがアイコンとして使われています。

とても魅力的なUIですが、イラストがデザインに占める比率が大きいので、デザイナーの技量に大きく左右されるのと、製作コストが掛かるのが難点です。

ドラゴンスラッシュ

ドラゴンスラッシュ

Screenshot_2015-05-16-02-53-31
Screenshot_2015-05-16-02-53-53

サンリオ同様、物をモチーフにしたUIで、色や形が単調ではなく、装飾も凝ったデザインになっており、
とても手の込んだUIになっています。
また、ローディングを始めと刷る演出や、画面遷移等のアニメーションもひと手間かかっており、クオリティーが高いです。

クラッシュフィーバー

クラッシュフィーバー

Screenshot_2015-11-03-13-00-34
Screenshot_2015-11-03-12-54-39

サマーウォーズや、ぼくらのウォーゲームを沸騰させるデザインとなっており、
ワクワクさせるインターフェイスです。
ボスの登場演出も、パソコンならではの演出となっており、隙が無いデザインです。

戦国姫譚MURAMASA-雅-

戦国姫譚MURAMASA-雅-

Screenshot_2016-01-11-01-55-26

Screenshot_2016-01-11-01-43-45

和風のUIです。
テクスチャーを多用しており、演出用の文字は、非常に凝っています。

クルセイダークエスト

クルセイダークエスト

Screenshot_2015-11-23-00-45-20
Screenshot_2015-11-23-00-46-47

キャラクターなどがドット絵テイストになっており、UIもそれに合わせて、フラットな形で統一されています。

センス溢れるUIです。

ダイスの神

ダイスの神

Screenshot_2015-11-23-01-05-11
Screenshot_2015-11-23-01-05-59

方向性としては、リトルノアに近いかもしれませんが、テイストは真逆です。
海外製ということもあり、色使いが全体的に強めになっています。

ハントクック

ハントクック

Screenshot_2016-01-05-10-56-18

Screenshot_2016-01-05-10-56-14

シンプルなつくりとタッチですが、全体を通して綺麗にまとまっており、かわいく、シンプルなのに隙が無いです。

フィンガーナイツ

フィンガーナイツ
Screenshot_2015-10-18-00-30-59

Screenshot_2015-10-18-00-33-28



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

*
*
Website

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください