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

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

2022-01-01から1年間の記事一覧

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

こんにちは!ちょこです! このブログでは「ゲーム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に興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」通称「アイナナ」から、エンプティステートの…

「アイドリッシュセブン」カルーセルのインジケーターが星型になってて画面のキラキラ度が増す

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

「アイドリッシュセブン」明るいグレーと明るいピンクの組み合わせだと文字が読みにくく…

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

「アイドリッシュセブン」ストーリー画面が見やすいと感じた理由をまとめてみました

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

「アイドリッシュセブン」いつでもレビューできる導線設置と画面デザインの工夫

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

「シン・クロニクル」間取りでゲーム画面の階層を分析してみました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 情報設計って難しい専門書しか見たことないので、今回は間取り風にして画面の…

「シン・クロニクル」ハッシュタグを登録出来たり、SNSに投稿すると報酬が貰えるなど、SNSを使ってコンテンツを盛り上げようとする意図が感じられました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、SNSでゲームの画像をシェアする取り組みを紹…

「シン・クロニクル」アドベンチャーパートの選択肢のアニメーションは感情に訴えかけるデザインに感じました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、アドベンチャーパートの選択肢のデザインを…

「シン・クロニクル」UIアニメーションと引き算のデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、アドベンチャーパートのメニューボタンのデ…

「シン・クロニクル」スチルイラストを簡易編集でき、セリフもいじれる遊び心のある機能

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、イベントのスチルイラストを簡易編集できる…

「シン・クロニクル」ホーム画面でボイスが流れるけど、字幕も表示されるのでより多くのユーザーに情報が伝わる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、ユニバーサルデザインの事例を紹介します! …

「シン・クロニクル」オートバトルの設定ができるのはバトル中だけ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、オートバトルの設定項目を紹介します。 ソシ…

「シン・クロニクル」ユーザーのエラーを未然に防ぐダイアログ、戦力不足で挑戦しないように注意喚起する

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、エラーを未然に防ぐデザインを紹介します。 …

「シン・クロニクル」ジェムの利用履歴を確認できることでユーザーの不安を速やかに対処できるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「シン・クロニクル」から、ユーザー自身が問題を解決し、お問い合わせ…