こんにちは、ちょこです。 「ブルーアーカイブ」のADVパートのフィルタがSFっぽかったので事例の紹介です。 該当の画面はこちらです。 動画で見るとこんな感じです。 右側のキャラですね。 拡大します！ SFっぽい表現は最近になってよく見かけるようになりま…

こんにちは、ちょこです。 「ブルーアーカイブ」のアドベンチャーパートで効果音が文字化されている場面がありました。 今回は劇中の効果音を文字化することによるメリットを紹介します！ 該当の画面はこちらです。 「ゴゴゴゴゴゴゴー」って書いてあります…

こんにちは！ちょこです！ 「魂器学院」は縦画面のゲームなのですが、タブが側面についていたのが気になりました！ 該当の画面例を紹介します。 横タブは画面左端にあるこの部分ですね。 色んなタブデザインの思想があるなぁ…。 なんとなくのデザインの思想…

こんにちは！ちょこです！ 「魂器学院」にてキャラクターのグラフィックを切り替える際にノイジーなフィルターがかけられていました。 該当の画面はこちらです。 アニメーションで見るとこんな感じです。タイミング的には、文字情報なども出揃った後にキャラ…

こんにちは！ちょこです！ 「魂器学院」の正月特設ページのデザインがかっこ良かったので紹介します。ビジュアルを強く訴求したいときの画面デザインの参考になれば幸いです。 該当の画面はこちらです。 ひとつずつ説明します。 1：「行く年来る年」の筆の跡…

こんにちは！ちょこです！ 「魂器学院」 のロードゲージがランダムで変化するデザインでした。あまり見ないデザインだったので、アイディアを出す際の参考になれば幸いです。 該当の画面はこちらです。ゲーム起動直後のデータロード画面です。画面下部にロー…

こんにちは！ちょこです！ ここでは過去に紹介した記事がどういった問題解決に繋がるのか、という視点でまとめたものです。主観です。備忘録を含みます。 Q：ゲーム内のUXライティングの事例がしりたい Q：CVが未実装のままリリースしなければならない時、ど…

こんにちは、ちょこです。 ここでは、普段私が考えていることのメモを残している場所です。 ゲームUIについて話し合う際のネタなどに。 ソシャゲのゲームUIにフラットデザインは合うのか？ ゲームの場合はキャラクターや世界観を表現する側面がある フラット…

こんにちは、ちょこです。 「魂器学院」のガチャ画面でパララックスの表現が使われていました。 該当の画面はこちらです。 動かすとこんな感じです。 「魂器学院」を見た感じ階層は以下の３つの階層に分かれています。 手前にある文字列 中間層にあるキャラ…

こんにちは！ちょこです！ 「魂器学院」のバトル画面でニコニコ動画のように画面上にコメントが流れる機能が実装されていました。 該当の画面はこちらです。 画面上部のこちらにコメントが流れていきます。表示されている行数は9行前後に見えます。 動きで見…

こんにちは！ちょこです！ ここでは私がaltタグを入力している際に気を付けていることを記載します。調べた感じ、SEO的に何が正しいのかは曖昧な部分がありますが 画像検索時に参照されている 読み上げツールで読み上げられる ということを重要視しました。S…

こんにちは！ちょこです！ 「魂器学院」 でエンプティステートがデザインされていました。 エンプティステートがあるとエンタメ感が表現され、楽しい気持ちになります。 まずはエンプティステートについて簡単に説明します。 エンプティステートの役割 エン…

こんにちは！ちょこです！ スマホからだとタグが表示されないので、タグ一覧ページを作成しました。(自動で同期させる方法があれば知りたい…！) ゲームタイトル ゲーム画面 機能 グラフィック アニメーション UIパーツ アンチパターン ユニバーサルデザイン …

こんにちは！ちょこです！ 「魂器学院」のエラーメッセージでゲームらしいUXライティングがあったので、事例として紹介します。 該当の画面はこちらです。 概要としては通信接続エラーですね。エラーメッセージとしては以下のように書かれています。 魂器端…

こんにちは！ちょこです！ 「魂器学院」でゲームにログインした時の復帰ボーナスの演出が世界観に合わせたデザインになっていました。 今回はそのデザインを紹介します！ 該当の画面はこちらです。 少しだけ画面の説明をすると「魂器学院」は放置した時間に…

