ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

016_グラフィック-IPデザイン

「鋼の錬金術師 MOBILE」ガチャ演出中の指先カーソルの向きまで意識されたクオリティの高いデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「鋼の錬金術師 MOBILE」、(以下、ハガモバ)からリッチなガチャ演出の…

「鋼の錬金術師 MOBILE」矢印カーソルがアルの籠手のデザインになっていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「鋼の錬金術師 MOBILE」、(以下、ハガモバ)の矢印カーソルのデザイン…

「ロックマンX DiVE」指先カーソルがロックマンらしい見た目になってる!

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ロックマンX DiVE」における世界観を取り入れた指先カーソルのデザイ…

「未定事件簿」ゲーム内の専用端末に6Gって表示されていて、近未来感を表現していると感じた話

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「未定事件簿」から、世界観を表現した端末のデザインをご紹介しま…

「ポケモンユナイト」ロードの進捗状況に合わせて、プログレスバーの上にいるピカチュウも進んでいくエンタメ感あるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ポケモンユナイト」から、プログレスバーのデザインを紹介します…

「ドラゴンクエストけしケシ!」ゲームの世界観を取り入れた指先カーソルになっていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ドラゴンクエストけしケシ!」通称「DQけしケシ」の指先カーソル…

「ドラゴンクエストけしケシ!」アイコンやタップエフェクトにスライムが採用されていて、世界観の表現と没入感を高める工夫だと感じました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ドラゴンクエストけしケシ!」通称「DQけしケシ」のアイコン類で…

「ドラゴンクエストけしケシ!」消しゴムモチーフだから進行度合いが消えるデザインでも成立している!

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ドラゴンクエストけしケシ!」通称「DQけしケシ」のロード中の進…

「ゲートオブナイトメア」ボタンの中にキャラクターのイラストが描かれているのはキャラクターや世界観の魅力を訴求するデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ゲートオブナイトメア」通称「ゲトメア」のメインコマンドのボタ…

「ロマンシング サガ リ・ユニバース」ゲームボーイっぽいタイトル画面の作り込みがやばい

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ロマンシング サガ リ・ユニバース」、通称「ロマサガRS」のタイト…

「エヴァンゲリオン バトルフィールズ」アニメのデザインをゲームに取り入れて、ユーザーの学習コストを下げるデザインの事例

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「エヴァンゲリオン バトルフィールズ」からカウントダウンタイマーの…

「イケメンけしけし」キャラクターを前面に出したゲームUIの紹介

こんにちは!ちょこです! 「イケメンけしけし」をプレイしていたら、汎用のUIパーツだけではなくグラフィックが多用されているUIのデザインになっていました。 「イケメンけしけし」は「LovePlan」というアプリのスピンオフに相当するゲームです。 もしかす…

「少女歌劇 レヴュースタァライト -Re LIVE-」演劇舞台の演出がたくさん取り入れられていた!バトル演出の紹介

こんにちは!ちょこです! 「少女歌劇 レヴュースタァライト -Re LIVE-」のバトル周りで世界観を演出するデザインがいくつかあったので紹介します。 UIでも世界観を表現する演出やデザインを考えることがあるかと思うので、その参考になれば幸いです。 「少…

「ヒプノシスマイク-A.R.B-」の楽曲プレイ中のリリック演出文字がまじかっこいい

こんにちは、ちょこです! 今回は 「ヒプノシスマイク-A.R.B-」の楽曲プレイ中の演出がかっこいい!って話です! 早速ですが演出の一部を紹介します。 こんな感じです。 かっこいい! ゲーム内では「リリック演出」という名前で呼ばれています。 歌詞を動的…

「ヒプノシスマイク-A.R.B-」ロード中にぐるぐる回るレコードをよく見ると細部の拘りが感じられるアニメーション演出だった

こんにちは!ちょこです! 今回のテーマは「世界観への没入のためのビジュアルの作り込みについて」です。 没入感が得られるということは余計なストレスが無いということでもあります。 そういった面でUIにも関係があると考えます。 紹介するタイトルは前回…

「この素晴らしい世界に祝福を!ファンタスティックデイズ」ロード演出めちゃ多い!

こんにちは!ちょこです! 「この素晴らしい世界に祝福を!ファンタスティックデイズ」のロード画面の種類が多いっ!アニメもバリエーションが多かった気がします。 今回はそのバリエーションの一部を紹介します。 1:段組み 1:上から文字が落ちてきて、輪…

「この素晴らしい世界に祝福を!ファンタスティックデイズ」デザインの細部にアニメのネタが散りばめられており、IPを大切にしようとする意志が感じられた件

こんにちは!ちょこです! 「この素晴らしい世界に祝福を!ファンタスティックデイズ」のバトル中に一時停止すると「PAUSE」の文字が妙にデジタルなフォントになっているんですよね…。 この部分ですね。表示するならダイアログの中に表示するだろうし…? こ…

「この素晴らしい世界に祝福を!ファンタスティックデイズ」着せ替え演出から学ぶIPらしい演出について

