appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-僕のヒーローアカデミア ULTRA IMPACT こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「僕のヒーローアカデミア ULTRA IMPACT」、通称「ヒロトラ」のUIパーツの中の文字加工について紹介します。 該当のUIパーツがある画面はこちらです。 こちらはキャラ画面のトップ画面です。「チーム編成」「強化」「プレイキャラ」「メモリー」といったボタンが並んでいます。 その中のひとつの「強化」の文字について注目します。 このように文字の周囲に輪郭線があることが分かるかと思います。 続いて別の画面を見てみます。… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2021%2F09%2F16%2F235815" title="「僕のヒーローアカデミア ULTRA IMPACT」小さな文字は輪郭線で囲うのではなく、シルエットを単純化させた下地を敷くことで可読性を高める工夫が隠れていた - ゲームアプリの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/20210917/20210917000905.png Hatena Blog https://hatena.blog 2021-09-16 23:58:15 rich https://appgameui.hatenablog.com/entry/2021/09/16/235815 1.0 100%