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

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

016_グラフィック-スキューモーフィズム

「食物語」下地を暗くしてアイコンを明るく描くと、ボタンと認識されやすいよ!

こんにちは、ちょこです。 「食物語」のUIパーツの中でドロワーがありました。デザインの手法としてはスキューモーフィズムです。 デザインの特徴を実例を交えて紹介してみたいと思います。 ドロワーのモチーフとして巻物がよく使われていることを記事にしま…

「ヒプノシスマイク-A.R.B-」楽曲画面におけるスキューモーフィズムデザイン。楽曲の進行度に応じてレコードの針が内側に移動する

こんにちは!ちょこです! 「ヒプノシスマイク-A.R.B-」の楽曲プレイ中の画面にて「レコード針で楽曲の進行具合を示しているデザイン」があったので紹介します。 どういうことかと言うと、まず下の画面をよく見て欲しいです。右上にレコードの針のパーツが見…

「ヒプノシスマイク-A.R.B-」ロード中にぐるぐる回るレコードをよく見ると細部の拘りが感じられるアニメーション演出だった

こんにちは!ちょこです! 今回のテーマは「世界観への没入のためのビジュアルの作り込みについて」です。 没入感が得られるということは余計なストレスが無いということでもあります。 そういった面でUIにも関係があると考えます。 紹介するタイトルは前回…

「ガンダムブレイカーモバイル」ホーム画面のデザイン手法を他のアプリと比較して分析してみました

こんにちは、ちょこです! 「ガンダムブレイカーモバイル」のホーム画面のデザインがちょっと珍しいデザインであったので紹介します。 見て分かる通り、スキューモフィズムなデザインです。 ちなみにここで言う「スキューモフィズム」は以下のような認識でい…

「マジカミ」ホーム画面でTVモニターにキャンペーンバナーを奥に配置するデザインの紹介

こんにちは!ちょこです! 「マジカミ」のイベントやキャンペーンバナーの表現が珍しかったので紹介します! ホーム画面がこんな感じでカラオケルームになっているのですが、キャンペーンバナーがTVモニターに映されています。 ホーム画面に初めて遷移した直…

「アズールレーン」新兵任務画面のデザインがフラットとスキューモーフィズムの両立がなされてた

こんにちは、ちょこです! 「アズールレーン」の新兵任務(初心者ミッション)画面が独特だったので紹介します! 新兵任務画面はこんな感じです! アズレン自体はフラット寄りのデザインで構成されている場面が多く、こういったスキューモーフィズム的な表現が…

「王子様のプロポーズ Eternal Kiss」メール機能に見るスキューモーフィズムデザイン。

こんにちは、ちょこきなこです。 「王子様のプロポーズ Eternal Kiss」の話です。このゲームには「手紙」という機能があります。 どんな機能かというと「メール」です。あるいはショートメールかもしれない。 要するに、 王子たちと会話だけではなく、文章で…

「なめこザワールド」の研究室メニュー画面の紹介

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 今日はちょっとゆるめの話。なめこ。 なんていうんでしょうね、 こういうイラストとUIを合致させようとするデザインジャンル。 拡張性に乏しく限定的なデザインになりがちなので、ソシャゲに…