「三國志 覇道」演義と正史の情報が書かれた武将プロフィール画面、複数の作品に登場するキャラクターのプロフィール画面のデザインの参考に
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」の武将のプロフィールのデザインについて紹介します！ 該当の画面はこちらです！ 画面左側に武将のグラフィックなどが表示され、右側に経歴などが書かれています。 右側の経歴部分を拡大します。こんな感じですね。ゲーム内では「列伝」という見出しで管理されています。 この文章の中で特徴的なのは「演」と「史」の文字があることです。文字ではなく画像にして強調していることもポイントです。 これ、何かと言うと「三国志演義…
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」の一括調達ボタンのデザインについて紹介します！ 一括調達ボタンは内政画面の左下にあります！ こちらですね！これが凄く良いデザインだと感じます。 このボタン、当たり前のように「一括調達」と読めます。「一調括達」や「括達一調」とは読みません。 「一括調達」と自然に読ませるデザインになっています。 少し補足します。 例えば、以下のような文字の配置であった場合、瞬間的に「一括調達」と読むことができずストレスに…
「三國志 覇道」内政を任せるための武将を設定するための、一括任命機能は手数や判断コストを抑えられて便利！
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」の内政を任せる武将の一括任命機能について紹介します！ 該当の画面はこちらです！ 結論から書くと、判断するコストと手数が省略できるため、利便性につながると感じました。 これで伝われば良いのですがそうではないと思うので、結論に至る説明をします。 まず任命や周辺の機能について簡単に紹介します。「三國志 覇道」ではマップ画面と内政画面がメインの画面です。 こちらがマップ画面です。フィールドの中に自身の領内が配…
「三國志 覇道」資源を管理する画面にグラフが採用されてて見やすかった
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」にて、資源の在庫数が一目で分かるグラフィックデザインが採用されていました。興味深かったので紹介いたします！ 該当の画面はこちらです！ この画面は内政画面から確認することができます。アニメーションで遷移を見ると、以下のgif画像の通りです。 画面上部の資源情報の部分をタップすると表示されます。 この画面のデザインの特徴は主に以下の3点だと感じました 倉庫の容量に対して、どの程度在庫があるのかゲージで示し…
「三國志 覇道」画面右側に見出しがあるヘルプ画面。視線の流れだけではなく、指の動きを意識したデザイン！
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」のヘルプ画面のレイアウトについて紹介します！ 該当の画面はこちらです！画面右側に見出しがあるのが特徴のデザインになっています。 ここですね。多くのアプリは視線の流れを考慮して画面左側に見出しがあります。この「視線の流れ」とは文字を左から読むことが関係しています。なので、日本語の場合は左から右に視線が流れることが自然です。 例えば「アークナイツ」のオプション画面の見出しは左側に配置されています。 「パニ…
「三國志 覇道」通知バッジのデザインに訴求要素を加え、通知バッジの中でも優先度を設ける工夫がされていた
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」のログインボーナスが獲得できる時の通知バッジについて紹介します！ 該当の画面はこちらです！ 画面右上にちっさくプレゼントの箱のマークが動いてるのが分かりますでしょうか…！ こちらです！メニューボタンをタップした後も、下位階層であるログインボーナスボタンにアイコンが引っ付いているのが分かります。 さらに画面を進めるとログインボーナス画面に遷移し、報酬を獲得することができます。 報酬が受け取れることを伝え…
「三國志 覇道」内政画面で実装されている、利便性を高める5つの工夫
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」の内政画面に実装されている便利な機能について紹介します！ 該当の画面はこちらです！ 紹介する便利機能はこちらの5点です！ 1：資源アイコンとゲージ 2：資源の溜まり具合が一覧できる 3：資源の一括調達 4：レベルアップ中の施設一覧 5：施設にバッジが付く 1：資源アイコンとゲージ 1つめは資源アイコンとゲージのUIです。このように建物の横に「資源アイコン」と「円形のゲージ」UIが表示されています。 最…
「ブラック・サージナイト」画面内でヘルプが表示されるデザインのメリットデメリットについて考えてみた
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」の画面のヘルプが同一画面内で確認できるデザインについて紹介します！ 該当の画面はこちらです！ ヘルプ画面に遷移せずに画面ごとにtipsが見れるデザインになっています。 画面上部にある？アイコンをタップするとヘルプがポップアップされます。 アニメーションで見るとこんな感じです。 このように画面に関するヘルプであれば、その画面内で説明するデザインになっています。最近よく見かける気がします。 新し…
「ブラック・サージナイト」ショップ画面で演出を付与することで、商品を魅力的に見せるだけではなく、新奇性を感じられるデザインの事例紹介
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」の商品紹介の画面デザインを紹介します！ 該当の画面はこちらです。画面左側に商品を切り替えるタブがあり、右側に商品のプレビューが表示されています。 タブを切り替えると、このように商品のプレビューが変化します。 商品のプレビュー画面をよく見ると、スライドパズルのように正方形のパネルが組み合わさって訴求画像を構成しています。 見やすくするためにパネル部分を大きくしました！ 現実世界だと、複数のモニ…
「ブラック・サージナイト」ではエンプティステートがどこに使われているのか紹介してみる
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のエンプティステートを紹介します！色んなゲームのエンプティステートを紹介して今回で22回目です。 さて、早速画面を紹介します！いくつかあります。まずはフレンドリストの画面です。 フレンドがいない場合 まだフレンドがいません。早く追加しましょう というメッセージと、目を回したような表情をしたキャラクターのグラフィックが表示されています。 他の画面もエンプティステートが用意されていました。こちら…
「ブラック・サージナイト」ボイスが流れる場面ではテキストも一緒に表示されていると良い
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のユニバーサルデザインの事例を紹介します！ 具体的には「音声が聞こえづらい方への配慮」が見られるデザインの紹介です。 該当の画面はこちらです。ホーム画面ですね。 ホーム画面に表示されているキャラクターをタップすると、ボイスが流れる実装になっています。テキストが表示されることによって、音声が聞き取れなかったとしても最低限の情報は得られるデザインになっています。 今日の指揮官もかっこいいね、ふふ…
「ブラック・サージナイト」エラーメッセージに世界観を取り入れて没入感を妨げない工夫
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」の世界観を取り入れたエラーメッセージを紹介いたします。 該当のエラーメッセージはこちらです！キャラクターの一覧画面ですね。 「ブラック・サージナイト」では、この画面を経由して、キャラクターの育成などを行います。いずれかのキャラクターを選択すると、このようにキャラクターのステータスやコマンドが表示されます。 しかし、育成することができないキャラクターを選択しようとした場合、以下のエラーメッセー…
「ブラック・サージナイト」非現実的な表現を用いることで、他との差別化を図っている？
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のグリッチ表現を紹介いたします。 先日も紹介したばかりですが、やっぱり流行ってるんですかね…グリッチフィルタ。 ちなみにフィルタをかけていない状態だとこんな感じのデザインのキャラクターです。 アニメーションで見るとこんな感じですね。 このフィルタの表現の特徴をあげると… 極端に青白い コントラストが控えめである 走査線が太くハッキリと見える 下から上に走査線が流れている 走査線とは別に一定間…
「ブラック・サージナイト」縦長のスライダーを採用している理由は手数の省略の為？
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のゲーム設定画面にあるスライダーのUIを紹介します。 該当の画面はこちらです。サウンド設定や、画質の設定、fpsの設定などが行える画面です。 この画面で特徴的なのはこちらのスライダーです。スライダーは横長にデザインされ、上下に配置しているゲームが多いのですが、「ブラック・サージナイト」のスライダーは縦長にデザインされ、左右に配置しています。 操作するとこんな感じで動きます。 このデザインは他…
「ブラック・サージナイト」OPで流れるMVの文字演出がかっこ良かったので紹介です！
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のオープニングムービーの中にある文字演出がめっっちゃかっこ良かったので紹介します。UIが何かしらの文字演出を担当する場合もあるかと思いますので、デザインの参考になればと思います。 該当の画面はこちらです。 アニメーションを観るとこんな感じです。 カッコいい！ かなり丁寧に文字を動かしているのが分かります。 ちなみにこれ、ちょっと調べてみた感じOPムービーと言うよりも、イメージソングのMVを流…
「ブラック・サージナイト」ステージ選択画面で拡大縮小を示す目盛りが表示されていたデザインの紹介
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のステージ選択画面のデザインを紹介いたします。 該当の画面はこちらです！攻略中のエリア、イベントエリアなどが世界地図を用いて表示されています。 挙動を紹介します。画面をスクロールすることはもちろん、このようにピンチイン、ピンチアウトで画面を拡大、縮小することもできます。 画面をよく見ると、画面右側に目盛りが表示されていることが分かります。これは画面の拡大率を示しています。 画面遷移した際のデ…
「ブラック・サージナイト」サーバー選択画面のデザインが斬新だったので紹介します
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ブラック・サージナイト」のサーバー選択画面のデザインを紹介いたします。 サーバー選択画面は、このブログで何度か紹介させていただいていますが、今回は今までとは大きく異なるデザインで驚きました。該当の画面はこちらです。 アニメーションで見ると、このように動きます。 右下に書いてあるのは混雑状況ですね。 混雑：ムラサキ 快適：水色 メン（恐らくメンテナンス）：灰色 「ブラック・サージナイト」のサーバー選択画面を使いやすさ…
「エクリプスサーガ」グリッチ表現の紹介とリアリティ以外の評価軸
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「エクリプスサーガ」のグリッチ表現を紹介いたします。 何度目だろう…SFっぽいフィルタで中国を中心に流行っている気がします。 「エクリプスサーガ」の場合はホーム画面と会話パートで採用されていました。こちらはホーム画面です。 アニメーションで見るとこんな感じですね。ホーム画面に遷移直後、ちょっと長めにグリッチアニメーションが表示されています。 利用している要素としては以下でしょうか… 不透明 明滅 左右にノイズ 色収差…
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「エクリプスサーガ」のエンプティステートの紹介です！ 色んなゲームのエンプティステートを紹介して今回で21回目です。…多分！ さて、まずはエンプティステートについて簡単に説明します。 エンプティステートの役割 エンプティステートを使うメリット エンプティステートが使われる場面 どういった時にデザインを採用すれば良いか？ エンプティステートをデザインする際に注意したいこと 「エクリプスサーガ」のデザイン紹介 参考事例 …
「エクリプスサーガ」キャラクターがメッセージを入力中であることが伝わるチャット画面
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「エクリプスサーガ」のキャラクターとのチャット画面のデザインを紹介いたします。 最近、特に中国系のゲームに多い気がするのですが、キャラクターとショートメッセージをやりとりできる要素が実装されています。 「エクリプスサーガ」の場合はこのような画面でした。 アニメーションで見るとこんな感じです。 特にここのUIが良いと感じました。「現在入力中…」と表示され、相手がメッセージを入力している様子が伝わります。実際にキャラクタ…
「エクリプスサーガ」SNSサービスを模した画面のデザインを紹介
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「エクリプスサーガ」のSNSサービスを模した画面のデザインを紹介します！ 該当の画面はこちらです！ キャラクターの投稿に対して、プレイヤーがいいねや、コメント（選択肢）が付けられるデザインになっています。 やっていることはすごくシンプルですが、操作している感じ意外とそれっぽくなります。 アニメーションで見るとこんな感じです。 いいねボタンを押すとアイコンに色が付き、ユーザーがいいねをした旨にテキストが更新されています…
「エクリプスサーガ」キャラクターからのお知らせで手紙を模したデザインが採用されていた
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「エクリプスサーガ」のお知らせがキャラクターからの手紙を模したデザインでしたので紹介します！ センモンテキな用語で言うところの「スキューモーフィズム」ですね。 該当の画面はこちらです！ 画面遷移のアニメーションを見るとこんな感じです。画面左側から封書がインして、手紙が開くアニメーションも用意されています。 「エクリプスサーガ」の世界観的に手紙って随分アナログすぎないか…？と思ったのでストアの紹介文を確認してみました。…
「エクリプスサーガ」タイトル画面からホーム画面までシームレスに繋げているデザインの紹介
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「エクリプスサーガ」のタイトル画面からホーム画面までシームレスに繋げている演出が素敵だったので紹介します！ 該当の画面はこちらです！ アニメーションで見るとこんな感じですね。 タイトル画面にある雲の上に飛び出した建物から… 雲海を潜って地上に向けてカメラが移動し… 更にそのまま下っていくと… ホーム画面に繋がる演出ですね。 このようにタイトル画面からホーム画面に遷移する際に画面がシームレスに繋がっています。 あまり見…
「エクリプスサーガ」バトル終了後の与ダメを確認する画面で円グラフが採用されて、貢献度合いの割合が見やすい
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「エクリプスサーガ」のダメージ統計画面のデザインが分かりやすかったので紹介します！ 該当の画面はこちらです。 「エクリプスサーガ」の場合はバトル終了後にダメージ統計を確認することができます。他のゲームでも概ね同じタイミングかな、と思います。 ちょっと小さいですが、バトル結果画面に表示されている「ダメージ統計」と書かれたボタンを押すと遷移します。 遷移した先の画面がこちらです。 このようにキャラクターがバトルで与えたダ…
「アイラブバーガー～目指せNO.1バーガーショップ～」フィルタ画面に違和感を覚えたので理由を考えてみた
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイラブバーガー～目指せNO.1バーガーショップ～」のアイテムのフィルタ機能に違和感を感じたので理由を考えてみました！ 該当の画面はこちらです。 フィルタ機能のダイアログを見ると、以下の5つの項目が用意されていました。 購入可能 ゴールド ルビー NEW EVENT ひとつずつ項目を紹介します。 まず「購入可能」かどうかはプレイヤーの所持金と比較する必要があるため、頻繁に変わる情報です。また、アイテムに紐づく情報で…
「ブラウンダスト」人気傭兵画面があるとゲームサイクルが活発になるかも！
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブラウンダスト」の人気傭兵画面の役割について紹介します！ 結論から言うと、育成するキャラクターの優先度付けすることによって、ユーザーの行動を誘導することができ、ゲームサイクルをより活発にする役割に繋がるように感じました。 順序立てて説明します。まず、該当の人気傭兵画面はこちらです。 ヘルプによると以下のように説明がされていました。 アリーナが終了すると上位ランキング1位から2,000位までの使用傭兵を集計して更新し…
「ブラウンダスト」待機モード画面をカスタマイズする機能の目的を考えてみた
待機モード こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブラウンダスト」の待機モード画面のデザインについて紹介します！ 「待機モード画面」は別名「省エネモード画面」とも呼ばれることがあります。このモードによってバッテリーの消費や端末の熱量などを抑える役割があります。 該当の画面はこちらです！こちらが待機モード中の画面です。 画面左側にキャラクターの2Dイラストが表示されています。画面右側には現在の日時、wifiの感度、バッテリー残量、待機モードを解除するため…
「ファイナルファンタジーXV ポケットエディション」マップが手動移動なのはマネタイズの影響もある？
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ファイナルファンタジーXV ポケットエディション」のキャラ移動の操作UIについて紹介します！ 該当の画面はこちらです！ アニメーションで見るとこんな感じですね。 キャラクターが3Dマップ上を移動していることが分かります。 移動はバーチャルコンソールではなく、移動先を指定したらそこまでのルートを検索し、移動する仕組みが採用されています。 また、戦闘では敵に近づくと自動的に攻撃を開始する仕組みが採用されています。 今回…
「アサルトリリィ Last Bullet」メディアミックス企画だとSNSを積極利用する機能が実装されがち
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「アサルトリリィ Last Bullet」の画面キャプチャ機能を紹介します！ 端末に標準で実装されているスクリーンショット機能があるのに、なぜ専用の機能を実装しているのか、所感を踏まえて紹介してみたいと思います。 キャプチャ機能が実装されている画面はこちらです！アドベンチャーパートの画面ですね。 画面右上に注目すると「SKIP」「LOG」など、よく見かけるボタン群の中に「SNS」という見慣れないボタンがあることに気付…
「カウンター・アームズ -終焉武装少女-」サーバー選択画面でサーバー名が分かりづらい場合は連番と組み合わせると識別性が増す
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「カウンター・アームズ -終焉武装少女-」のサーバー選択画面の紹介です！該当の画面はこちらです！ 画面の右側に並んでいるのがサーバー名です。抜粋して並べるとこんな感じです S6 ムリファイン S5 コル・カロリ S4 マタル S3 ベネトナシュ S2 モノケローティス S1 プロプス 文字列の意味を補足すると、頭文字のSは「server」のSだと考えられます。右側のカタカナは、調べてみると星座を構成している星の名前の…
「カウンター・アームズ -終焉武装少女-」エンプティステートのデザイン紹介（20回目）
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「カウンター・アームズ -終焉武装少女-」のエンプティステートの紹介です！ 色んなゲームのエンプティステートを紹介して今回で20回目です。徐々に定着している気がする…！どうだろうか…！ さて、まずはエンプティステートについて簡単に説明します。 エンプティステートの役割 エンプティステートを使うメリット エンプティステートが使われる場面 どういった時にデザインを採用すれば良いか？ エンプティステートをデザインする際に注…
「ブログリーダー」を活用して、appgameuiさんをフォローしませんか？
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ファイナルファンタジーIX」（以下「FF9」）のゲーム起動直後に表示される、プレイ上の注意喚起のメッセージを紹介します。基本的には定型文なのですが、高速モードに触れている点が丁寧に作られている印象を受けます。以下、目次です。 特に「高速モード」に注意を促している 特に「高速モード」に注意を促している 「FF9」では多くのゲーム同様に、起動直後にプレイ上の注意について伝えるメッセージが表示されます。 健康のため、ゲー…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」のタイトル画面のデザインを紹介します。バリエーションが多く、没入感を高める効果があるようにも感じました。丁寧に作られている印象を受けます。以下、目次です。 再開するエリアに合わせて変化し、没入感が高い 現在のパーティを表示する 再開するエリアに合わせて変化し、没入感が高い 「トライブナイン」のタイトル画面は、ゲームを再開するエリアに合わせた背景が表示されます。 以下はタイトル画面とゲーム画面を比較し…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」の与ダメのアニメーションをご紹介します。取り上げられることは少ないし、いざ作ろうと思うと悩みそうな部分かな、という印象です。 以下、目次です。 与ダメのアニメーションが気持ち良い！ 通常の与ダメは「上下に揺れる」 クリティカルな与ダメは「ズーム」 連携時の与ダメは「右からスライドイン」 与ダメのアニメーションが気持ち良い！ 「トライブナイン」のバトルを見ていて気づいたのですが、与ダメの表示アニメーシ…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」の会話パートのデザインをご紹介します。 丁寧なライディングで見た目が綺麗！ 以下、目次です。 丁寧なライティング設定 場面とキャラの立ち絵の両立 見え方のパターン紹介 赤系統 紫系統 青から緑系統 緑～黄色系統 その他 丁寧なライティング設定 「トライブナイン」の会話パートの特徴のひとつに丁寧なライ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」のマップ機能をご紹介します。グラフィティという探索要素をサポートしてくれる機能が実装されています。 探索が楽になるデザイン！やったー！ 以下、目次です。 グラフィティは探索要素 グラフィティの情報が表示されるのが便利 どこにいても確認できるのが便利 段階的開示が利用されてて見やすい 情報の優先度にしたがった配色 グラフィティは探索要素 「トライブナイン」のグラフィティは探索要素のひとつです。発見した…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」のバトルスキップの機能をご紹介します。雑魚敵のバトルをスキップできる便利な機能です！結果的にユーザー体験のデザインに寄ったので、ゲームUIとは少し外れるかも？ 以下、目次です。 時短になる ストレスの軽減にもなる バトルスキップ時に世界観を含めたメッセージが表示される ユーザーがバトルシステムを理解しづらくなるかも？ 時短になる TAKE DAWN機能はキャラクターと敵との戦力差があるとフィールド上…
こんにちは、ちょこです！ 今回は「バイブコーディング」という単語を知ったので、試しにやってみました。 そろそろ夏休みに入りますし、自由研究にいかがでしょうか？ 以下、ざっくりしたステップと所要時間です。慣れてる方なら1分かからないかもしれません。 1時間目：バイブコーディングって何？（0:01） 2時間目：まったくの初学者に向けたバイブコーディングの適切な進め方を教えて？（0:02） 3時間目：最初の指示出し（0:03） 4時間目：仕様の追加（0:05） 5時間目：修正指示（0:06） 6時間目：一旦完了（0:07） 1時間目：バイブコーディングって何？（0:01） まず、言葉の意味を知らない…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」のエレベーターの操作パネルのUIをご紹介します。現実のデザインを丁寧に取り入れ没入感を高めつつ、不必要な情報を省いたデザインです。 ひとつひとつ丁寧に作られててすごい！ 以下、目次です。 没入感を高めるデザイン 1：ボタン配置が自然 2：読まれない文字も丁寧に扱う 3：階数がドットフォント フィクションのデザイン 没入感を高めるデザイン 「トライブナイン」ではエレベーターを操作する際、操作盤を模した…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」のバトル敗北時に難易度を下げる救済措置をご紹介します。以下、目次です。 1：より多くのユーザーが楽しめる設計 2：敗北が無駄ではないと感じる 3：わかりやすいメッセージ 4：モチベーションを維持するラベリングとメッセージ 4-1：キャラクターからの応援メッセージ 4-2：キャラクターを「強化」と表現…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「トライブナイン」のSteam版とiOS版の画面を比較したのでご紹介します。以下、目次です。 プラットフォーム 1：Steam版はゲーム開始直後にキーコンフィグ設定がある 2：データ連携時に使用する外部サービスが違う デバイス 1：カーソルが用意されている 2：探索のレイアウトが違う 2-1：キャラクターのHPの位置…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アストラルパーティー」のSteam版とiOS版の画面を比較したのでご紹介します。 Steam版とiOS版とで運営が異なっており、今のところサーバーも分かれています。コントローラーは非対応。対応デバイスはマウスのみです。 以下、目次です。 運営違いのため除外する要素 1：企業ロゴが違う 2：問い合わせ先のメールアドレ…
こんにちは、ちょこです。 ここではゲームUIデザイナー向けに、ソシャゲのガチャ画面などで見かける「特定商取引法に基づく表示」と「資金決済法に基づく表示」について記載します。 「法律で決まっているので表示する」という認識でも実務上は恐らく困らないと思うのですが、表示漏れの防止や表示の必要性を質問された際に回答できるように、もう少し詳しく知っておきたいな、と思ったため疑問に感じていることをGeminiを使って出力しました。 厳密な正確性まで担保できませんが、概ね納得できる内容かと感じました。もし疑問に感じたことがあれば各々調べてみてください。 以下、目次とGeminiの回答です。存在しないリンク先…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アストラルパーティー」（以下「アスパ」）からキャラクターの露出の程度を変更できるナイーブエンジェルモードをご紹介します。 キャラクターの露出はUIデザイナーが直接コントロールできる部分ではないかもしれませんが、根底には「より多くの人に楽しんでもらいたい」という意思が含まれています。この意思は良いUIを作る際にも重要…
こんにちは、ちょこです！今回、私が購入した書籍の中からUIのアニメーションに興味がある方向けに紹介します。書籍でUIアニメーションが紹介されているのは結構珍しいかも…？ 「ゲームUI 作り方講座 Photoshop＆After Effectsで学ぶ、UIデザインとアニメーションの基本」 本書によると、想定読者は「就職して間もない新卒から入社3年目ほどの方」を想定している、とのこと。購入するとPhotoshopやAfter Effectsのファイルもダウンロードできるので、割と現場寄りの構成。 これらのことから、おそらく学生や非デザイナーに対しては書かれていないかもしれません。 また、モバイル端…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「クロノトリガー」のSteam版とiOS版の画面を比較したのでご紹介します。結論から述べると、今までのマルチプラットフォームとは違っていたり、移植を繰り返してきたタイトルであるため、ある程度前提情報が必要になると感じました。まずはマルチプラットフォーム対応の影響以外の要素を紹介します。 以下、目次です。 前提の話 除…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「星の翼」のSteam版とiOS版の画面を比較したのでご紹介します。結論から述べると、主にバトル画面とオプション項目に違いが見られました。なんとなくの印象ですが、バトル周りはSteam版準拠で作りつつ、バトル以外のメニューなどのUIはスマホを少し意識しているのかな、という印象を受けました。 以下、目次です。 1：バト…
「inZOI」の主な画面 タイトル名 inZOI タイトル画面 〇 〇 アバター作成 〇 アバター_年齢層 〇 アバター_気質 〇 アバター_人生 〇 アバター_プリセット 〇 アバター_表情変更 〇 アバター_ポーズ変更 〇 アバター_背景変更 〇 アバター_顔プリセット 〇 アバター_髪型 〇 アバター_肌 〇 アバター_顔の特徴 〇 アバター_目元 〇 アバター_化粧 〇 アバター_身体 〇 アバター_衣装 〇 〇 アバター_アクセサリー 〇 家族作成 〇 〇 ADV 〇 都市選択 〇 都市編集 〇 〇 〇 〇 〇 〇 〇 都市編集_にゃんストア 〇 都市の状態を調整 〇 魂の管理レポー…
「魔法少女まどか☆マギカ Magia Exedra（まどドラ）」の主な画面 タイトル名 魔法少女まどか☆マギカ Magia Exedra タイトル画面 〇 OPアニメ 〇 お知らせ画面 〇 ホーム画面 〇 〇 〇 ガチャ画面 〇 〇 ガチャ演出 〇 ガチャ結果 〇 交換所 〇 〇 プレゼント画面 〇 〇 パーティ画面 〇 パーティ編成_編成コピー 〇 ロード画面 〇 キャラ獲得 〇 限界突破 〇 キャラ編成 〇 〇 キャラ強化 〇 〇 キャラ一覧 〇 〇 キャラ詳細 〇 〇 キャラ_スキル 〇 〇 クエスト 〇 メインクエスト_トップ 〇 〇 メインクエスト_リスト 〇 メインクエスト_道中 …
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）からメニューのデザインをご紹介します。 ビジュアルに特徴のあるメニューだったので、見せ方を模索したいときのアイディアの参考になれば幸いです。 以下、目次です。 放射状に配置したボタン 強調された調合ボタン フィッツの法則と視線誘導を考慮したレイアウト 放射状に配置したボタン 「レスレリ」のメニューの特徴として、各メニューアイコンが放射…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）からクエストのスキップ機能をご紹介します。 このブログでも何度か紹介していますが、クエストのスキップ機能はスタミナ制を採用しているソシャゲにはほぼ確実に実装されている印象です。 以下、目次です。 クエストの周回に便利なスキップ機能 最大値のボタンも便利 クエストの周回に便利なスキップ機能 「レスレリ」にはクエストスキップ機能があります…
こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回はゲーム起動直後のロード画面で表示される、世界観が含まれたローディングメッセージの事例を紹介します。 「本コンテンツは、『星になれ ヴェーダの騎士たち』のために公式に作成されたものではなく、使用された情報又はデータの一部は開発会社の商標又は著作物です」 以下、目次です。 1：ゲーム内用語を用いる 2：時系列に沿って文章を順番に表示する 3：読めるだけの時間確保も必要 1：ゲーム内用語を用いる ロード中に表示されるメッセ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「星になれ ヴェーダの騎士たち」（以下「星になれ」）からゲーム起動時に表示される、ローディング中を表すメッセージを紹介します。久々の紹介。海外で開発されるタイトルに多く見られる印象です。 ▲「星になれ」のロード画面です 以下、目次です。 1：メッセージは2種類用意されている 2：メッセージには世界観を含めた言葉が使われている 3：時系列に沿った順番でメッセージが表示されている 1：メッセージは2種類用意されている 表…
こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ ここでは過去プレイしたゲームをもとに、レビューに誘導するダイアログをデザインする際に参考になりそうな要素をまとめました。レビューに誘導するダイアログをデザインする際の参考になれば幸いです。 以下、目次です。 1：キャラグラフィックを表示 専用グラフィックを表示 汎用的な立ち絵を表示 2：レビューボタンを目立たせる 3：ボタンには分かりやすいテキストを入れる 4：レビューを促すメッセージを表示 5：手書き風メッセージで世界観…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「星になれ ヴェーダの騎士たち」（以下「星になれ」）から。レビューを促すダイアログのデザインを紹介します。▲「星になれ ヴェーダの騎士たち」評価ダイアログ 以下、目次です。 1：専用のダイアログを用意 2：ナビキャラを表示 3：星を5つ並べて高評価を訴求 4：特に訴求したい要素は文字色を変えて訴求 5：ダイアログの枠の外にボタンを配置し目立たせている 1：専用のダイアログを用意 他のアプリにも見られる傾向ですが、レビ…
こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ ここでは過去プレイしたゲームをもとに、サーバー選択画面のUIについてまとめました。サーバー選択画面をデザインする際の参考になれば幸いです。 以下、目次です。 設計 1：おすすめサーバーを表示する 2：デフォルトでおすすめサーバーを選択しておく 3：おすすめサーバーで始めるとインセンティブが獲得できる 4：サーバーの状態を表示する 5：サーバーの応答速度を表示する 6：サーバーが統合された場合の見せ方 7：サーバー内のキャラ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からアカウント削除をする際の手順や見せ方のデザインをご紹介します。誤操作を防ぐために複雑な操作になっていると感じました。 以下、目次です。 アカウントを削除するためには文字列を入力する必要がある 強めの警告文でアカウント削除の意思を確認 例文がキーボードのUI隠れない アカウントを削除するためには文字列を入力する必要がある 「ブレマイ」ではアカウント削除時の方法はやや複雑な手…
こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ ここでは過去プレイしたゲームをもとに、ユーザーIDの表示方法についてまとめました。「配信者が安心してゲームを配信できるようにするために、ユーザーIDはどう取り扱うのが良いのかな…」と悩んでいる方の参考になれば幸いです。 以下、概要です。 1：タイトル画面ではタップして表示する形式が増えてきた 2：ゲーム内でユーザーIDを取り扱う場合、事前に表示を仄めかす場合もある 3：フレンド申請にはユーザーIDを使わない 4：タイトル画…
こんにちは、ちょこです。今回は「ブレマイ」のホーム画面に表示されているキャラの変更方法を紹介します。ミッションクリアのために操作が必要な方の参考になれば幸いです。 ホーム画面のキャラ変更方法は以下の手順で行えます。 【キャラ変更方法】 1：ホーム画面に遷移 2：画面右上の人型のアイコンをタップ 3：変更元のキャラを指定 4：変更後のキャラを指定 流れをアニメーションで見るとこんな感じです。 ▲ホーム画面に表示するキャラを変更する際の流れ アニメーションだと速すぎて分かりにくいかもしれません。一手ずつ説明します。 1：ホーム画面に遷移 まずホーム画面に移動します。 ▲「ブレマイ」のホーム画面 2…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からホーム画面でバッテリーの残量やwifiの接続状況が表示されているデザインをご紹介します。ゲームシステムにもよりますが、たまに見かけるデザインです。 以下、目次です。 ホーム画面でバッテリー残量とwifiの接続が確認できる 充電中と平常時の差分がある バッテリー残量がわずかになっても特に警告は表示されない ホーム画面でバッテリー残量とwifiの接続が確認できる 「ブレマイ」…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からADVパートでのルビの使い方をご紹介します。ルビを採用する際の使いどころ、ルビの設計思想の参考になれば幸いです。 以下、目次です。 キャラの名前にだけルビを振っている 読みにくい場所にルビが振られていると助かる 配信時の誤読防止にもつながる キャラの名前にだけルビを振っている 「ブレマイ」のADVパートでは、見た限りキャラの名前のみルビが振られていました。また、メッセージ…
こんにちは、ちょこです。 ここではUE5を学習する中で得た知見を書き残しておきます。同じくUE5を学習したいUIデザイナーさんの参考になれば幸いです。 久々にUE起動したら見慣れないレイアウトでした…。以前のレイアウトに戻す方法あるかなー…、とメニューを見てみたらありました。良かった。 ▲UIたちはどこへ… 以下の手順で以前のレイアウトに戻せました。 上部メニューから「ウィンドウ」を選択 「レイアウトをロード」を選択 「UEクラシック レイアウト」を選択 UE4のレイアウトに変更されたらOK ▲メニューから簡単に変更できます ▲UEクラッシック レイアウトを選択 見慣れたレイアウトだ！ ▲UE…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からメインコマンドにアクセスしやすいメニューのデザインをご紹介します。メインコマンドに対するアクセシビリティが高いデザインだと感じました。 以下、目次です。 メインコマンドにアクセスしやすいメニュー レイアウトが同じだから分かりやすい ボタンの色や形状で情報の優劣をつける 右端に寄せているから片手で操作しやすい 背景をぼかしてメニューが際立っている メインコマンドにアクセスし…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からユーザーIDについてご紹介します。体感だと2020〜2021年頃から扱いが変わってきた印象です。ユーザーIDの性質や取り扱いについて考えるきっかけになれば幸いです。 以下、目次です。 タイトル画面ではユーザーIDの表示・非表示が切り替えられる ゲームの中に入ったら非表示切り替え機能はない フレンド申請時にはフレンドNo.を使う タイトル画面ではユーザーIDの表示・非表示が…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からリザルト画面の特徴を紹介します。各パーツのアニメーションを利用して、視線の誘導をしつつ、何が起きているのか分かりやすく見せる工夫などがされていると感じました。 以下、目次です。 左上から右下に視線誘導するデザイン 情報の優先度に沿った、文字の大きさと表示する順番 ゲームを進めるために必要なボタンは目立つ上に押しやすい配置 左上から右下に視線誘導するデザイン 「ブレマイ」の…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からパズル部分に視線が集中される仕組みを紹介します。視線の誘導って割と自然にデザインされているので、意識して見てみると要素分解が難しい部分だと感じました。 以下、目次です。 周囲と比較して彩度が高い パズル部分がよく動く 面積が広い 「引き算のデザイン」を利用 角丸と角の使い分け 周囲と比較して彩度が高い 人は一般的に無彩色より有彩色、低コントラストよりハイコントラストのもの…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からスタミナを効率的に消費できる便利機能を紹介します。 以下、目次です。 豊富な便利機能 1:スタミナ一括消費機能 2:オート周回機能 3:スキップチケット 豊富な便利機能 「ブレマイ」には効率的にスタミナを消費する便利機能がいくつか実装されていました。ここでは以下の3点をあげます。 スタミナ一括消費機能 オート周回機能 スキップチケット それぞれ詳細を紹介します。 1:スタ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイクマイケース」（以下「ブレマイ」）からパズル画面のピースのデザインを紹介します。パズルゲームは色々ありますが、ピースのデザインはゲームの差別化のためにも重要視されがちなのかな、と考えています。 以下、目次です。 世界観を取り入れたデザイン 色だけではなくシルエットでも差別化されたデザイン 世界観を取り入れたデザイン 「ブレマイ」のピースのデザインはキャラクターの顔をデフォルメさせたような見た目になっています。…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブルーロック Project: World Champion」（以下「ブルーロックPWC」）からトグルボタンのデザインをご紹介します。トグルボタンは多くのゲームに採用されることが多いUIコンポーネントのひとつです。汎用性の高いUIだと思うので、デザインする上で参考にしやすいかと考えます。 以下、目次です。 色と文字を使ってオンオフが分かりやすいデザイン 色と文字を使ってオンオフが分かりやすいデザイン 「ブルーロック…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブルーロック Project: World Champion」（以下「ブルーロックPWC」）から使用されているフォントを紹介します。「ブルーロックPWC」ではいくつかのフォントが使われていますが、今回は『数字』に注目してみました。 以下、目次です。 世界観を伝えるフォントを採用 事例1：ゴールスコアは原作やアニメと同じ7セグメントフォント 事例2：戦力の数字はユニフォームの数字と似たフォント 余談（ユニフォームに使…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブルーロック Project: World Champion」（以下「ブルーロックPWC」）から動きのあるホーム画面のデザインをご紹介します。ゲームの世界観やジャンルにもよりますが、個人的にはゲーム画面は常に何かしら動いていて欲しいので、画面が動いているのは好きです。 以下、概要です。 動く背景に隠された工夫がいっぱい レアリティの低いキャラでも動きが出せる 動きのない推しをホーム画面に設定しても寂しくない 動く背…
