こんにちは、ちょこです！ 「ドールズフロントライン」のホーム画面に遷移した直後のアニメーションが良かった。 具体的には以下のようなアニメーションでした。 画面全体はこんな感じです。 メインコンテンツのボタンを大きく表示してみます。 サブコンテン…

こんにちは！ちょこです！ 最近、中国でSF系の世界観のゲームが流行ってますね！そこで、ゲーム内で実装されているグリッチ表現についてまとめてみました。 各ゲームごとに趣向が凝らされており、非常に見応えのある演出になっています！それでは目次です！ …

こんにちは、ちょこです。 ここでは、ゲームUIに関係する記事が多く取り扱われているサイトを紹介します。ほかにオススメなどありましたら、コメントなどで教えていただければ幸いです。 UI ゲームUI系 データベース系 Randoma11y - Accessible color combin…

こんにちは、ちょこです。 「ドールズフロントライン」にて、キャラクターをマップに配置する際の演出事例を紹介します。 便利になる機能や汎用性のある機能ではありませんが、ゲームがより楽しくなるようなデザインかな、と思います。 こういったデザインは…

こんにちは、ちょこです！ 「ドールズフロントライン」のチャットボットの実装事例を紹介します。 日本国内の開発だとチャットボットの実装事例って見たことないのですが、中国開発のゲームだと時々見ます。 過去には以下の２タイトルの事例を紹介しています…

こんにちは、ちょこです。 「ドールズフロントライン」のカルーセルの下にある小さいボタンのデザインが、スクロールバーのような見た目になっていました。 初めて見るデザインでしたので、デザインのバリエーションを検討する際の参考までに紹介します。 該…

こんにちは、ちょこです！ 「ドールズフロントライン」のグローバルメニューの中に施設間の距離が表示されていました！ あんまり見ないデザインであったので、事例として紹介します。 該当の画面はこちらです。画面上部から表示されるメニューです。 このよ…

こんにちは！ちょこです！ 今回は「ドールズフロントライン」のエンプティステートの紹介です！色んなゲームのエンプティステートを紹介して今回で19回目です。流行ってきてる気がする…！ さて、まずはエンプティステートについて簡単に説明します。 エンプ…

こんにちは、ちょこです！ 「ドールズフロントライン」にて、ゲームの世界観の補完、没入感を高めるためのデザインだと感じた画面があったので紹介します。 該当の画面はこちらのプレゼント画面です。 一部のプレゼントを受け取る際に、システムメッセージで…

こんにちは、ちょこです！ 「ドールズフロントライン」にて、キャラクターの親愛度が高まった時のエフェクトが可愛かったので紹介します！ 親愛度アップ演出が表示されている画面はこちらの宿舎画面です。背景が殺風景なのはデフォルトです。ゲームを進めて…

こんにちは、ちょこです！ 「ドールズフロントライン」のADVパートにて、リアルタイムにメッセージの表示速度が変えられる機能が実装されていました。 メッセージの表示速度が変えられる機能は珍しくありませんが、リアルタイムに変えられる機能は珍しいと感…

こんにちは、ちょこです！ 「ドールズフロントライン」にて、名前を入力する画面のUIがかっこ良かったので紹介します。 該当の画面は以下です。ゲームの世界観が伝わるようなデザインです。 それっぽくするためにはハッタリが大切 名前入力画面ですが、宣誓…

こんにちは、ちょこです！ 「ドールズフロントライン」ADVパートでSF的な表現があったので紹介します。 該当の画面はこちらです。 アニメーションしている場面はこちらです。 ちっさい！拡大！ SFっぽい表現は以下の３点 「ドールズフロントライン」における…

こんにちは、ちょこです。 「ドールズフロントライン」のADVパートの会話ログのUIアニメーションが、ゲームの没入感の維持に配慮された演出になっていると感じました。 具体的にどういった部分なのか紹介します！ こちらは会話ログのウィンドウです。 そして…

こんにちは！ちょこです！ 「ブレイドアンドソウル レボリューション」のメニューのデザインが良いと感じたので紹介します。 該当の画面はこちらです。 左右にメインメニュー群が配置され、中央上部にサブメニュー群が配置されています。 ボタンの数は左右に…

