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

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

010_タイトル一覧

「麻雀一番街」見切れさせることで続きがあるのが伝わるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」からスクロールできることが伝わるデザイン紹介します。…

「麻雀一番街」エフェクトが動画でプレビューするので分かりやすい

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」からあがった時のエフェクトについて紹介します。冷静に…

「麻雀一番街」心電図をモチーフにした親愛度ゲージ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」から好感度の進捗ゲージのデザインについて紹介します。…

「ヘブンバーンズレッド(ヘブバン)」イベントロゴデザイン紹介【この星に紡ぐ一手】

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からイベントのロゴデザ…

「ヘブンバーンズレッド」グリッチフィルタの使用事例と特徴紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からグリッチフィルタの…

「ヘブンバーンズレッド」【応援する】のボタンが若干上にズラして表示しているダイアログ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からアプリの応援レビュ…

「ヘブンバーンズレッド」ADVパートのキャラの視線の変化によって臨場感が増す演出

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)から個人的に気になったA…

「ヘブンバーンズレッド」タイトル画面に表示される「TAP TO START」の明滅アニメーションは完全に消えないくらいが読みやすくて好み

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からタイトル画面の「TAP…

「ヘブンバーンズレッド」情報セキュリティ管理のため、ユーザーIDをデフォルトで非表示にしているのかも

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からタイトル画面でのユ…

「ヘブンバーンズレッド」部隊編成画面のキャラサムネイルの上にレベルアップのボタンを配置してるのすごい

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)から部隊画面のデザイン…

「ヘブンバーンズレッド」数字を無くしたサウンド設定画面、数字は何のためにあるのか?

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からサウンド設定画面の…

「ヘブンバーンズレッド」ホーム画面でキャラを目立つ配置にしてるけど、キャラの目を閉じさせることで過度にユーザーの視線を集めずボタンにも視線を向けやすいデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からホーム画面に配置す…

「ヘブンバーンズレッド」こだわりのマイクロインタラクション事例紹介15選

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からマイクロインタラク…

「ヘブンバーンズレッド」シンプルなアイコンだけど、工夫がたくさん詰まったデザインの紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からフィールドマップの…

「ヘブンバーンズレッド」色とアニメーションを利用して、画面内でとても目立つ時限式のボタンデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)から一定時間選択しない…

「ヘブンバーンズレッド」ADV中の選択肢を選ぶ画面のデザインが視線と操作性を意識した直感的なデザインになっている

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)からADVパートの選択肢の…

「ヘブンバーンズレッド」自動周回機能で寝てる間にレベルアップだ!

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ヘブンバーンズレッド」、(以下、ヘブバン)から自動周回機能を紹介…

「咲うアルスノトリア」無料アイテムをショップ画面に設置するときの工夫

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)からショップ画面でアイテ…

「咲うアルスノトリア」アイテム詳細のダイアログから、そのアイテムを入手するための導線が設置されて便利

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)からアイテムの入手先を示…

「咲うアルスノトリア」ホーム画面でボイスが流れる時にテキストも一緒に表示されているので、UDの観点で見た時により分かりやすくなっているデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)からホーム画面でキャラボ…

「咲うアルスノトリア」押せるボタンの色が大体統一されてて分かりやすい

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)から押せるボタンの色の一…

「咲うアルスノトリア」左右スワイプでタブ切り替えできて便利!

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)から左右スワイプでタブ切…

「咲うアルスノトリア」キャラ一覧画面のモーダレスなフィルタ機能

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)からモーダレスな挙動にな…

「咲うアルスノトリア」時間差分があるタイトル画面は珍しい

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)から条件によってデザイン…

「咲うアルスノトリア」UIを透かすことで、奥行き感・賑やかさ・圧迫感の無さなどに繋がってるリザルト画面のデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)から圧迫感を抑えたクエス…

「咲うアルスノトリア」ルビない時は行間狭め、ルビある時は行間広めでデザインの出し分けがされてた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)からADVパートの文章の行間…

「鋼の錬金術師 MOBILE」非戦闘員のキャラをホーム画面に登場させることで自然に原作の魅力を伝えている

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「鋼の錬金術師 MOBILE」、(以下、ハガモバ)からストーリーの進行に合…

「鋼の錬金術師 MOBILE」キャラ強化に必要なアイテムが入手できるクエストへの導線と必要個数の表示は初心者から上級者まで役立つ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「鋼の錬金術師 MOBILE」、(以下、ハガモバ)からキャラ強化画面からク…

「鋼の錬金術師 MOBILE」選択肢だけを見て判断できる確認ダイアログは便利

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「鋼の錬金術師 MOBILE」、(以下、ハガモバ)から確認ダイアログのボタ…

「鋼の錬金術師 MOBILE」行動済みのキャラをグレーに表示して直感的に伝えるデザインの特徴紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「鋼の錬金術師 MOBILE」、(以下、ハガモバ)から行動済みのキャラクタ…