「ディープインサニティアサイラム」メッセージウィンドウを画面中央に配置するデザイン。キャラとテキストの距離が近いので読みやすい - ゲームアプリのUIデザイン

アニメとゲームカテゴリーの変更を依頼記事元:

appgameui.hatenablog.com

2users がブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2021%2F11%2F14%2F233000" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://appgameui.hatenablog.com/entry/2021/11/14/233000">「ディープインサニティ アサイラム」メッセージウィンドウを画面中央に配置するデザイン。キャラとテキストの距離が近いので読みやすい - ゲームアプリのUIデザイン</a><a href="https://b.hatena.ne.jp/entry/s/appgameui.hatenablog.com/entry/2021/11/14/233000">はてなブックマーク - 「ディープインサニティ アサイラム」メッセージウィンドウを画面中央に配置するデザイン。キャラとテキストの距離が近いので読みやすい - ゲームアプリのUIデザイン</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

「ディープインサニティアサイラム」メッセージウィンドウを画面中央に配置するデザイン。キャラとテキストの距離が近いので読みやすい - ゲームアプリのUIデザイン

こんにちは！ちょこです！このブログでは「ゲーム UIを見てみよう！」というテーマで毎日ゲーム UIを紹介... こんにちは！ちょこです！このブログでは「ゲーム UIを見てみよう！」というテーマで毎日ゲーム UIを紹介しています。少しでもゲーム UIに興味を持ってくれる方が増えると嬉しいです。今回は「ディープインサニティアサイラム」の会話シーンのUIを紹介します。デザイン案の参考になれば幸いです。該当の画面はこちらです！このように画面の左右にキャラクターが配置され、吹き出しが画面中央の下から上に流れるデザインになっています。アニメーションで見るとこんな感じです。直前の会話内容が画面内に残りつつ進行していくため、少しくらい読み飛ばしたとしても見落としを防ぎやすくなっています。このUIの特徴は以下の４点かなと思います。視線が画面中央に集中するキャラの表情を見ながら文章を読むことができるバストアップだけではなく全身が描かれている叫ぶときや心の声を表現する際に漫画のような吹き出しのデザイン