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

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

016_グラフィック

「NieR Re[in]carnation / ニーア リィンカーネーション」世界観を構成するUIパーツのデザイン事例。幾何学の紋様を利用することで無機質でソリッドな印象

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「NieR Re[in]carnation / ニーア リィンカーネーション」、通称「リィ…

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

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

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

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

「ドラゴンクエストけしケシ!」ドラけしが少しだけ歪んでいて、消しゴムとしてのリアリティと有機的な温かみのあるデザインと感じました

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

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

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

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

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

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

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

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

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

「オクトパストラベラー 大陸の覇者」剣と短剣のアイコンの向きを変えることでそれぞれが区別しやすいデザインになっていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「オクトパストラベラー 大陸の覇者」通称「オクトラ大陸の覇者」の…

「ディープインサニティ アサイラム」似たデザインのアイコンが多くあったので整理してみた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ディープインサニティ アサイラム」の見出しの付け方とアイコンの…

「ドラッグ王子とマトリ姫」チェックマークのデザインがハートマークになっていて華やか

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ドラッグ王子とマトリ姫」、通称「マトリ姫」のシナリオのフィル…

「魔法使いの約束」タイトルロゴに隠されたデザインの考察

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔法使いの約束」、通称「まほやく」のロゴに隠されたデザインを…

「あんさんぶるスターズ!!Music」あんスタのオシャロゴデザイン紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「あんさんぶるスターズ!!Music」、通称「あんスタ」のストーリー…

「ドラゴンクエスト ダイの大冒険 -魂の絆-」四か国語対応していたのでタイトルロゴを比較してみた

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

「永遠の7日-終わりなき始まり」アイコングラフィックの色がきれいだったのでよく見てみた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「永遠の7日-終わりなき始まり」、通称「とわなな」のアイコンのデ…

「三國志 覇道」戦闘と採取でアイコンのデザインを変えることで誤操作防止に繋がるかもしれない

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」のアイコンのデザインについて紹介します。 該当の画…

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

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

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

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

「逆転オセロニア」サムネイルのデザインを楽しむ

こんにちは、ちょこです。 このブログでは「ゲームのUIを見てみましょう」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「逆転オセロニア」のサムネイルデザインの工夫を紹介します。 普段…

「ソード&ブレイド」キャラクターの名前をランダム生成する機能を示すアイコンのメンタルモデルについて

こんにちは、ちょこです! 今回は「ソード&ブレイド」をもとに、名前をランダム生成する機能のアイコンのメンタルモデルについて考えてみました。 プレイヤーやキャラクターの名前をランダムに決めたい機能を実装する際のデザインの参考になれば幸いです。 …

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

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

「Food Fantasy フードファンタジー」UIパーツの中に食器が取り入れられていたデザインの事例紹介

こんにちは、ちょこです! 「Food Fantasy フードファンタジー」のUIパーツにて、タイトルの世界観が取り入れられたデザインが見られました。 UIパーツをデザインする際の拠り所として、世界観を取り入れることは多いかと思います。参考までに紹介します。 1…

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

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

「クローズxWORST~打威鳴舞斗~」サムネイルの枠デザインをサイズや用途によって用意してもOKと言う話

こんにちは!ちょこです! 今回は「クローズxWORST~打威鳴舞斗~」のサムネイルの枠のデザインの話をしようとします。具体的にはサイズによってデザインを変えています。 ただ、大きいものを描いて縮小するわけではありません。 はじめてサムネイルのデザイ…

「ヒプノシスマイク-A.R.B-」楽曲画面におけるスキューモーフィズムデザイン。楽曲の進行度に応じてレコードの針が内側に移動する

こんにちは!ちょこです! 「ヒプノシスマイク-A.R.B-」の楽曲プレイ中の画面にて「レコード針で楽曲の進行具合を示しているデザイン」があったので紹介します。 どういうことかと言うと、まず下の画面をよく見て欲しいです。右上にレコードの針のパーツが見…

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

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

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

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

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

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

「ガンダムブレイカーモバイル」すっきりしたサムネイルデザインの利点と弱点

こんにちは、ちょこです! 「ガンダムブレイカーモバイル」のサムネイルの情報が整理されていると感じたので、デザインの参考までに紹介します! 上図がサムネイルのデザインですね。気付いたかと思うのですが、個別にパーツのサムネイルの画像をプレビュー…

「ガンダムブレイカーモバイル」ホーム画面のデザイン手法を他のアプリと比較して分析してみました

こんにちは、ちょこです! 「ガンダムブレイカーモバイル」のホーム画面のデザインがちょっと珍しいデザインであったので紹介します。 見て分かる通り、スキューモフィズムなデザインです。 ちなみにここで言う「スキューモフィズム」は以下のような認識でい…