アプリゲームUIデザイン

プレイしたアプリゲームのUIデザインに関して、書き残しておこうと思います。毎日24時に更新!

グッドデザイン

「Real Boxing 2 ROCKY」トグルとチェックボックスの使い分けについて改めて気を付けたい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 トグルのデザインなんですが、 分かりやすい。 「ON」だと色が緑になるチェックが付く あと、ON状態は右にボタンがある、というのが一般的になりつつある気がしています。 いいけど、なんでチェ…

「アルケミアストーリー」会話シーンでキャラの視線が合うのが素敵

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「アルケミアストーリー」の会話シーンの紹介です。キャラ同士の掛け合いの時に目線が合うのが結構良いと思うんです。 なんか「ちゃんとしてる」という印象。ソシャゲだとあんまり見たことなか…

「欅のキセキ」ベースカラーなどをちゃんと意識すると、画面が勝手にきれいになる例

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 基本的に色が統一されていてとてもきれい。 www.m-hand.co.jp ベースカラーは清潔感のあるオフホワイトベース。メインカラー欅坂のライトグリーン。すこしイエロー寄り。アクセントカラーはメイ…

「欅のキセキ」演出は開発者目線ではなく、ユーザーの感情に沿った演出を実装するように心掛けよう!

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 時間を課金石で短縮する時の演出が可愛かったので紹介します! ▼gif SEとしてはゼンマイを巻く時のようにキリキリと音がします。かわいい。 この辺りはメインスキームから外れるし、開発者とし…

「欅のキセキ」その操作は本当に必要な手続きかちゃんと見直すのが大事

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「欅のキセキ」でフレンド選択の手数が省かれているのが良かったので紹介します。 まずはクエスト選択の様子はこんな感じです。 で、この後よくあるのはパーティ選択⇒フレンド選択⇒クエスト実行…

「キズナストライカー」の絞り込みUIのデザインの良さをアピールします

こんにちは、ちょこきなこです。 今日は「キズナストライカー」の絞り込みのUIが結構珍しくて良かったのでアピールしておきます。 この絞り込みのデザインめっちゃ良くないですか? ・顔が表示されている・キャラのイメージカラーが設定されている が、主に…

「イケメン戦国 時をかける恋」情報が整理されているガチャ画面

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「イケメン戦国 時をかける恋」のガチャ画面。 すごくスッキリしてて良いです! 「特効アバター登場♪」のところがちょっと浮いてるけども。 あ、でも「特効アバター登場!!」じゃなくて「特効ア…

「刀使ノ巫女」目立たせたい文字をどう目立たせているか、目立っているはずなのに見落としやすい実例

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「刀使ノ巫女」の確認ダイアログで、目立たせたい文字をどうやって目立たせているかの一例を紹介します。 以下の画面を見てください。 黄色の文字で強調されているのが分かるかと思います。ここ…

「刀使ノ巫女」ルビの振り方にこだわりが感じられる

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「刀使ノ巫女」の会話シーンに時々振られるルビに関してですが、長船女学園を「うち」って読んでるんですよね そもそもルビを振る意味って何だろうって考えたときに、単に難読や固有名詞のサポ…

「チェーンストライク」オプション画面が基本に丁寧だった

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「チェーンストライク」からオプション画面を紹介します。 まずアクティブタブが分かりやすいです。 アクティブタブって基本的には手前に来ているものなので、明るくしたり大きくしたりするのが…

「キングスレイド」背景表示演出からみる開発のこだわり

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キングスレイド」の背景表示演出を紹介します。 会話シーンの背景の建物がにょきにょき生えてきます。時々ありますよね、こういう演出。察するに、もともとはROMからの読み込み時間を目立たせ…