こんにちは、ちょこです。 「ブレイドアンドソウル レボリューション」の節電モードのビジュアルが綺麗だったので紹介します！ 該当の画面はこちらです。スリープ状態になるとこの画面に変わります。 節電モードに入る時の演出はこんな感じです。 節電モード…

こんにちは、ちょこです。 「ブレイドアンドソウル レボリューション」にて、クエスト自動進行機能が便利でした。 該当の画面はこちらです。 色々文字が書いてますね。 内容を見ると、クエスト自動進行機能について説明しているようです。一部抜粋します。 …

こんにちは、ちょこです。 「ブレイドアンドソウル レボリューション」にてゲームデータインストール中にミニゲームが実装されていました。 該当の画面はこちらです。 挙動としては以下のようになっていました。ゲームシステムとしてはランゲームですね。 そ…

こんにちは！ちょこです！ 「ブレイドアンドソウル レボリューション」のチャット画面にて、投稿後にインターバルが設けられ、連続投稿を抑える機能が実装されていました。 チャット機能にインターバルを設ける理由などを考察してみたいと思います。 早速で…

こんにちは！ちょこです！ 「ポケットタウン」にてリストがいい感じの位置まで自動でジャンプする機能が便利でした。 該当の画面はこちらです。これはミッション達成画面ですね。 アニメーションで見るとこんな感じです。報酬が受け取れるようになっているミ…

こんにちは！ちょこです！ 「ポケットタウン」の動画広告画面にて、報酬に目が行くようなデザインが良かったと感じました！ 最近は動画を視聴してインセンティブが獲得できるゲームも増えてきています。 動画広告を見て報酬を獲得できる機能を実装する際のデ…

こんにちは！ちょこです！ 「ポケットタウン」 レビューをお願いするときに表示される選択肢のテキストがちょっと分かりづらいと感じました。 該当の画面はこちらです。 よろしければポケットタウンの評価をおねがいします！みなさんの応援が大きな力になり…

こんにちは、ちょこです。 「ポケットタウン」のホーム画面にてクエストが受けれる掲示板があるのですが、画面を遷移せずに以下のことが確認できるデザインになっていました。 発注されているクエストの数がわかる 達成可能なクエストの数がわかる ざっくり…

こんにちは、ちょこです。 「ポケットタウン」のクローゼット画面のデザインにスキューモーフィズムの手法が用いられていました。 スキューモーフィズムを用いるデザインを検討する際の参考になれば幸いです。 該当の画面はこちらです。 画面内にスキューモ…

こんにちは、ちょこです！ 「ポケットタウン」のアバター作成にて、パーツの組み合わせをランダムに行う機能の紹介です！ アバター作成画面をデザインする際の参考になれば幸いです。 該当の画面はこちらです。左側にプレビュー。右側に決定ボタンがある、ご…

こんにちは！ちょこです！ 「ポケットタウン」のゲーム起動直後のロード画面の進捗ゲージの上に、ゲームらしい遊び心のあるデザインが実装されていました。 ゲームの世界観を遊び心を添えて表現できないか、と悩んでいる方の参考になればと思います。 該当の…

こんにちは！ちょこです！ 「ブルーアーカイブ」のスケジュール実行中のロード画面で複数のバリエーションがあり、ゲームの世界観やキャラクターの魅力を伝えるUIになっているように感じたため、紹介します！ 該当の画面の一例はこちらです。 これはゲームを…

こんにちは、ちょこです！ 「ブルーアーカイブ」のフィルタ画面にて「全て選択」のチェックボックスの位置が気になりました。 該当の画面はこちらです。 一般的なフィルタ機能で、抽出項目がいくつか並んでいます。 その中で気になったのは「全て選択」のチ…

こんにちは！ちょこです！ 「ブルーアーカイブ」のメニューアイコンのデザインが気になりました。 メニューアイコン 画面右上のアイコンがメニューアイコンですね。 なぜか右下の■が欠けているデザインになっています。 メニュー項目の数やレイアウトと関係…

こんにちは、ちょこです！ 「ブルーアーカイブ」のアドベンチャーパートで面白い試みがなされていたので紹介します。 以下、該当の画面とシーンです。 どういうシーンかというと、ナビキャラがプレイヤーに向けて、指紋登録のために指を合わせるように指示す…