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

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

018_UIパーツ

「ファイナルギア」ホームボタンでメインコンテンツのボタンが縦に並べてあって、指の可動域的に押しやすいレイアウトだと思った

こんにちは、ちょこです。 「ファイナルギア」のボタンが押しやすい配置になっていました。 早速見ていきます! 具体的にはこちらのホーム画面です。 通常、画面下部に並んで配置されがちなメインコンテンツのボタンが画面右側に配置されています。 ここの部…

「三国 -IKUSA-」巻物の形をしたUIって大体ドロワー

こんにちは!ちょこです! 「三国 -IKUSA-」にて画面下部のメニューがドロワーになっていました。 中国のアプリってフッターがこういった挙動になってること多いですよね。なんでだろう…。 挙動としてはこんな感じです。 このドロワーのデザインは現実世界の…

「キャラバンストーリーズ」ドロワーで情報量をコントロールする事例の紹介

こんにちは!ちょこです! UIのパーツの中に「ドロワー」というパーツがあるのですが、ちょっと変わったドロワーがあったので、事例として紹介させてください。 「言葉は知ってるけど使いどころが分からない」 「どこで使っているのか知りたい」 など、悩ん…

「レッド:プライドオブエデン」猫モチーフのデザインがあちこちに。UIパーツに遊び心を取り入れたい際の参考に

こんにちは!ちょこです! 「レッド:プライドオブエデン」では【猫】がキーワードのタイトルです。したがって猫がモチーフのUIパーツが多く見られます。 世界観に寄せたデザインの作り込みの事例として、いくつか紹介します。 1:タップを促す指のマーク 2…

「AFKアリーナ」節電モードの効果を検証してみたけど、差が無かった件

こんにちは、ちょこです。 「AFKアリーナ」にも節電モードがあったので、UI目線でどういったメリットが考えられるのか紹介します。 2019年時点ではあまり気付いていなかったのですが、中国や東南アジアを中心に向けたゲームにしばしば実装されているように見…

「テイルズ オブ クレストリア」HPの数字は見えた方が良い思う理由

こんにちは、ちょこです。 「テイルズ オブ クレストリア」をプレイしていて、戦闘中にHPが数字で見れないのが直感的に違和感を感じてしまいました。その理由をちょっと考えてみます。 ▲キャラクター情報を示すUI まず、なぜHPの数字が見たいのか考えてみま…

「ぼくらはみんなしんでいる」文字を遊ばせるときは崩すところと崩さないところに規則性があると気持ち良い

こんにちは!ちょこです! 「ぼくらはみんなしんでいる」というクリッカーゲープレイしてました! その中でフッターの文字が崩れたデザインになっているのが世界観を表現しているUIパーツだな、と感じました! フッターはこちら。 「侵略」「図鑑」「道具」…

「魔界ウォーズ」フッターのボタンが画面によって変化する。予期しない変化はしない方が良い

こんにちは!ちょこです! 「魔界ウォーズ」でフッターのボタンがホーム画面とそれ以外の画面で変化する挙動になっていたのが気になりました。 フッターの左側に注目していただきたいのですが、ホーム画面では『クエスト』になっています。 しかし、他の画面…

「アークナイツ」HPゲージで顔が隠れるのはアリやナシや

こんにちは、ちょこです。 「アークナイツ」のバトル中の画面ですが、キャラの顔に情報が被るのが気になりました。 ▲目線が入っているみたいで気になる 同じタワーディフェンスの城プロはこんな感じ。 ん~…正直ビジュアル的にはめっちゃ気になるけど、実際…

「Auto Chess」三択のトグルボタンって初めて見たけどアリなのか…?

こんにちは、ちょこです。 「Auto Chess」のUIで変わったトグルが使われてたので紹介してみます。 三択トグル…? 設定画面にある… …このUI。このデザインを見て瞬間的にトグルであると認識したのですが、よくよく考えて三択のトグルって見たことないんだけど…

「仮面ライダー シティウォーズ」ドロワーのUIを採用する時に注意したいこと

こんにちは、ちょこです。 「仮面ライダー シティウォーズ」のホーム画面にある、メニューボタンのデザインと挙動が気になりました。 注意したいこととしては 挙動が(ある程度)推測できる見た目にする です。以下、詳細と解決案の提案を書いてみます。 どん…

「歌マクロス スマホDeカルチャー」プッシュ通知で珍しいUIパーツが採用されていたので紹介。

こんにちは、ちょこです。 「歌マクロス」にてプッシュ通知を送る時間を設定できるUIがユニークだったので紹介します。 こんな感じで操作します。gif。 挙動としてはチェックボックスですね。 こんなUI初めて見た! このUI、ゲームアプリでは見たことがないU…

「Stormfall: Rise of Balur」設定画面でトグルが採用しづらい理由

こんにちは、ちょこきなこです。 「Stormfall: Rise of Balur」にて、設定画面でトグルが使われてました。 下の方はチェックボックスが使われています。 通知の数多いのと、めっちゃ細かいな… トグルってあまり見かけないかも。なんでだろう…。 最近だと「Re…

「妖怪ウォッチメダルウォーズ 」タブは並列な情報?タブの中でも優劣を付けたい時の事例紹介

こんにちは、ちょこきなこです。 「妖怪ウォッチメダルウォーズ 」の実装事例からタブデザインについて考えてみました。 情報の取り扱い方という視点から見た時に、タブは基本的には情報の優劣がなく並列な情報を扱うものです。しかし、ゲームにおいては五十…

「きららファンタジア」チェックとタブのデザインが同じなのが分かりづらい。挙動が違うデザインは見た目にも差をつけて。

こんにちは、ちょこきなこです。 「きららファンタジア」にて、チェックボックスとタブのデザインが同じなので、見た目から予測される挙動が分かりづらいと感じました。 ちょっと分かりづらいデザインですが、上の段はタブの挙動で、下の段がチェックボック…

「ロードオブダンジョン」フッターと海のデザインがきれい。発想も良い!

こんにちは、ちょこきなこです。 「ロードオブダンジョン」のフッターのデザインが綺麗だったので紹介します。 タイトル画面はこんな感じの世界観 そして、こちらの画面がメインの画面です。 フッターのボタンではなく、下地に注目してほしいです。 これ。 …

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

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

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

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

「パズルオブエンパイア」フッターメニューに並びについて

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「パズルオブエンパイア」のフッターの並びが気になる… こちらがマイページです。 なぜ「その他」が左にあるんだろう…。 これ系で大体仮説にあがるのは右側に押させたいボタンを集中させたい理…

「ジャンプチ」HPゲージの色がなぜ緑なのか

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ジャンプチ」のHPゲージの色が気になったので考えてみました。 HPゲージの色はなんでも良いと思うのですが、このゲームにおいてHPゲージの色が緑であることには疑問を感じました。緑色…