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

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

「リバース:1999」UIアニメーションが心地良いだけではなく、視線誘導・情報の優先度付け・世界観の表現などクオリティの高い実装事例まとめ

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」のUIアニメーションをご紹介します。以下主な事例で…

「リバース:1999」ホーム画面にて背景の光に合わせてキャラの色も変えている/2Dだと珍しい表現かも

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」のホーム画面のキャラが周囲の光の影響を受けている…

「リバース:1999」呪文詠唱時に文字が輝き、炎にあわせてセリフが揺れる!アドベンチャーパートのカッコイイUI演出

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」のADVパートの中でカッコイイ演出をご紹介します。見…

「リバース:1999」アイテムが入手できる場所の導線/ゲーム始めたばかりのユーザーからベテランまで便利に使える機能

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」のアイテム詳細画面から、そのアイテムが入手可能な…

「リバース:1999」キャラのサインのデザイン事例/文字だけではなくロゴマークもサインの範疇か

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からキャラプロフィール画面に表示されるキャラのサ…

「リバース:1999」映画のチャプターを選ぶようなストーリー画面

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からストーリー画面のデザインをご紹介します。「リ…

「リバース:1999」言語別にタイトルロゴが用意されていた/斜線の角度や文字組みなど微調整され丁寧さを感じた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」から多言語のタイトルロゴをご紹介します。「リバー…

「リバース:1999」神秘術のアイコンはエフェクトや演出をもとにした分かりやすいデザイン/配色や構図も整理されている

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」から神秘術のアイコンデザインの工夫をご紹介します…

「リバース:1999」絶対に読まれない場所でも世界観に沿った文章だった/作り込みが丁寧

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」から名前入力画面のデザインをご紹介します。 「リバ…

「リバース:1999」報酬を受け取るボタンが無く画面遷移時に自動で受け取れる挙動/意外と違和感なかった

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からミッション画面の受け取りボタンが省略されてる…

【TIPS:名前入力画面】没入感、世界観を意識すると良さそう

こんにちは、ちょこです。 このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! ここでは過去プレイしたゲームをもとに、名前入力画面のデザインの特徴につい…

「リバース:1999」スクリーンショット共有機能が実装!キャプチャするとXへの導線などが表示される/設定からオフにできるのも便利

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からスクショを撮影した後の画面デザインをご紹介し…

画面撮影機能

こんにちは、ちょこです。このページではスクショを端末で撮影した時 デザインの参考になれば ・アプリ内で加工可能 ・Twitterに投稿を誘導する導線 「食物語」スクショを撮るとTwitterに投稿を促す機能がある - ゲームアプリのUIデザイン 「Ink,Mountains a…

画面ナレッジ

こんにちは、ちょこです。 ここでは過去にプレイしたゲームをもとに、画面ごとのナレッジをまとめます。主に以下の参考になることを期待しています。 画面をデザインする際のヒント 必要な情報の抜け漏れの確認 各情報の取り扱い方 デザインの提案 目次(作…

「リバース:1999」アニメーションする方向でリストがスクロールする方向も分かる/アニメーションって重要

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からショップ画面の表示アニメーションの事例をご紹…

「リバース:1999」ヘッドホン・イヤホンを使うように促す画面って地味に演出凝ってる気がする/やっぱりゲーム始めて最初に表示される画面って作り込みが求められるのかな

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からヘッドホン・イヤホンの使用を推奨するメッセー…

「リバース:1999」UTTU閲覧ガイドに書かれている人物のサイン演出がすごかった/Pandora Wilson(パンドラ ウィルソン)って誰さ?

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からこだわりの文字アニメーションの事例をご紹介し…

「リバース:1999」世界観を表現する独特なテキストライティング/香調って項目は初めて見た

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」から独特なテキストライティングの事例をご紹介しま…

「リバース:1999」差出人によって切手のデザインを変える!工夫に満ちたメール画面

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からメール機能のビジュアル面の作り込みをご紹介し…

「リバース:1999」クエストクリア失敗時にパーティ編成について具体的なアドバイスをくれるので改善点が分かりやすい

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からクエストクリア失敗時のユーザーへのアドバイス…

「リバース:1999」架空の文字を使ってTIPSを用意することで多言語対応のコストを下げる事例

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」から多言語対応を考慮した効率的なTIPS画像の制作事…

「勝利の女神:NIKKE(ニケ)」横画面にした時の画面の見え方紹介

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「勝利の女神:NIKKE」(以降、ニケ)から縦横画面の対応事例をご紹介し…

「勝利の女神:NIKKE(ニケ)」キャラクターのイメージカラーをUIにも反映。ビジュアルだけではなく視認性、可読性にも考慮が必要そう

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「勝利の女神:NIKKE」(以降、ニケ)からキャラのイメージカラーを設定…

「勝利の女神:NIKKE(ニケ)」画面遷移演出かっこいいから見て欲しい【11選】

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「勝利の女神:NIKKE」(以降、ニケ)から画面遷移演出(トランジション)…

【2023年11月更新】ゲームUIデザイナーにおすすめ書籍:レイアウト編【7選】

こんにちは、ちょこです! このページでは、自分が購入した書籍の中で【レイアウト】に関する書籍を紹介します。ゲームUIデザイナーさんが書籍を選ぶ際の参考になれば幸いです。 レイアウト系の書籍の特徴 レイアウトに関する書籍は広告やバナーといったグラ…

実例をもとにレイアウトの構成要素を分析!「[デザイン技法図鑑]ひと目でわかるレイアウトの基本。」

こんにちは、ちょこです!今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです! 「[デザイン技法図鑑]ひと目でわかるレイアウトの基本。」 表でまとめるとこんな感じです。 レイアウト 文字配色 配色 図版 実例 索引 ○ …

「勝利の女神:NIKKE(ニケ)」ニーアコラボのUIデザインのクオリティが高かった

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「勝利の女神:NIKKE」(以降、ニケ)からニーアコラボにおけるUIのデザ…

「麻雀一番街」対戦相手の名前を非表示にする方法!加工の手間が省けて便利!

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」から他プレイヤーの名前を匿名に置き換える設定をご紹介…

「勝利の女神:NIKKE(ニケ)」画面がかっこいいので、使われているフォントを調べてみました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「勝利の女神:NIKKE」(以降、ニケ)でのフォントの使われ方をご紹介し…

「勝利の女神:NIKKE(ニケ)」お知らせの見出しと本文のヘッダーをアニメーションで繋げ、直感的に状況が理解しやすいUI

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「勝利の女神:NIKKE」(以降、ニケ)からシームレスなお知らせ画面のUI…