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

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

2019-08-01から1ヶ月間の記事一覧

「妖怪ウォッチメダルウォーズ」画面UIまとめ (フッター)

こんにちは、ちょこきなこです。 引き続き「妖怪ウォッチメダルウォーズ」の画面の紹介をしていきます。フッターからアクセスできる機能を中心にまとめました。 ホーム画面の妖怪 キャラ入れ替え AR機能 かばん メダルタブ スキル表示 ソート項目 スキルツリ…

「きららファンタジア」倍速アイコン、スキップアイコンが似たデザイン。大事なのはわかりやすいこと。

こんちには、ちょこきなこです。 「きららファンタジア」にてデザインが気になるアイコンがありました。 この「AUTO」のアイコンと こちらの倍速とスキップのアイコンのデザインです。 これらのアイコンですね。 よくみると「オート」アイコン全部微妙にデザ…

「妖怪ウォッチメダルウォーズ」画面UIまとめ (ホーム)

こんにちは、ちょこきなこです。 先日の続きです。今回は「妖怪ウォッチメダルウォーズ」のホーム画面のメニューを紹介します。ホーム画面には以下のような機能があります。 模様替え トロフィー棚 カレンダー 妖怪大辞典 クローゼット メイクアップ 髪型 顔…

「きららファンタジア」メニュー項目が整理されていたので比較しました

こんにちは、ちょこきなこです。 「きららファンタジア」のメニュー項目を新旧で比較してみました。 リリース直後は以下のようなデザインだったようです。 色とか並び方が雑然としている印象です。 上の方にメインコンテンツを配置しているのかな…。ですが、…

「妖怪ウォッチメダルウォーズ」画面UIまとめ (タイトル、チュートリアル、メニュー)

こんにちは、ちょこきなこです。 先日リリースされた妖怪ウォッチの新作 「妖怪ウォッチ メダルウォーズ」の画面をキャプチャーしました。 タイトル画面 設定画面 連携画面 アカウント選択画面 チュートリアル OPムービー アバター作成画面 章タイトル画面 …

「新テニスの王子様 RisingBeat」楽曲試聴画面のタップ範囲が文字部分だけ。

こんにちは、ちょこきなこです。 「新テニスの王子様 RisingBeat」には楽曲の試聴ができる画面があるのですが、タップ範囲が見た目通りでないのが気になりました。 反応するのは文字列の部分だけで、文字列を囲っている枠は反応しない実装になっています。 ▼…

「新テニスの王子様 RisingBeat」キャラソンに混じって作者が歌ってる!これがテニプリ!

こんにちは、ちょこきなこです。 楽曲選択画面ですが、作者の許斐氏が作詞、作曲して歌まで歌っています。 どん! 最初見た時、意外すぎて驚きました。 UIとして世界観をどう捉えたら良いのか分からなくなりますが、興味深い例だと思ったので紹介しました。 …

「新テニスの王子様 RisingBeat」キャラクター衣装のプレビューがキャラ愛に満ちてる!

こんにちは、ちょこきなこです。 「新テニスの王子様 RisingBeat」のキャラ衣装ショップの画面で衣装のプレビューが凄く凝っていたので紹介させてください! キャラクターの衣装を購入して、着せ替えできる機能があるのですが、このようにキャラクター別にプ…

「ドクターマリオ ワールド」主な画面UIまとめ

こんにちは、ちょこきなこです。 「ドクターマリオワールド」の主な画面をまとめました。 まず、ゲームを起動させるとユーザーの情報を作成するための画面が表示されます。 次に利用規約の同意、地域の設定画面が表示されます。 それが終わるとタイトル画面…

「きららファンタジア」章開放演出が凝っていたので紹介します

こんにちは、ちょこきなこです。 きららファンタジアの章開放演出の話です。 このタイトル、全体的にUIの演出は控えめなのですが、章開放演出が妙に手を込んだ演出だったんですよね。 こんな感じです。 なぜこんなに凝った演出になってるのか謎です。最初の…

「ドクターマリオワールド」エンプティステートの紹介です!

こんにちは、ちょこきなこです。 「ドクターマリオワールド」にもエンプティステートがあります。LINEゲームっぽさが感じられますねー。 デザインパターンがひとつだけというのは意外でした。LINEだとバリエーションを用意するのが一般的だと思ったので、任…

「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」シロの身体を使ったUIがかわいい!

