ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

2022-10-01から1ヶ月間の記事一覧

「千銃士:Rhodoknight」キャラクターにプレゼントするアイテムのサムネに?マークが付いてる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「千銃士:Rhodoknight」(以下、千銃士R)から、親愛度を高める場面で見…

「千銃士:Rhodoknight」親愛度を上げる画面に遷移する時、キャラ選択の手順が省略され、デフォルトでキャラが選択されている

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「千銃士:Rhodoknight」(以下、千銃士R)から、寮室画面に遷移する際に…

「千銃士:Rhodoknight」キャラプロフィールにモデルとなった銃の情報を載せている

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「千銃士:Rhodoknight」(以下、千銃士R)から、キャラプロフィール画面…

タイトル画面をデザインするときのコツ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! ここでは過去にプレイしたゲームをもとに、タイトル画面のデザインの特徴につ…

「千銃士:Rhodoknight」パーティ名が○○小隊と表記され、ゲームの没入感を高めようとデザインされていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「千銃士:Rhodoknight」(以下、千銃士R)から、世界観を加味したパーテ…

「千銃士:Rhodoknight」ボスのHPゲージがどれくらい残っているのか示すUIの紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「千銃士:Rhodoknight」(以下、千銃士R)から、ボスのHPゲージのデザイ…

「千銃士:Rhodoknight」手入れする操作とスワイプ操作のイメージが一貫するため、直感的に分かりやすいUI

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回「千銃士:Rhodoknight」(以下、千銃士R)から、スワイプ操作で銃を手入れ…

「千銃士:Rhodoknight」バラの花びらが散るタップエフェクトは世界観が表現されたデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回「千銃士:Rhodoknight」(以下、千銃士R)から、タップエフェクトのデザイ…

「千銃士:Rhodoknight」会話の選択肢を自動的に選んで進行するオプションの紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回「千銃士:Rhodoknight」(以下、千銃士R)から、会話中の選択肢を自動で選…

「千銃士:Rhodoknight」指先カーソルにバラのモチーフが採用され、世界観が強調されてた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回「千銃士:Rhodoknight」(以下、千銃士R)から、指先カーソルのデザインを…

「金色のコルダ スターライトオーケストラ」お知らせ画面の見出しが長い場合、文字が流れるアニメーション

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回「金色のコルダ スターライトオーケストラ」(以下、スタオケ)から、お知…

「アイドルマスター SideM GROWING STARS」ゲーム内の設定変更画面のプレビューがアニメーションしていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、ラ…

「アイドルマスター SideM GROWING STARS」エピソード詳細ダイアログを開くと、そのエピソードに登場するキャラが事前に分かる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、エ…

「アイドルマスター SideM GROWING STARS」楽曲再開時にUIを非表示にして画面の状態を確認しやすくするデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、楽…

「アイドルマスター SideM GROWING STARS」画面遷移する時に何が起きているのか分かりやすくするためのアニメーション

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、画…

「アイドルマスター SideM GROWING STARS」画面を傾けて端末っぽいデザインを表現

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、ア…

「アイドルマスター SideM GROWING STARS」ホーム画面だけではなくログインボーナスの背景にも時間差分が用意されている

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、背…

「アイドルマスター SideM GROWING STARS」僅かなシャドウを付けてボタンの表現、強弱などをデザインしている

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、フ…

「アイドルマスター SideM GROWING STARS」情報の優劣をつけ、ボタンがたくさんあるにも関わらずきれいに見せるメニュー画面

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、情…

「アイドルマスター SideM GROWING STARS」想定外の文字数が表示されるキャラクターのプロフィール画面

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、ア…

「アイドルマスター SideM GROWING STARS」無料体験させることで商品購入のきっかけを作るデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター SideM GROWING STARS」(以下、サイスタ)から、お…

クライアントから受けたデザインのオーダーをより要望に沿ったデザインに仕上げるためのポイントやコツを紹介「○×でわかる! デザインが良くなる5つのポイント」

こんにちは、ちょこです! 今回、私が購入した書籍の中から紹介する書籍はこちらです! ○×でわかる! デザインが良くなる5つのポイント はい、ちゃんと買っていますー 所感 グラフィックデザインを中心に紹介されている クライアントからのオーダーに対して…