筆者の体験をざっくりまとめた軽快な読み口「ユーザインタフェース開発失敗の本質」
こんにちは、ちょこです！ 当月にアップロードできるデータ容量の上限に引っ掛かったので図らずも連日の書籍紹介です。 本日紹介するのは「ユーザインタフェース開発失敗の本質」です。 www.amazon.co.jp 成功の再現性よりも失敗の再現性の方が簡単だと感じており、それであれば先人の失敗を知り、回避することで楽に物事が進められるのではないか、と考え購入してみました。 基本的には著者の主張で構成されており、読みやすい印象を受けました。全体としては連載記事を読んでいる感覚です。 PS3やwii、DSなどが活躍していた頃のゲーム業界が登場するため、ゲーム業界の過去を知ることにも有効だと感じました。 …
こんにちは、ちょこです！ 書籍紹介です。今回紹介するのは「直線は最短か？」です。 前半は弁証法を利用した発想法、後半はキャリアの考え方が書かれています。 ▼紙媒体 直線は最短か？〜当たり前を疑い創造的に答えを見つける実践弁証法入門〜 [ 阪原 淳 ] ▼電子書籍 直線は最短か？〜当たり前を疑い創造的に答えを見つける実践弁証法入門〜【電子書籍】[ 阪原淳 ] 結論から述べると、弁証法の入門の読み物として分かりやすいものであると感じたものの、ゲームUIデザイナーとして見たときに有効かと考えると、具体的にどういった業務の時に必要になるのかはすぐに思い浮かびませんでした。 ただ、ゲームUIデザイナーな…
こんにちは、ちょこです。 このページでは、このブログで紹介した書籍を一覧でまとめてみました。なんとなくジャンルで分けていますが、複数ジャンルを扱っている書籍もあります。目安程度で考えていただければと思います。 レイアウト 「っぽくなるデザイン 誰でもできるかっこいいレイアウト集」 「っぽくなるデザイン 誰でもできるかっこいいレイアウト集」 レイアウト 「っぽくなるデザイン 誰でもできるかっこいいレイアウト集」 フォント 「英国人デザイナーが教えるアルファベットのひみつ」 「タイポさんぽ改」 ユニバーサルデザイン 『アクセシブルデザインの発想 不便さから生まれる「便利製品」』 ゲームUI（設計）…
こんにちは、ちょこです。 久々の書籍紹介！ 今回はご紹介させていただくのは「快感回路」です。 ▼電子書籍 快感回路 なぜ気持ちいいのか なぜやめられないのか【電子書籍】[ デイヴィッド・ジェー・リンデン ] 価格:913円(2022/4/3 14:15時点) ▼紙媒体 快感回路 なぜ気持ちいいのか なぜやめられないのか （河出文庫） [ デイヴィッド・J・リンデン ] 価格:968円(2022/5/29 00:58時点) 読んでみた理由は以下の2点です。 ユーザーがなぜその行動を好むのか理解する手掛かりの発見 ユーザーの行動の誘導 書籍の紹介文には以下のように書かれています。 恋愛と性的興奮は…
「ロックマンX DiVE」デザイン面で商品の訴求に貢献している要素8点あげてみた
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ロックマンX DiVE」における商品の訴求手法をご紹介します。 ソシャゲのUIはゲーム内で商品も販売しないといけないので、商品訴求については割と大事な要素な気がしています。 該当の画面はこちらです。ショップ画面ですね。 画面左端にはショップのタブが並び、商品のラインナップが切り替えられるようになっています。画面右側には商品のサムネイルが並んでいます。右側に寄せることで指が届きやすくなり、操作もしやすいと感じます。 …
「ロックマンX DiVE」指先カーソルがロックマンらしい見た目になってる！
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ロックマンX DiVE」における世界観を取り入れた指先カーソルのデザインをご紹介します。 該当の画面はこちらです。 画面中央に指先カーソルが表示されているのが分かりますでしょうか。人の指先ではありますが、ロックマンらしい見た目になっています。 アニメーションで見るとこのように動いています。動き自体は縮小、拡大を繰り返しているシンプルなものですね。 このようなカーソルを用意する目的は視線の誘導です。矢印や指先のように…
「ロックマンX DiVE」低レベルの時は無条件でコンティニューできる機能が実装されていてチャレンジし放題
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ロックマンX DiVE」におけるステージクリア失敗時のリカバリー方法をご紹介します。 該当の画面はこちらです。戦闘不能になってもレベル20までは無条件でコンティニュー可能というのが特徴的です。 ダイアログ内の文章が見やすいように拡大します。 戦闘を再開しますか？（プレイヤーレベルが21以上の場合は再起動プログラムを消費します） MMORPGでゲーム開始直後はペナルティ無しで復活できたり、対人戦（あるいはランク戦）で…
「ロックマンX DiVE」ステージをリストから選択する機能を使うと手数の省略に繋がる
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ロックマンX DiVE」、ステージ選択画面においてステージ間を遷移する方法をご紹介します。 手数の省略に繋がる方法かもしれません。 該当の画面はこちらです。 「ロックマンX DiVE」ではステージ選択の手段が2つあります。 直感的には画面の左右をタップして前後のステージに遷移する手段が気付かれやすいかと思います。アニメーションで見るとこんな感じです。 もうひとつは画面左上をタップしてステージリストから選択する手段で…
「ブレイブリーデフォルト ブリリアントライツ」セーブデータを削除する時に誤操作防止のため、チェックボックスが採用されていた
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、ユーザーデータを削除する際のセーフティの事例をご紹介します。 「シュナイダーマンのインターフェイスデザインの8つの黄金率」ではやり直しが出来ることが求められています。 アクションのやり直しを許可する：デザイナーは、ユーザーにアクションをやり直すわかりやすい方法を提供するよう努めましょう。単一のアクションのあとでも、データ入力のあとでも、一連のアクシ…
「ブレイブリーデフォルト ブリリアントライツ」黒背景と赤文字の組み合わせは見づらいので避けたい
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、色覚多様性を考慮しておくと良さそうなデザインをご紹介します。 具体的には、黒背景に赤文字が採用されており、見づらいと感じた点です。黒と赤の組み合わせは、C型であってもやや見づらい色の組み合わせですが、それ以外のP型、D型のユーザーを考慮すると避けておくのが良いとされる色の組み合わせです。 該当の画面はこちらです。 こちらはアイテム合成をする画面です…
「ブレイブリーデフォルト ブリリアントライツ」スクロール可能な情報を表示する時に、スクロールする方向とUIアニメーションの方向を一致させているのでわかりやすい
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、UIアニメーションを利用した認知の助けの事例をご紹介します。 具体的にはスクロール可能な方向と同じ方向のアニメーションを利用することで、ユーザーにスクロールすることと向きを伝えているデザインです。 該当の画面はこちらです。こちらは所持アイテムのリストです。 サムネイルの登場するアニメーションをよく見ると、登場時に若干下から上に移動しながら登場してい…
「ブレイブリーデフォルト ブリリアントライツ」UIの見た目とアニメーションを一致させることでゲームの没入感を高めている
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、ビジュアルに合わせたUIアニメーションをご紹介します。 ゲームにスキューモーフィズムデザインを取り入れるメリットの中には世界観の表現があげられます。見た目に合わせたアニメーションを取り入れることでより没入感を高められます。 該当の画面はこちらです。いくつかありますがこちらは所持アイテムのリストです。タブを切り替えるとページをめくるアニメーションが再…
「ブレイブリーデフォルト ブリリアントライツ」キャラ詳細画面に表示されている年齢の補足情報
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、ちょっと特殊なキャラクターの年齢表記の事例をご紹介します。 該当の画面はこちらです。 こちらはキャラクターのプロフィール画面ですが、以下の項目が並んでいます。 性別 登場作品 タイプ 属性 キャラ紹介 「キャラ紹介」の項目の中にもいくつか小項目があります。 その中にある「年齢」の項目の中に「年齢対象作品※」という文言があるのが気になりました。あまり…
「ブレイブリーデフォルト ブリリアントライツ」ラジオボタンとチェックボックスの見た目が同じなので、見た目だけでは操作が予測しづらい件
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、UIパーツの使われ方のアンチパターンをご紹介します。 ラジオボタンとチェックボックスの見た目が同じなので、操作する時にどのような挙動になるか推測できずにストレスに感じます。 一般的にはラジオボタンとチェックボックスは挙動 該当の画面はこちらです。 翻訳された文章ですが、GUIのガイドラインには以下の様なことが書かれている。 標準的な形状のものを使う…
「ブレイブリーデフォルト ブリリアントライツ」図鑑画面にキャラを獲得するための導線が設置されていました
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、所謂図鑑画面からキャラを獲得するための導線が設置されているデザインをご紹介します。 該当の画面はこちらです。この画面は「図鑑画面」の下にある「キャラクターの詳細画面」です。 未所持のキャラを選択すると、画面下部にキャラを獲得する導線が設置されています。 導線に従って進んでいくと、キャラを獲得できます。キャラの獲得はガチャなどの確率ではなく、ゲーム内…
「ブレイブリーデフォルト ブリリアントライツ」エンダウド・プログレス効果を知って、より良いログインボーナス生活を
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、ログインボーナスはどのような心理効果と共にデザインとされているかご紹介します。 「エンダウド・プログレス効果」という言葉を知ったので、それを使って事例として紹介してみます。初めて知った言葉だったので積極的に使って覚えたい。前から知っていたともさ、的な感じで使っていきたい。 まず「エンダウド・プログレス効果」の意味ですが… はじめから進捗があると目標…
「ブレイブリーデフォルト ブリリアントライツ」スタミナ消費が0なので気軽に挑戦でき、同時にスタミナを消費するための行動を誘導しているデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、初回クリアするまでクエストの消費スタミナが0であるデザインについてご紹介します。 スタミナの消費をコントロールすることで、ユーザーの行動を誘導しているように感じました。 該当の画面はこちらです。こちらはメインクエストのクエスト選択画面ですね。 左から順にクエストのステージが並んでいます。 よく見ると、ステージ同士をつなぐ線がキャラクターの足跡になっ…
「ブレイブリーデフォルト ブリリアントライツ」強化画面のキャラ一覧画面でどんな強化が出来るか教えてくれるデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、キャラ強化画面のデザインについてご紹介します。 該当の画面はこちらです。 短冊状にキャラクターのグラフィックが並んでいます。育成可能なキャラクターには赤い通知バッジが表示されているのですが、それだけではなくどのような育成ができるか書いてあるのが特徴です。 例えば「Lv強化」「キャラ覚醒」といったテキストが表示されていることが確認できます。複数の育成…
「ブレイブリーデフォルト ブリリアントライツ」節電モードのUIについて事例紹介
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、節電モードのデザインについてご紹介します。 自動的にクエストを進行する時など、放置する時間が長いゲームだと見かけることがありますね。 該当の画面はこちらです。 節電モードはバトル進行中に一定時間放置していると自動的に入ります。節電モードに入る時はこんな感じです。 解除する時はこんな感じです。どちらも凝ったアニメーションではなくフェードで切り替わって…
「ブレイブリーデフォルト ブリリアントライツ」お知らせ画面が見出しの一覧と本文が一度に確認できるデザインで好き
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、お知らせ画面のデザインについてご紹介します。 画面遷移せずに本文が横断的に閲覧できるので、個人的にはこのタイプのデザインは好きです。 該当の画面はこちらです。画面左側に見出しが並び、右側には本文が表示されています。 このレイアウト自体は中国で開発されたアプリでよく見かける印象です。見出し部分の特徴として以下の2点を挙げたいと思います。 見出しの文章…
「ブレイブリーデフォルト ブリリアントライツ」確認ダイアログのボタンの中のテキスト、ボタンだけ見れば何をするのかが分かるデザイン
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、確認ダイアログに表示されるボタンの中の文字ついてご紹介します。 本文を読まなくても選択肢が選べるデザインになっています。 いくつか事例を紹介します。該当の画面はこちらです。 確認ダイアログには以下のように書かれています。 ストーリーを閲覧し、ステージを進行します これに対して選択肢は… 「キャンセル」「進行する」 …と、なっています。 他の事例も紹…
「ブレイブリーデフォルト ブリリアントライツ」案内板で導線のリストを作ることでユーザーのやることを誘導したり手数の省略になったり
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、ホーム画面にある案内板の画面の役割ついてご紹介します。 実体としてはちょっと階層が深い画面へのショートカット集です。 該当の画面はこちらです。 画面左側に妖精のグラフィックが表示され、右側には何やら画面遷移するための導線が並んでいます。 ここに並ぶ導線は以下の6点です。 錬金が完成した 遠征から帰還した 街に宝箱が出現している サブクエスト 獲得で…
「ブレイブリーデフォルト ブリリアントライツ」戦闘敗北画面にどんな情報が表示されて、どういった意味があるのか考えてみた話
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、戦闘敗北時に表示される情報…、具体的には画像と導線についてご紹介します。 戦闘敗北はユーザーの期待結果ではありません。そういった意味ではエラーと似ているのかなと思っています。エラーの時にどういった情報を表示するのが適切なのか、という視点でも見ています。 該当の画面はこちらです。戦闘に敗北し画面上部に大きく「GAME OVER」と赤文字で表示されてい…
「ブレイブリーデフォルト ブリリアントライツ」サムネイルを長押しした時に表示されるUI
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、サムネイルを長押しした時に表示されるゲージについてご紹介します。 長押しは直感的な操作ではないため、ゲージを表示するなど何かしらリアクションがあるとユーザーも「何かあるのかな…」と推測する手掛かりになるのかな、と思います。 該当の画面はこちらです。所持アイテムのサムネイルが並んでいます。 サムネイルを長押しすると装備品の詳細情報が表示されます。アニ…
「ブレイブリーデフォルト ブリリアントライツ」用語の説明にリンクテキストを採用した事例紹介
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、ゲーム内用語のヘルプ機能についてご紹介します。 ほとんどのゲームにはマニュアルが用意されています。用語集もそのひとつかなと思います。 該当の画面はこちらです。ヘルプ画面ですね。 画面左側が見出しで右側が本文という構成になっています。 本文内にある下線が引いてある青文字をタップすると関連するヘルプページにジャンプします。 見た目がリンクっぽくなってい…
「モンスターハンター ライダーズ」周回中の画面に何を表示するか
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「モンスターハンター ライダーズ」、通称「モンハンライダーズ」から、クエストの自動周回機能についてご紹介します。 周回中の画面に何を表示すれば良いのか、どのような操作形態が採用されているのか、という点で見てみました。 該当の画面はこちらです。 周回機能の一連の流れをアニメーションで見るとこんな感じです。周回回数の指定もできますが、スタミナが無くなるまで周回することも出来ます。今回はスタミナが無くなるまで周回する設定で…
「モンスターハンター ライダーズ」リングゲージのデザイン事例紹介。ゲージの開始位置は12時方向が見やすい
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「モンスターハンター ライダーズ」、通称「モンハンライダーズ」から、長押しすると表示されるリングゲージのデザインの事例についてご紹介します。 「モンスターハンター ライダーズ」一部キャラなどのアイコンを長押しすると、詳細画面に遷移します。その際にアイコンの周囲にリングゲージが表示されます。 該当の画面はこちらです。ガチャで獲得できるキャラクターの一部がアイコンで並んでいます。 画面上部にはアイコンが長押しすることがで…
「モンスターハンター ライダーズ」チュートリアルでの段階的開示とキャラのメタ発言
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「モンスターハンター ライダーズ」、通称「モンハンライダーズ」から、チュートリアルの構成についてご紹介します。 「モンスターハンター ライダーズ」では段階的にキャラクターが機能の説明をしてくれる構成になっています。 該当の画面はこちらです。これはガチャ機能の説明をするために画面に誘導する場面ですね。 「モンスターハンター ライダーズ」ではゲームを進めると適宜機能が解放されるので、その都度適切なメッセージが表示されてい…
「モンスターハンター ライダーズ」総戦力の表示を目立たせることでゲームのプレイの促進につなげている
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「モンスターハンター ライダーズ」、通称「モンハンライダーズ」から、総戦力の表示についてご紹介します。 ゲームによってはホーム画面で総戦力を表示するゲームを見かけます。数字が増える様子を分かりやすく見せることでユーザーのモチベーションを高めたいのかな、と推測します。 該当の画面はこちらです。ホーム画面では画面左上に総戦力が表示されています。 総戦力の最高値が更新された場合、アニメーション演出が表示されます。gif動画…
「モンスターハンター ライダーズ」キャラボイスを聴くことが出来る画面で工夫されていると感じたこと
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「モンスターハンター ライダーズ」、通称「モンハンライダーズ」から、キャラボイスを聴ける画面で工夫されている点についてご紹介します。 キャラボイスを聴くことができるゲームはたくさんあるので、それだけの需要があるか開発側もアピールしたい要素なのかもしれません。 該当の画面はこちらです。 画面中央に3Dのキャラクターが表示され、画面下部にはボイスを再生するボタンが並んでいます。CVはキャラクターボイスの略称ですね。声優さ…
「ブログリーダー」を活用して、appgameuiさんをフォローしませんか？
#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に興味を持ってくれる方が増えると嬉しいです！ 今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）からクエストのスキップ機能をご紹介します。 このブログでも何度か紹介していますが、クエストのスキップ機能はスタミナ制を採用しているソシャゲにはほぼ確実に実装されている印象です。 以下、目次です。 クエストの周回に便利なスキップ機能 最大値のボタンも便利 クエストの周回に便利なスキップ機能 「レスレリ」にはクエストスキップ機能があります…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）からストーリーの進行に合わせてデザインが変化するホーム画面のデザインをご紹介します。 日本のソシャゲはホーム画面のデザインを重視する傾向があると感じていたのですが、「レスレリ」のホーム画面の見た目は非常にリッチで、この時代のひとつの到…
#container { width: 100%; } #box2 { float: right } こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）から世界観を取り入れたスタミナ回復アイテム配布機能のデザインの事例をご紹介します。 文字にすると分かりにくいですね…。とても素敵なデザインなので、今回はひとまずゲーム画面を見ていただければ！ 以下、目次です。 スタミナ回復をパイに置き…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）からタイトル画面などでのプレイヤーIDの取り扱いついてご紹介します。何度か紹介しているので簡単に。 以下、目次です。 タイトル画面ではタップして表示する形式が増えてきた タイトル画面での表示位置は誤タップしない位置がオススメ ゲーム内でも配慮をしている タイトル画面ではタップして表示する形式が増えてきた ゲームの規模感やジャンルにもよ…
こんにちは、ちょこです。 このブログでは「ゲーム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」）から動きのあるホーム画面のデザインをご紹介します。ゲームの世界観やジャンルにもよりますが、個人的にはゲーム画面は常に何かしら動いていて欲しいので、画面が動いているのは好きです。 以下、概要です。 動く背景に隠された工夫がいっぱい レアリティの低いキャラでも動きが出せる 動きのない推しをホーム画面に設定しても寂しくない 動く背…
