2024年4月
「アイドルマスター シャイニーカラーズ Song for Prism（シャニソン）」シャニソンコンボ演出
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からコンボ演出のデザインをご紹介します。音ゲーに限らずコンボは表示は幅広いジャンルに採用される要素のひとつなので、応用もしやすいのかなと思います。 以下、概要です。 特定のコンボ数時にタイトルならではの特殊演出がある 283（ツバサ）COMBO：283プロダクションロゴ 412（シャイニー）COMBO：スワンマーク コンボする…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からキャラのイメージカラーをUIに反映したデザインをご紹介します。キャラクターを訴求するタイプのゲームだと、しばしば見かけることがあります。 以下、概要です。 ユニット単位ではなくアイドルごとにカラーを用意 一色に限定しない 髪の毛や瞳の色をサンプリングしている ユニットごとにトーンを揃えている キャライメージのカラー紹介 ユ…
「アイドルマスター シャイニーカラーズ Song for Prism（シャニソン）」わかりやすいダイアログのデザインをAppleのヒューマンインターフェイスガイドラインを交えて紹介
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）から分かりやすいダイアログのデザインをご紹介します。 以下、概要です。 視線が誘導されやすい配色 押させたい選択肢は右に配置し視線を誘導 2択に絞って迷わせない 本文を読まずに選択肢だけ読んでも判断できるテキスト 視線が誘導されやすい配色 「シャニソン」のダイアログの選択肢は無彩色と有彩色で分けられています。ダイアログが全体的…
「アイドルマスター シャイニーカラーズ Song for Prism（シャニソン）」ログインボーナスからホーム画面までシームレスに遷移し、没入感を阻害しないデザインが好き
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からログインボーナス画面のデザインの要素をご紹介します。ログインボーナス画面はユーザーが見る頻度が高い画面だからか、デザインにコストをかけるアプリをしばしば見かけます。 以下、概要です。 デザインバリエーションが豊富 圧迫感を軽減する透過ホワイトボードを採用 シームレスにホーム画面に遷移する ナビキャラの衣装が変わる デザイン…
「アイドルマスター シャイニーカラーズ Song for Prism（シャニソン）」スタミナ一括消費機能を実装する際に報酬の倍率もあるとお得感も増しそう
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からライブにおけるスタミナの一括消費機能の利便性についてご紹介します。 以下、概要です。 スタミナ一括消費機能の説明 時間短縮につながる 継続的なエンゲージメント 一括消費するスタミナの量をユーザーが調節できる 常に最大値のスタミナを消費するオプションが便利 獲得できる報酬が倍数で書かれている スタミナ一括消費機能の説明 「シ…
2024年4月
「ブログリーダー」を活用して、appgameuiさんをフォローしませんか？
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からコンボ演出のデザインをご紹介します。音ゲーに限らずコンボは表示は幅広いジャンルに採用される要素のひとつなので、応用もしやすいのかなと思います。 以下、概要です。 特定のコンボ数時にタイトルならではの特殊演出がある 283（ツバサ）COMBO：283プロダクションロゴ 412（シャイニー）COMBO：スワンマーク コンボする…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からキャラのイメージカラーをUIに反映したデザインをご紹介します。キャラクターを訴求するタイプのゲームだと、しばしば見かけることがあります。 以下、概要です。 ユニット単位ではなくアイドルごとにカラーを用意 一色に限定しない 髪の毛や瞳の色をサンプリングしている ユニットごとにトーンを揃えている キャライメージのカラー紹介 ユ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）から分かりやすいダイアログのデザインをご紹介します。 以下、概要です。 視線が誘導されやすい配色 押させたい選択肢は右に配置し視線を誘導 2択に絞って迷わせない 本文を読まずに選択肢だけ読んでも判断できるテキスト 視線が誘導されやすい配色 「シャニソン」のダイアログの選択肢は無彩色と有彩色で分けられています。ダイアログが全体的…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からログインボーナス画面のデザインの要素をご紹介します。ログインボーナス画面はユーザーが見る頻度が高い画面だからか、デザインにコストをかけるアプリをしばしば見かけます。 以下、概要です。 デザインバリエーションが豊富 圧迫感を軽減する透過ホワイトボードを採用 シームレスにホーム画面に遷移する ナビキャラの衣装が変わる デザイン…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からライブにおけるスタミナの一括消費機能の利便性についてご紹介します。 以下、概要です。 スタミナ一括消費機能の説明 時間短縮につながる 継続的なエンゲージメント 一括消費するスタミナの量をユーザーが調節できる 常に最大値のスタミナを消費するオプションが便利 獲得できる報酬が倍数で書かれている スタミナ一括消費機能の説明 「シ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からガシャ履歴画面をご紹介します。これはガシャの購入履歴が確認できる機能ですね。理由は分かりませんが、比較的見かけるようになった印象です。 以下、概要です。 階層を分けて表示してる ガシャ履歴が確認できるとエラーが出たときに便利 ユーザー間のコミュニケーションにも利用される 階層を分けて表示してる こちらは「シャニソン」のガシ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）から赤文字の使い方をご紹介します。赤文字を使っても強調されるかどうかは、下地の色や周囲の情報に埋もれないかなど、他の要素との兼ね合いもあります。ただ、一般的に赤は誘目性の高い色なので、強調色として使いやすいと感じるのかもしれませんね。 以下、概要です。 シャニソンでの赤文字の使われどころを分類してみた 1：注意文言 2：ステー…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からガシャ結果をシェアする機能をご紹介します。シェアする情報を選べるのが珍しいデザインでした。 以下、概要です。 シェアする情報を選択できる シェアする文言が変わる シェア可能なアイドルの上限数も変わる シェアする情報を選択できる 「シャニソン」のガシャ結果画面ではガシャ結果をシェアできます。結果をシェアできるゲームはしばしば…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からレビュー誘導のダイアログのデザインをご紹介します。レビューの数や評価を高めたい開発者が多いのか、しばしば見かけるデザインです。 以下、概要です。 イラストには新ユニットが描かれている イラストにアイドルからのメッセージが書かれている イラストはボタンが埋もれないような配色 ダイアログを表示するタイミングはガチャを引いた直後…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からアイドルの情報をフィルタする画面のデザインをご紹介します。名前だけではなく、顔アイコンがあるとより直感的に分かりやすくなるのかも、と感じました。何度か同じようなデザインを紹介しているので、興味があったら他のタイトルのデザインも見ていただければと思います。 以下、概要です。 顔アイコンが表示され直感的に分かりやすい アイドル…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からゲームの没入感を高めるテキストライティングの事例をご紹介します。UIデザイナーが文言を決めることは稀だと思いますが、テキストはゲームの没入感を考慮する上で重要な要素だと考えています。 以下、概要です。 世界観に合ったテキストライティングで没入感アップ 世界観に合ったテキストライティングで没入感アップ 「シャニソン」では世界…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からYouTubeを利用したアイドルたちの実在感を高める取り組みをご紹介します。 UIというよりUX寄りの視点です。「シャニソン」の世界観に対する没入感を高めるデザインの中に、アイドルの実在感を高めるアプローチがある、と解釈しています。 以下、概要です。 YouTubeに動画を残して実在感を高めている YouTubeでアーカイ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からシステム設定でも目立たせたい項目の見せ方をご紹介します。タイトル画面の有無や運用方針ってゲームによって様々ですね。 以下、概要です。 品質設定の項目に「おすすめ」の表示がある グラフィックで表示されているからパッと見て分かりやすい グラフィックで表示している 「おすすめ」と表示している 品質設定の項目に「おすすめ」の表示が…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からモバイル端末とその中に含まれている機能のビジュアルデザインをご紹介します。ここ数年、モバイル端末を模したメニューは頻繁に見かける印象です。実装したい機能と世界観を含めたビジュアルとの相性が良いのかな… 以下、概要です。 モバイル端末を模した画面デザイン 起動演出があると実在感を感じる 各アプリの作り込みを紹介 Twesta…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からタイトル画面でのプレイヤーIDの表示・非表示の切り替えをご紹介します。情報の性質や取り扱いについて考えるきっかけになれば。 以下、概要です。 タイトル画面ではプレイヤーIDの表示・非表示が切り替えられる ゲームの中に入ったら非表示切り替え機能はない 自ら共有するケースは配慮外なのかも タイトル画面ではプレイヤーIDの表示・…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）からホーム画面にデザインのバリエーションを持たせている例をご紹介します。ホーム画面は頻繁に訪れる画面なので、何かしら画面に変化を持たせたいと考える開発者やユーザーからの需要があったりするのかな…。 以下、概要です。 ホーム画面のデザインにバリエーションがある アイドルの専用ボイスも用意 稀にユニットのやりとりが見れる デザイン…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ Song for Prism」（以下「シャニソン」）から会話パートのスキップ機能をご紹介します。ほとんどのソシャゲには会話シーンをスキップする機能があるので今更かもしれませんが、ちょっと変わっていたので事例として紹介します。 以下、概要です。 画面長押しで会話スキップ ゲージの中央にスキップと書かれているのは指に被らないから どれくらい長押しすれば良いのか分かる 倍速やオートは…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ（シャニマス）」（以下「シャニマス」）からタイトル画面に開催中のキャンペーンを表示するデザインなどをご紹介します。タイトル画面の有無や運用方針ってゲームによって様々ですね。 以下、概要です。 タイトル画面でキャンペーンを告知 背景イラストを更新 タイトル画面でキャンペーンを告知 「シャニマス」では、タイトル画面左下隅に開催中のキャンペーンの画像を小さく表示していました。例えば添付…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ（シャニマス）」（以下「シャニマス」）からアプリのデータサイズが少ない件に触れたいと思います。アプリのデータサイズが大きいと端末の空き容量を圧迫してアンインストール候補になりがちです。データサイズが少ないとアンインストールの可能性が少し減る気がしているので気になりました。 以下、概要です。 データサイズは40MB以下 ダウンロードデータは…ある！ もしかするとブラウザのキャッシュ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドルマスター シャイニーカラーズ」（以下「シャニマス」）からP（プロデューサー）デスク画面のアイドルタブの画面をご紹介します。一見して情報量が多く余白の少ない画面ですが、実は見やすくするための工夫がいくつも施された画面でした。 以下、概要です。 表示されている情報量は多い 色とレイアウトでグルーピングされている マスキングテープの柄を利用し色弱対策も アイドルの名前の可読性を担保 表示されている情報量は多い こ…
こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「となりのヘルベチカ」 欧文書体に興味を持つきっかけを作る新しいアプローチ？ 「となりのヘルベチカ」は欧文書体を擬人化させた4コマ漫画です。かなり異色な立ち位置の漫画だと感じました。 読んでみた感想としては、ゲームUIデザイナーとして何に役立てるかが結構難しいかもしれません。というのも、主に漫画で取り上げられているのは以下の3点です。 その書体の特徴 使われ方・採用例紹介 小ネタ 個人的には知識欲が満たされるとは思いますが、紹介されている書体が25書体、それぞれ2～6本の4コマ漫画…
こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「カリグラフィー・ブック 増補改訂版：デザイン・アート・クラフトに生かす手書き文字」 感想としてはざっくり以下です。 読み物として読むのが良いかも 歴史を知ってデザインに活かす 代表的な書体の特徴が細かく説明されている 参考文献 それではそれぞれの詳細を記載します。 読み物として読むのが良いかも 購入したのは数年前ですが、当時文字のアウトラインを加工する際に、書体の構造や成り立ちを知らないとデザインがうまくまとめにくいと感じることがあり、購入しました。カリグラフィーの教本として書か…
こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「レタースペーシング タイポグラフィにおける文字間調整の考え方」 図も豊富な190ページ レタースペーシング≠カーニング カーニングの視野が広がる ぜひ手元に欲しい一冊 参考文献が多い 図も豊富な190ページ ゲームUIデザイナーのみならず、UIデザイナーでもお世話になる文字詰め。そういった文字の読みやすさを専門的に扱った書籍です。 概要はこんな感じです。 スペーシングの観点から見た時の文字の特徴 欧文のスペーシングのコツ 和文のスペーシングのコツ 和欧混植のスペーシングのコツ 有…
こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「［デザイン技法図鑑］ひと目でわかるフォントが活きるデザインの基本。」 フォント選びが一目でわかるタイプの書籍 内容的には初心者向けだがデザインに活かすためには知識が必要 非デザイナーの方でも見てるだけで楽しい フォント選びが一目でわかるタイプの書籍 書籍の概要としては、バナーやポスターの事例を紹介し、どのようなフォントが使われているか簡単に紹介している書籍です。 事例としては豊富で、レトロ、モダン、ゴージャスなど39のキーワードと100種類以上のサンプルが掲載されています。 見た…
こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「タイポグラフィの基本ルール」 発行は2010年です。2023年現在だと内容的にやや古いかもしれません。 また、この書籍に限りませんが、電子書籍において、原寸大として掲載されているフォントのサンプルは役立たないため、電子書籍を購入する際にはメリット、デメリットを自分なりに把握した上で選ぶことをおすすめします。 それでは各章の概要と感想を簡単にご紹介します。 第1章 タイポグラフィの素材を知る 第2章 基本的なテクニック 第3章 レイアウト スタンダード 第4章 書体の選び方と演出ス…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ヘブンバーンズレッド」、（以下、ヘブバン）から一定時間選択しないと自動的に決定される、時限式のボタンを紹介します。 主な特徴は以下です！ コントラストが強いから目立つ 動いているから目立つ ゲージがあるのでどの程度待てば良いか分かる コントラストが強いから目立つ この画面は戦闘終了後に連戦するかを聞かれる画面です。この画面を見ると「もう一度プレイする」のボタンが一番目立っているかと思います。 いくつか要因は考えられ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ヘブンバーンズレッド」、（以下、ヘブバン）からADVパートの選択肢のレイアウトを紹介します。 主な特徴は以下です！ 何をしている画面か一目瞭然 丸いパーツで心情描写を表現 選択肢は右手で押しやすい位置に配置し、操作する指を自然に誘導 選択肢の文字は画面中央に表示し、目に留まりやすい 何をしている画面か一目瞭然 今回紹介する「ヘブバン」のADV中の選択肢を選ばせる画面の凄いところは、何をしている画面か一見して分かると…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ヘブンバーンズレッド」、（以下、ヘブバン）から自動周回機能を紹介します。 クエストをバックグラウンドで自動で周回 バッテリーを意識した省電力なデザイン ミニキャラを表示してゲームらしさを表現 クエストをバックグラウンドで自動で周回 「ヘブバン」の自動周回機能は最大連続8時間、自動でクエストを周回してくれる機能です。遊んでいる感覚としては、遠征や探索、アルバイトなどと呼ばれるようなキャラクターを派遣して時間経過で報酬…
こんにちは、ちょこです。 ここではGoogle Chromeで開いているページのスクリーンショットを撮影する方法を記載します。 ネットで検索すると、紹介されている情報が古くなってしまったため同じ手段が取れない状況になっていたり、拡張機能を別途用いる方法だったりしてスムーズに対応が出来なくなっているページを見かけます。 全画面のスクショを撮影するだけであれば、デフォルトの機能だけで十分です。以下、挙動を確認した環境です。 OS：windows Google Chromeのバージョン： 111.0.5563.147 スクリーンショットを撮影する手順は以下です。 撮影したいページを開く Ctrl +…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からショップ画面でアイテムが無料で購入できるデザインを紹介します。この無料交換施策は非常に多くのソシャゲで見かける気がします。 無料アイテムはファーストビューにある 毎日違うアイテムが無料で獲得できる 無料アイテムはファーストビューにある ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のショップ画面です。いくつか商品が並んでいる…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からアイテムの入手先を示す導線のリストについて紹介します。 アイテム詳細から入手するための導線が設置されている 繰り返し入手できる手段が上位に表示 アイテム詳細から入手するための導線が設置されている ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ」では、アイテムの詳細が書かれたダイアログを開くと、そのアイテムが入手できる場所のリストが表示…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からホーム画面でキャラボイスが流れる際のデザインについて紹介します。 テキストがあるからサウンドオフでも安心 ホーム画面で放置しているとボイスが流れる テキストがあるからサウンドオフでも安心 ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のホーム画面です。縦画面中央にキャラクターのほぼ全身が表示され、顔の近くにはキャラのセリフが…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から押せるボタンの色の一貫性について紹介します。 押せるボタンは基本的には緑色 もちろん緑じゃないボタンもある 場所によって緑色じゃなくなるボタン 押せるボタンは基本的には緑色 ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のホーム画面です。中央にキャラクターが表示され、キャラクターを隠さないように、また押しやすさを考慮した上で…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から左右スワイプでタブ切り替えができるミッション画面を紹介します。 ミッション画面では左右スワイプでタブ切り替えできる ショップ画面では下タブになっており、左右スワイプで切り替えはできない キャラ画面では左右スワイプでキャラが切り替えられる ミッション画面では左右スワイプでタブ切り替えできる ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からモーダレスな挙動になっているフィルタ機能を紹介します。 フィルタ結果をすぐに確認できる 「設定」のボタンで呼び出すソートやフィルタ機能は上位互換 フィルタ結果をすぐに確認できる ©NITRO PLUS/GOOD SMILE COMPANY, Inc. こちらは「アルスノ」のキャラ一覧画面におけるフィルタ機能の挙動です。見て分かる通りUIパーツで言うところのアコーディオンの…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から条件によってデザインが変化するタイトル画面を紹介します。 時間帯によって変化するデザイン 時間差分によってロゴや文字色も調整 ストーリーの進行によって変化するデザイン 時間帯によって変化するデザイン ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ」をプレイしていて驚いたのはタイトル画面の時間差分があることです。ホーム画面の時間差分は見…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）から圧迫感を抑えたクエストのリザルト画面を紹介します。 圧迫感が抑えられたリザルト画面 手前の画像を透かすことで空間に奥行きが生まれる すべてのUIが半透明になっているわけではない 圧迫感が抑えられたリザルト画面 ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 「アルスノ」のリザルト画面は一部のUIパーツを半透明にして、画面の圧迫感を抑えたデザインに…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「咲うアルスノトリア」、（以下、アルスノ）からADVパートの文章の行間について紹介します。 ルビが無い場合は行間が狭め ルビがある場合は行間が広め ログにはルビがなく行間は狭め ルビが無い場合は行間が狭め ©NITRO PLUS/GOOD SMILE COMPANY, Inc. 行間に明確な正解と言うのはありませんが、一般的な行間の目安としては、文字の高さに対して0.25～0.5倍程度と言われることが多い気がします。…
こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「デザインを学ぶ3 文字とタイポグラフィ」 大まかな構成としては座学が中心で教科書のような書籍です。書籍の目次としては以下の通りです。 【第1講】文字の誕生と変遷・日本語・欧文文字の発祥と発展 ・デジタルフォントの登場 ほか 【第2講】日本語タイポグラフィの基礎・和文文字の構造 ・日本語文字組みの基本 ほか 【第3講】欧文タイポグラフィの基礎・欧文文字の基礎知識 ・欧文文字組みの基本 ほか 【第4講】レイアウトとタイポグラフィ・判型と紙面設計 ・本文のスタイル ほか 【第5講】ブッ…
こんにちは、ちょこです！ 今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです！ 「インフォグラフィックスの潮流：情報と図解の近代史」 全体の感想 基本的には読み物系です。 デザインだけではなく、人物に焦点を当て、どのような経緯でデザインが成立してきたかが紹介されています。情報やストーリーをどのようにビジュアルに落とし込んできたのか、という歴史に興味がある方だと面白く読めるかもしれません。 教科書や技法書の類ではないので「今すぐ素晴らしいアイコンを作りたいんです！」という情報を求めてる方には向いてないかも…。そういった意味ではやや中級者向けに感じました。 構成と…
