appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-パレットパレード 011_画面別 011_画面別-リザルト画面 016_グラフィック 016_グラフィック-サムネイルデザイン 没入感 こんにちは、ちょこです。 パレットパレードから変わった作り込みの紹介です。 こちらは所謂クエスト結果画面ですが、画像が直線的じゃないことに気付きました。 ▲通常はサムネイルが並びますが、世界観に合わせて画板が並んでいるデザインです パース掛かっているのは分かりやすいと思いますが、直線的じゃない、というのは分かりますかね…。 アップにしてみました。縦方向のラインが波打っています。これ何かというと、カンバスのたわみが表現されています。 それに合わせてキャラクターの画像もマスク処理されています。ここも直線じゃないんですね…細かい。 頻繁に見る画面なので、こういった丁寧な作り込みがあるのは素敵だな、と… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F12%2F16%2F000000" 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/20191206/20191206081041.png Hatena Blog https://hatena.blog 2019-12-16 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/12/16/000000 1.0 100%