こんにちは！ちょこです！ 「魂器学院」で画面遷移する際に、その画面デザインに沿った画面遷移演出がありました。 ゲームの世界観、没入感を意識したデザインの事例として紹介します。 演出は以下のような演出でした。 画面は過去のイベントを視聴すること…

こんにちは！ちょこです！ 「魂器学院」のお知らせバナーが切り替わる演出がSFっぽい演出で、世界観を表現しているように感じました。 切り替え演出はこちらです。 ちっさい！ 小さいので大きくしてみます。 最初はシェーダーかな？と思ったのですが、 これ…

こんにちは！ちょこです！ 「魂器学院」のバトル結果画面で縦書きの文字がありました。珍しい！ 該当の画面は以下です。ボス戦後のリザルト画面です。 「バトル勝利」の部分だけ抜粋してみました。 縦書きのデザインってあまり見ないです。 事情はそれぞれに…

こんにちは！ちょこです！ 今回は「魂器学院」のボスのHPゲージのデザインについて語ってみたいと思います。 該当の画面は以下です。 HPゲージはこちらですね。 「×8」というのは、HPゲージが8本分あるということを示しています。96％というのは「現在HP/最…

こんにちは！ちょこです！ ゲームUIデザイナーの参考になりそうな事例の記事です。 随時追加、更新します。 おすすめ！ ゲームタイトル毎の事例 あ_アズールレーン あ_アナザーエデン あ_あんさんぶるスターズ！！ い_イケメン源氏伝 え_エースコンバット7 …

こんにちは！ちょこです！ 「魂器学院」のテキストライティングで面白い部分がありました。 該当のテキストはこちらです！ このテキストが表示される画面はこちらです。 キャラクターの詳細情報が表示される画面のスキルの説明文が表示される画面です。 さて…

こんにちは！ちょこです！ 「創世記戦：アンタリアの戦争」をプレイしていて、色んな画面で報酬が受け取れるのが気になりました。まだ上手く落とし込めていないのですが、備忘録を兼ねて記事にしてみます。 早速ですが「創世記戦：アンタリアの戦争」の場合…

こんにちは！ちょこです！ 今回はHCDに関する書籍を紹介します！オススメのHCD書籍を探している方の参考になれば幸いです。 紹介する書籍はこちらです！▼「人間中心設計入門 HCDライブラリー 第0巻」 (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; …

こんにちは、ちょこです！ 今回はゲームUIデザインの参考になりそうな書籍を紹介します！ 「売れるゲームのUI/UX 制作現場の舞台裏」です！ (function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.current…

こんにちは、ちょこです！ ホーム画面で画面拡大すると、船体の内部が透けて見えるデザインになっていました。 該当の画面はこちらです！船体の内部がホログラム的に表示されています。 カメラを引くとこんな感じです。特にホログラムは見えません。 船体の…

こんにちは、ちょこです。 「創世記戦：アンタリアの戦争」にてキャラクターに対してレビューを残せる機能がありました。 該当の画面は以下です。「英雄評価」という画面名になっていますね。 この英雄評価の機能。 なんとなくの肌感ですが、韓国のゲームに…

こんにちは、ちょこです。 「創世記戦：アンタリアの戦争」にて飛空艇の船体にテキストが流れるUIが実装されていました。 該当の場面はこちらです。 アニメーションで見ると以下の見た目になります。 流れてますね。 テキストを流すUIデザインは古くからあり…

こんにちは！ちょこです！ 「創世記戦：アンタリアの戦争」にて、ユーザーがクエスト攻略に対してヒントやメモを書き残すことができる機能が実装されていました。 該当の画面はこちらです。 アニメーションで見るとこんな感じですね。 ユーザーが攻略情報を…

こんにちは、ちょこです。 ゲームUIデザイナーを目指す方の役に立ちそうなYoutubeの再生リストを作成しました。全部日本語です。ご参考になれば幸いです。 随時更新します。（更新：2022/08/24） 人間中心設計/HCD ISO規格 ユニバーサルデザイン ヒューマン…

こんにちは、ちょこです。 「創世記戦：アンタリアの戦争」をプレイしていて「カスタムストーリー」という変わった機能があったので紹介します。 カスタムストーリー機能について 二次創作を運用することについて プラットフォームの融合を意識していること…