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

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

010_タイトル一覧

「リバース: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」からミッション画面の受け取りボタンが省略されてる…

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

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

「リバース: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」(以降、ニケ)から画面遷移演出(トランジション)…

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

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

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

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

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

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

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

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

「勝利の女神:NIKKE(ニケ)」銃の残弾数を表すゲージUIが銃のアイコンと統合され、情報が整理されていた

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

「勝利の女神:NIKKE(ニケ)」メンテナンスに入る前に予告UIが表示されてた

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

「勝利の女神:NIKKE(ニケ)」パララックス表現を取り入れた奥行き感のあるガチャ画面

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「勝利の女神:NIKKE」(以降、ニケ)からパララックス表現を取り入れた…

「404 GAME RE:SET-エラーゲームリセット-(エラゲ)」特定操作でミニゲームが遊べる裏技を仕込んでいる遊び心が素敵

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「404 GAME RE:SET-エラーゲームリセット-」(以降、エラゲ)からミニゲ…

「404 GAME RE:SET-エラーゲームリセット-(エラゲ)」パカパカ(ハーディング)は画面の輝度を抑えることで対処している

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「404 GAME RE:SET-エラーゲームリセット-」(以降、エラゲ)からスキル…