こんにちは、ちょこきなこです。 左上にあるシロのUIが可愛いな、と思います。 おなか。 キャラクターの一部をモチーフに使うUIはよくありますが、キャラクター全身を使ったUIパーツ(というか、キャラクター)は珍しいです。 キャラクター自体のデザイン(視認…

「ドクターマリオワールド」緑甲羅と赤甲羅の色の差別化が出来ているのか見てみました。

こんにちは、ちょこきなこです。 以前、ウイルスの色の見分けが付かないのではないか、と書いたのですが、赤甲羅と緑甲羅の見分けもつかないとはよく言われますね。ちょっとフィルタかけてみます。 P型はこんな感じです。見た感じ区別は明確です。特に緑甲羅…

「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」メニュー画面のデザインの紹介

こんにちは、ちょこきなこです。 「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」のメニュー画面を紹介します。 よく見て欲しいのですが、「メニュー」ではなく、「メニュ〜」と表示しています。 特に必然性のない表現ではありますが、どんな意図…

「ドクターマリオワールド」タップエフェクトが無い理由を考えてみました

こんにちは、ちょこきなこです。 「ドクターマリオ ワールド」ですが、タップエフェクトがないんですよね。 ゲームって基本的には操作に対してリアクションを返すものなので、この仕様に関しては理解が出来ていません。 コンシューマっぽいと言えなくもない…

「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」CMへの導線がTVのポップアップ。自然に見せるための工夫。

こんにちは、ちょこきなこです。 「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」の動画広告を再生させる際の確認メッセージの枠がTVっぽいデザインになってました。 もちろんここ専用のデザインです。 広告が表示されるとゲームに対する没入感が…

「ドクターマリオワールド」見出しが下にあるのだけど…

こんにちは、ちょこきなこです。 見出しの位置が下にあるデザインが気になりました。正直見出しと認識できなかったです。おそらく直感的な見た目が原因かと思います。 直感的な見た目って具体的に何かな、と考えてみました。 見出しが画面の下にあるから?見…

「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」ヘルプ画面の見出し。一貫性はないがそれは間違いではないのかな、と思うことがあります。

こんにちは、ちょこきなこです。 「クレヨンしんちゃん 一致団ケツ! かすかべシティ大開発」のヘルプの見出しにちょっとしたデザインが入っているのは素敵な視点だなと思いました。 単に「ヘルプ」としても良いのですが、汗のマークと「!」が付いています…

「きららファンタジア」UI改修の事前告知をするのは素敵な運営

こんにちは、ちょこきなこです。 「きららファンタジア」から改修予定の箇所を事前に案内してくれるお知らせに感動しました!改修予定箇所を事前告知してくれる運営っていたかな…。内容を見てもまぁまぁ丁寧。 UI改修あるあるですが…、 ・大型改修やりたがる…

「ワンダータクティクス」ホーム画面で放置してたらボタンが光りだす

こんにちは、ちょこきなこです。 ワンダータクティクス をタイ語でプレイしようと思ったら、ホーム画面からどこに行って良いか分からず…! 途方に暮れてホーム画面で放置してたらボタンが光って誘導してくれたので、助かりました。 右下のボタンが光ります。…

「とある魔術の禁書目録 幻想収束(イマジナリーフェスト)IF」アニメのキャプチャーがたくさん使われていて、ファン的には嬉しい

こんにちは、ちょこきなこです。 「とあるIF」のアドベンチャーパートにアニメのキャプチャーがたくさん使われているのは良いな、と思いました。アニメの追体験的な効果が強いです。 ネタバレにならない序盤をいくつか紹介しますね。 とか。 とか。 とあるは…

「ハリー・ポッター ホグワーツの謎」言語をアルファベットにして、アドベンチャーパートのテキストの表現方法の違いを見てみる

こんにちは、ちょこきなこです。 「ハリー・ポッター ホグワーツの謎」から、アルファベットの文字の強弱のバリエーションを紹介します。 どういう意図かと言うと、日本語ではこういった表現をしないので、意識として抜けてそうだな、と感じたためです。 表現…

「とある魔術の禁書目録 幻想収束(イマジナリーフェスト)IF」おまかせ強化のカスタム機能。育成をサポートする便利な機能の紹介です。

こんにちは、ちょこきなこです。 「とあるIF」のおまかせ強化のカスタム機能が珍しかったので紹介します。 特にここのチェック項目に注目です。 カスタム機能の説明をする前に、おまかせ強化の仕様に関して説明します。 「おまかせ強化」は今所持しているリ…