appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ディープインサニティ アサイラム 011_画面別 011_画面別-会話シーン/アドベンチャーパート こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ディープインサニティ アサイラム」の会話シーンのUIを紹介します。 デザイン案の参考になれば幸いです。 該当の画面はこちらです！ このように画面の左右にキャラクターが配置され、吹き出しが画面中央の下から上に流れるデザインになっています。 アニメーションで見るとこんな感じです。 直前の会話内容が画面内に残りつつ進行していくため、少しくらい読み飛ばしたとしても見落としを防ぎやすくなっています。 このUIの特徴は以下… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2021%2F11%2F14%2F233000" title="「ディープインサニティ アサイラム」メッセージウィンドウを画面中央に配置するデザイン。キャラとテキストの距離が近いので読みやすい - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20211114/20211114174539.png Hatena Blog https://hatena.blog 2021-11-14 23:30:00 rich https://appgameui.hatenablog.com/entry/2021/11/14/233000 1.0 100%