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

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

2022-01-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つのポイント はい、ちゃんと買っていますー 所感 グラフィックデザインを中心に紹介されている クライアントからのオーダーに対して…

「アイドルマスター SideM GROWING STARS」文字のみで構成された画面のお手本デザイン

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

「夢職人と忘れじの黒い妖精」操作に応じたリアクションをするスキンシップ画面

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「夢職人と忘れじの黒い妖精」(ゆめくろ)から、操作に応じてスキンシ…

「夢職人と忘れじの黒い妖精」推しと出掛ける時専用の画面遷移演出があり、開発者のこだわりを感じた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「夢職人と忘れじの黒い妖精」(ゆめくろ)から、画面遷移演出のデザイ…

デザインの見方、捉え方、考え方の本質をつかむ一冊「鬼フィードバック デザインのチカラは“ダメ出し”で育つ」

こんにちは、ちょこです! 今回、私が購入した書籍の中から紹介する書籍はこちらです! 「鬼フィードバック デザインのチカラは“ダメ出し”で育つ」 そのデザインに何が足りないか? では、さっそく紹介します! 所感 まずは所感です! デザイナー間でのフィ…

「夢職人と忘れじの黒い妖精」キャラクターとチャットする画面でじわ~っと表示される文字演出

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「夢職人と忘れじの黒い妖精」(ゆめくろ)から、キャラクターとのチャ…

「夢職人と忘れじの黒い妖精」無料で商品を購入できる機能を実装する際に、考慮している点を考察してみた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「夢職人と忘れじの黒い妖精」(ゆめくろ)のショップ画面において無料…

「夢職人と忘れじの黒い妖精」きれいに配置せずに敢えて見切れさせることで、スクロールできると気付かせるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「夢職人と忘れじの黒い妖精」(ゆめくろ)のイベントストーリー画面に…

「夢職人と忘れじの黒い妖精」文章を読まなくてもユーザーが判断できる選択肢

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「夢職人と忘れじの黒い妖精」(ゆめくろ)のレベルアップの確認ダイア…