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

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

010_タイトル一覧-アークナイツ

「アークナイツ」ガチャ結果画面のビジュアルが良い

こんにちは、ちょこです。 「アークナイツ」のガチャ結果画面がオシャレでヤバい。 アニメーションで見るとこんな感じです。 表示されている情報はシンプルです。・レアリティ・キャラクターのビジュアル・兵の種別(近接タイプなのか、遠距離タイプなのかな…

「アークナイツ」【シナリオを読む】画面のUIがビジュアル優先だった。これを成立させることが出来るのは至難だと思う

こんにちは、ちょこです。 「アークナイツ」の「シナリオを読む」のUIが意外なUIだったので驚きました。 画面デザインはこんな感じです。 ビデオフィルムを用いることによって過去のシナリオを見れる=「記録映像」と言うデザインになっていると推測します。…

「アークナイツ」エラーメッセージをキャラクターが伝えることにより、ゲームへの没入感を高める説

こんにちは、ちょこです。 「アークナイツ」でFPと呼ばれるリソースがあるのですが、それが所持上限を超えて1日過ぎるとキャラクターからメッセージが届く仕様になっています。 ドクター!昨日もらった92FPが無駄になったじゃない!もう、FPの保存上限は300…

「アークナイツ」情報が指で隠れてしまう強化画面。実機プレビューも重要

こんにちは、ちょこです。 「アークナイツ」強化画面ですが、レイアウトが原因でストレスに感じる場面があります。 強化画面のデザイン 強化画面はこんなデザインになっています。 操作するとこんな感じです。 ストレスに感じた箇所 前提として、横画面のゲ…

「アークナイツ」ショップのコスチューム画面の表現がやはりパララックス的。コスチュームの色数を絞るところからデザインされていてきれい。

こんにちは、ちょこです。 「アークナイツ」でコスチュームのショップのデザインが超良かったので超紹介します。 こちらの画面です。静止画でもかっこ良いです。見せたいものが明確で情報もシンプルにまとまっています。 「静止画でも」と書いたのは、動かし…

「アークナイツ」地図情報と敵情報は監視カメラの映像と言う設定になっている?

こんにちは、ちょこです。 「アークナイツ」でクエスト画面から見れる「地図情報」の画面の下にある文字列が気になっていました。 ▲画面右側にある「地図情報」から遷移できます ▲こちらが地図情報 気になった文字列はこちらです。 ▲「EYSSOFPRIESTESS-RI03-…

「アークナイツ」NEWの表現が独特だったので紹介。情報の優先度を下げる時に良いかも。

こんにちはちょこ。 一般的に、新しいキャラクターを獲得した際に「NEW」とか付くちょこが、「アークナイツ」のデザインは変わっていたので紹介するちょこ。 単一のデザインとしては以下のような見た目になっているちょこよ。 ▲右から左に文字が流れてる こ…

「アークナイツ」ブルーム効果の効果が使われている場所が分かりました!

こんにちは、ちょこです。 「アークナイツ」のゲームオプション画面で「ブルーム効果」という項目がありました。 ▲「ブルーム効果」ってなんだろう…? グラフィック設定のブルームとは | ゲーミングPCなう ブルームとは、光源から光があふれ出るようなエフェ…

「アークナイツ」スタミナ配布をするだけでもキャラクターを絡ませるだけでこんなにも楽しくできる

こんにちは、ちょこです。 「アークナイツ」にてスタミナ配布のキャンペーンがあったのですが、バリエーションが用意されていて凝っていたので紹介します。 ただ配布するのではなく、キャラクターからの差し入れ、というコンセプトが設定されています。 丁度…

「アークナイツ」自動指揮にエラーが発生する、ってどういうこと?レアな仕様の紹介

こんにちは、ちょこです。 「アークナイツ」の自動指揮モード中に変わったエラーが表示されました。 っていうか、オートモードでエラーって出るんですね。 「自動指揮にミスが生じました」「手動操作を推奨します」と表示されています。 要するに「自動指揮…

「アークナイツ」強化素材が1つずつではなく、4つずつカウントアップされる実装がテンポ良かった

こんにちは、ちょこです。 「アークナイツ」で強化を実行する時に一度に4枚アップする実装になっており。テンポの良さを感じました。 強化画面はこんな感じ。 拡大! ▲こんな感じでカウントアップされます。 最大40枚までセットできます。 また以前プレイし…

「アークナイツ」プロファイル画面の3つの謎

こんにちは、ちょこです。 「アークナイツ」の図鑑の下位階層にキャラクターのプロファイル画面があるのですが、そこで面白い挙動があったので紹介します。 右側にあるボタンをタップするとそれぞれ「プロファイル」「ボイス」の情報が表示されます。 ▲動く…

「アークナイツ」その作り込みがゲームをもっと面白くする

こんにちは、ちょこです。 購買部のカテゴリのアイコンのアニメーションが素敵だったので紹介です。 こんな感じでタブを切り替えるんですが… アップ! 非アクティブだと28°くらい?傾いていて、アクティブになるとそれが正位置になるアニメーション。ついで…

「アークナイツ」メニューデザインの凄いところ

こんにちは、ちょこです。 「アークナイツ」のメニューが凄いって話をします。 1:画面上部にある 2:上下二段に分かれている 1:画面上部にある ▲画面上部にメインメニューが表示されます 開閉アニメーションはこのようになっています。 ▲普段は隠れていて…

「アークナイツ」潜在能力強化のマークがかっこ良かった!よ!

こんにちは、ちょこです。 「アークナイツ」の潜在能力強化のデザインが良いなー、と感じました。 ▲「潜在能力強化」は日本でいうところの「上限解放機能」です。 これです!星のデザインがモチーフになっています。カッコいい! 一覧で表示した時にも面積が…

「アークナイツ」スキルランクの数字がかっこいい!

こんにちは、ちょこです。 「アークナイツ」のスキルランクの数字のデザインがかっこいい! おしゃれ! これはちょっと敗北感すら感じました。 自分がデザインするとした場合、「効率的にタスクを処理できるためにどうするか」的な発想で「ここで必要なのは…

「アークナイツ」ガチャ画面が6つの多層構造になっている。パララックスみたいな感じか…?

こんにちは、ちょこです。 「アークナイツ」のガチャ画面で左右にスワイプする時の挙動が気持ち良かったです。 斬新ですが、パララックス表現として認識すると理解しやすいかもです。 ▲こんな感じで多層に作られています。パララ。 ▲ページャー(?)の表現も…

「アークナイツ」ステータスの詳細のアニメーションが小気味良い。こういったUIの演出が触り心地に繋がります。

こんにちは、ちょこです。 「アークナイツ」のキャラのステータスの詳細を展開する際のUIのアニメーションが良かったので紹介します。 あ、だめだ小さい。 この部分です。 この動きの小気味良さが素敵です! 具体的には「HP」などの文字の出方や、黒い枠が左…

「アークナイツ」誤タップが怖い!ボタンが指で隠れないように気を付けて!

こんにちは、ちょこです。 「アークナイツ」でボタンの配置が良くなく、指でボタンを隠してしまう画面がありました。 フレンド申請を承認するかどうかの画面右側にある「承認する」か「申請を拒否する」のボタンです。 これです。 ▲上下に並んでるぞ! 指を…

「アークナイツ」UIパーツの一貫性や統一性に関して再認識した話。見た目が不統一でも世界観が破綻していないのが凄い

こんにちは、ちょこです。 「アークナイツ」のタブデザインですが、かなり多種多様。UIが不統一というより各々の画面で好きに作っている感じが凄い。 しかしながら、混沌とならずに全体でのデザインや世界観は壊していないように見えます。 その点を中心に紹…

「アークナイツ」オプションにあるUI調整って何のための機能?やっぱり配信を意識している?

こんにちは、ちょこです。 「アークナイツ」のオプション画面でUI調整という変わった項目がありました。 このオプションを変更すると、こんな感じで横幅が狭くなり、一部のUIの位置が変わります。 ▲ぐいーんと変わります ゲーム中の画面を比較してみましたの…

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

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

「アークナイツ」会話シーンの尖がった仕様は世界観の没入の為?気になったので考察してみました

こんにちは、ちょこです。 「アークナイツ」の会話シーンのUIが気になったので、特徴を書いてみます。 1:ログが見れない 超意外…!なんでこの機能がないんだろう…。 ここまで会話シーンが凝られていてログが見れないゲームってちょっと記憶にないです。 意…

「アークナイツ」既存のメンタルモデルをリセットし、世界観を前面に出した図鑑画面

こんにちは、ちょこです。 「アークナイツ」の図鑑画面のデザインが気になりました。 まず「図鑑画面」と聞いてどういった画面を想像しますか? キャラクターの情報が五十音順に並ぶリストのようなデザインでしょうか?それともアルバムのようにサムネイルが…