こんにちは!ちょこです! キャラクターの着替え演出の紹介です。過去いくつか紹介してきましたが、キャラのスキン変更ができるゲームの場合ほぼ確実に演出があります。 今回紹介するタイトルは「この素晴らしい世界に祝福を!ファンタスティックデイズ」で…

「この素晴らしい世界に祝福を!ファンタスティックデイズ」タップエフェクトが最高に「このすば」だった件

こんにちは!ちょこです! 今回はIPを手掛ける際の「タップエフェクト」で参考になりそうな事例がありましたので紹介します。 タイトルは「この素晴らしい世界に祝福を!ファンタスティックデイズ」です。 タップエフェクトのデザインもUIデザイナーの範疇か…

「ガンダムブレイカーモバイル」こっそりUIデザインに取り入れられているガンダムネタの紹介

こんにちは!ちょこです! 「ガンダムブレイカーモバイル」にてガンプラをモチーフにしていると感じる箇所がいくつかありましたので紹介します! 1:画面遷移時の扉 2:ガチャ演出 3:バインダーのデザイン 4:HPゲージ 1:画面遷移時の扉 早速ですがこちら…

「レッド:プライドオブエデン」猫モチーフのデザインがあちこちに。UIパーツに遊び心を取り入れたい際の参考に

こんにちは!ちょこです! 「レッド:プライドオブエデン」では【猫】がキーワードのタイトルです。したがって猫がモチーフのUIパーツが多く見られます。 世界観に寄せたデザインの作り込みの事例として、いくつか紹介します。 1:タップを促す指のマーク 2…

「ドラゴンクエストタクト」倍速ボタンがスライムのアイコンになっていた!よくある機能のアイコンデザインのご参考までに!

こんにちは!ちょこです! 「ドラゴンクエストタクト」でバトル中の倍速ボタンがIPらしいデザインになっていました。 倍速ボタンのデザインはこちら 切り替えるとこんな感じです。 倍速ボタンでこういったデザインアイコンに使われているのは初めて見たかも…

「ドラゴンクエストタクト」酒場の紋章に書かれているモットーを読んでみたら…

こんにちは、ちょこです! 「ドラゴンクエストタクト」の酒場の画面の下地に紋章があります。 全体のデザインとしては… ・「商売」「酒」「錬金術」がモチーフとして描かれている・錬金術は酒と親戚みたいなものなので、ここでは「酒場」の紋章以上の役割は…

「ドラゴンクエストウォーク(ドラクエウォーク)」DQウォークマイレージのカードのデザインに隠された遊び心

こんにちは!ちょこです! 「ドラゴンクエストウォーク(ドラクエウォーク)」のパスのグラフィックにこだわりが見て取れたので紹介します! QRコードの中にスライムが…! カードの番号は初代ドラクエの発売日の1986年5月27日が由来です…! ▲「527 1986」 IP…

「ビーナスイレブンびびっど!」キャラクターが伝えるというデザイン

こんにちは!ちょこです! 「ビーナスイレブンびびっど!」にて、色んな画面にキャラクターが配置されているのが良い工夫だな、と感じました! いくつか紹介してみます。 まずはプレイヤーのレベルが上がった時の通知ポップアップ。 昇格がかかった試合に行…

「LEGO Star Wars: The Force Awakens(レゴ スター・ウォーズ/フォースの覚醒)」これがレゴの足跡!こういった部分もUXには大切だと思います

こんにちは、ちょこです。 「LEGO Star Wars: The Force Awakens(レゴ スター・ウォーズ/フォースの覚醒)」の足跡が可愛かったので紹介させてください。 歩いてたら地面によく分からない模様が付いてたことに気付きました。 これ、キャラクターの足跡なんで…

「妖怪ウォッチメダルウォーズ 」細かいパーツに世界観を示すデザインがあったので紹介

こんにちは、ちょこきなこです。 割と細かいパーツなのですが、通信状況を示すアイコンのデザインが丁寧になされていたので紹介させてください。 こんなデザイン gifです。こんな感じで動きます。 画像を見て理解出来ると思いますが、アイコンの下部がヒトダ…

「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」シロの身体を使ったUIがかわいい!

こんにちは、ちょこきなこです。 左上にあるシロのUIが可愛いな、と思います。 おなか。 キャラクターの一部をモチーフに使うUIはよくありますが、キャラクター全身を使ったUIパーツ(というか、キャラクター)は珍しいです。 キャラクター自体のデザイン(視認…

「ダンまち〜メモリア・フレーゼ〜」タイトル画面のバリエーション設定機能の紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ダンまち〜メモリア・フレーゼ〜」タイトル画面のバリエーションがいくつかあるんですが、ゲーム内から設定できるんですよね。 これ結構良いな、と思いました。なんだろう、思い出的な、足跡…

「刀使ノ巫女 刻みし一閃の燈火」を通じて気付いた版権ゲームを作るときに大事にした方が良いこと

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 この「刀使ノ巫女 刻みし一閃の燈火」のゲームはアニメが元になっている部分が多くあります。キャラクターデザインだけでなく、ベースカラーやモチーフ、カラーなどです。IP物は原作ではなく…