ゲームアプリの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に興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター 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に興味を持ってくれる方が増えると嬉しいです! 今回は「夢職人と忘れじの黒い妖精」(ゆめくろ)のレベルアップの確認ダイア…

「夢職人と忘れじの黒い妖精」主人公の名前や誕生日が表示されていると困るから、一時的に非表示にする機能を実装しました

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

「夢職人と忘れじの黒い妖精」キャラクターを長押しすると表示される、ハート型のゲージがかわいい

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

デザイン比較:長押しした時に表示されるゲージ

こんにちは、ちょこです! 今回は今まで紹介したアプリの中から、長押しした時に表示されるゲージのデザインの共通項をまとめ、一覧で比較してみました。デザインの共通項は以下の4点に絞りました。 サムネイル暗化…ゲージの視認性を意識しているか 指で隠…

「夢職人と忘れじの黒い妖精」アドベンチャーパートの吹き出しデザインの紹介

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

「夢職人と忘れじの黒い妖精」短い時間でユーザーに情報を伝えるために、表示する情報の順番を工夫しているお知らせ画面

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

上司がいないデザイナー必見!「赤ペン添削でわかりやすい! 選ばれるデザイナーへの道」

こんにちは、ちょこです! 今回、私が購入した書籍の中から紹介する書籍はこちらです! 「赤ペン添削でわかりやすい! 選ばれるデザイナーへの道」 本書では、デザインの作成において「赤ペン添削」と「会話」という2つのコミュニケーションによりデザイン…

「アイドリッシュセブン」階層を間取りに見立ててみました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン(アイナナ)」の階層を間取りツールで俯瞰的に…

デザインの良し悪しを言葉にできるようになる!「もっとクイズで学ぶデザイン・レイアウトの基本」

こんにちは、ちょこです! 今回、私が購入した書籍の中から紹介する書籍はこちらです! 「もっとクイズで学ぶデザイン・レイアウトの基本」 美しいのはどちら?言葉で説明できますか? では、さっそく紹介します! 所感 まずは所感です! クイズ形式で読者に…

発注から納品までを8ページで解説「どうする?デザイン クライアントとのやりとりでよくわかる!デザインの決め方、伝え方」

こんにちは、ちょこです! 今回、私が購入した書籍の中から紹介する書籍はこちらです! 「どうする?デザイン クライアントとのやりとりでよくわかる!デザインの決め方、伝え方」 本書は、クライアントとデザイナーの会話と作例で、デザインができあがるプ…

webデザインに広く触れつつ骨太な一冊「だからそのデザインはダメなんだ」

こんにちは、ちょこです! 今回、私が購入した書籍の中から紹介する書籍はこちらです! 「だから、そのデザインはダメなんだ。 WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる」 私の20年にわたるノウハウの蓄積を書籍にまとめることにいたしま…

「アイドリッシュセブン」ラジオボタンとチェックボックスが混同されているUIデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」こと「アイナナ」から、ラジオボタンの見た目…

「アイドリッシュセブン」イラストの魅力をアピールする設計

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」こと「アイナナ」から、いつでもログインボー…

「アイドリッシュセブン」メールボックス画面に見る引き算のデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」こと「アイナナ」から、プレゼントボックスの…

「アイドリッシュセブン」タイトル起動直後の注意喚起画面の3つの素敵ポイント

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」こと「アイナナ」から、世界観を取り入れたゲ…

「アイドリッシュセブン」キャラのイメージカラーをUIパーツに取り入れて、分かりやすく感じたところ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」こと「アイナナ」から、キャラクターごとのイ…

「アイドリッシュセブン」閉じるボタンの位置が色々あったので特徴を書いてみました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」こと「アイナナ」から、ダイアログの閉じるボ…

「アイドリッシュセブン」エンプティステートの紹介 Vol.27

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」通称「アイナナ」から、エンプティステートの…