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

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

010_タイトル一覧-キャプテン翼~たたかえドリームチーム~

「キャプテン翼~たたかえドリームチーム~」動的にアニメーションする素材をデザインするときに考慮したいシュート

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 プログレスバー…シュートになっとる。面白いですね。 こんな感じで進捗進むとゴールに突き刺さるデザイン。 これ、デザインとしては面白いのですが、実は致命的に失敗している部分があるんです…

「キャプテン翼~たたかえドリームチーム~」キャラが急にメタ発言すると世界観に没入しづらい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 キャラクターをナビにするのはよくあるのですが、メタ発言をさせると凄く冷めちゃうんですよね。 たぶん開発者も悩んだと思います。 この辺は難しいところで、正確に誤解なく伝える必要があるの…

「キャプテン翼~たたかえドリームチーム~」キズナストライカーとのマイページ比較

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 サッカーゲームで同じようなデザイン配置なんですが、受ける印象が違ったので、なんでかなー、って考えてみました。 ▲「キズナストライカー」のホーム画面です。 比較してみると、「キャプテン…

「キャプテン翼~たたかえドリームチーム~」頻繁に行き来する画面の導線は配置すべし

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キャプテン翼~たたかえドリームチーム~」の導線が良かったので、今日はこれだけでも覚えてもらったら嬉しいです。 どんな導線かと言うと、「連盟ミッション」と「通常ミッション」が一手で…

「キャプテン翼~たたかえドリームチーム~」クレジット画面を作ることになったら考えてほしいこと

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今日はクレジット画面の紹介です。 開発者のクレジットではなく声優さんのリストでした! そういうのもあるのか。 個人的にはソーシャルゲームにおいて、クレジット表記って実装が難しいと思っ…

「キャプテン翼〜たたかえドリームチーム〜」のエンプティステートのバリエーションの紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 前も紹介しましたが、エンプティステート画面です。 要するに「情報がないことを示すUI」です。いくつかありますねー。 ざっと見た感じはこんな感じですねー。 ある程度カテゴリーを分けて、運…

「キャプテン翼~たたかえドリームチーム~」フォントの選び方

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 まずはこちらをご覧ください。 出たー、アンチゴーーー! このアプリの会話シーンで使われているフォントの特徴として、原作らしさを表現するためにフォントにアンチゴシックが採用されているこ…

「キャプテン翼~たたかえドリームチーム~」すべてのアプリは一括受け取りボタンの挙動を参考にして欲しい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キャプテン翼~たたかえドリームチーム~」の一括受け取りのボタンなのですが、タブを跨いで報酬を受け取ることができます。 これは便利。 しばしば「タブの中の報酬を一括受け取り」する挙動…

「キャプテン翼〜たたかえドリームチーム〜」アプリからコミック購入の導線の紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 キャラクターの詳細画面(正しくは選手名鑑)に「活躍したコミック」ってあるんですよね。 これ、なんで置いてあるのかなー、と思ったのですが女性ユーザーを意識した導線だと推測しています。 こ…