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

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

2023-06-01から1ヶ月間の記事一覧

「麻雀一番街」エンプティステートが使われている場所の紹介

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

「麻雀一番街」世界観を取り入れたカジュアルなタップエフェクト

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」からタップエフェクトのデザインを紹介します。以下、主…

「麻雀一番街」進捗ゲージが麻雀牌になっていた

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

「麻雀一番街」ホーム画面のキャラの大きさや位置を極端に変えれる。カスタムできる部分を増やしたい意思を感じる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」からホーム画面のカスタム機能を紹介します。ユーザビリ…

「麻雀一番街」配信画面にすることでリアクションが一辺倒でもあまり気にならない

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」から配信画面を模したデザインを紹介します。かなり特殊…

「麻雀一番街」キャラクターからのメッセージを保護できて助かる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」からメール機能とメール保護機能の関係について紹介しま…

「麻雀一番街」言語によって公式アカウントを運用するプラットフォームを変えていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」から言語別に公式アカウントのプラットフォームを切り替…

「麻雀一番街」アンケートの回答報酬が限定称号で面白い

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」からアンケートの回答報酬が面白かったので紹介します。…

「麻雀一番街」お知らせ画面は色相やトーンが統一されて綺麗

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

「麻雀一番街」言語切り替えによるロゴの切り替えとタイトル画面のデザインの変化

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「麻雀一番街」からローカライズ対応におけるタイトルロゴ、タイトル画…

【UE5】For Each Loopノードが見つからない【解決】

UE5

こんにちは、ちょこです。 ここではUE5を学習する中で得た知見を書き残しておきます。同じくUE5を学習したいUIデザイナーさんの参考になれば幸いです。 今回はFor Each Loopが見つからない時の解決方法を紹介します。 これめっちゃ困りました…!調べようと思…

【UE5】サウンドをループさせる方法【UMG】

UE5

こんにちは、ちょこです。 ここではUE5を学習する中で得た知見を書き残しておきます。同じくUE5を学習したいUIデザイナーさんの参考になれば幸いです。 今回はBGMをループさせる方法を紹介します。 UIデザイナーがサウンドを管理することは稀だと思いますが…

【UE5】ボタンの作り方_遷移編【UMG】

UE5

こんにちは、ちょこです。 ここではUE5を学習する中で得た知見を書き残しておきます。同じくUE5を学習したいUIデザイナーさんの参考になれば幸いです。 今回はボタンの作り方(遷移編)を紹介します。 遷移の仕方は様々ありますが、今回は別のレベルに遷移す…

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

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

【UE5】ボタンの作り方_見た目編【UMG】

UE5

こんにちは、ちょこです。 ここではUE5を学習する中で得た知見を書き残しておきます。同じくUE5を学習したいUIデザイナーさんの参考になれば幸いです。 今回はボタンの作り方(見た目編)を紹介します。 UIデザインにはボタンは必須です。でも、UE5ではどこ…

【UE5】ボタンを角丸にする方法【UMG】

UE5

こんにちは、ちょこです。 ここではUE5を学習する中で得た知見を書き残しておきます。同じくUE5を学習したいUIデザイナーさんの参考になれば幸いです。 今回はボタンを角丸にする方法を紹介します。 デフォルトだと四角いボタンが配置されますが、角を丸くす…

【UE5】タイトル画面の作り方【UMG】

UE5

こんにちは、ちょこです。 ここではUE5の超初歩的な操作方法を書き残しておきます。今回はタイトル画面を作成する方法を紹介します。比較的丁寧に書いたつもりですが分かりにくい部分があればコメントにて教えていただけると幸いです。【作業目安時間:10分…

【UE5】テキストを表示する方法【UMG】

UE5

こんにちは、ちょこです。 ここではUE5の超初歩的な操作方法を書き残しておきます。今回はUMG (Unreal Motion Graphics) を利用して、画面にテキストを表示する方法を紹介します。 ざっくり手順です! 1:ウィジェットブループリントを作成 2:「Canvas Pane…

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

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

【UE5】称号リスト【モチベ管理用】

UE5

こんにちは、ちょこです! ここではUE5の学習を続けるにあたり、よりモチベーションを高めるために用意した称号のリストです。何ができて何ができないのかの棚卸し、自分と同じような初学者の方の自己肯定感の向上に繋がれば幸いです。 実装 【テキストを表…

【UE5】テキストを表示する方法【Print Strings】

UE5

こんにちは、ちょこです。 ここではUE5の超初歩的な操作方法を書き残しておきます。今回はPrint Stringsを利用したテキストの表示を紹介します。 ざっくり手順です。 1:レベルブループリントエディタを開く 2:「BeginPlay」を作成 3:「Print Strings」を…

【UE5】レベルブループリントエディタの開き方

UE5

こんにちは、ちょこです。 ここではUE5の超初歩的な操作方法を書き残しておきます。今回はレベルブループリントエディタの起動方法についてです。 メインツールバーのアイコンからレベルブループリントエディタを開くことが出来ます。 アイコン周辺部分を大…

【UE5】初心者向けTips

UE5

こんにちは、ちょこです。 ここではUnreal Engine 5(UE5)を学習した過程で得た知見を記録していきたいと思います。 実践 【UE5】タイトル画面の作り方【UMG】 基本操作 【UE5】レベルブループリントエディタの開き方 テキスト 【UE5】テキストを表示する方…

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

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

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

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

ロゴ1000点が掲載!圧倒的な物量「究極のロゴデザイン: 精鋭クリエイティブディレクター、アートディレクターの思考と表現から学ぶ。 Designer's Collection」

こんにちは、ちょこです!今回、私が購入した書籍の中からゲームUIデザイナーさん向けに紹介する書籍はこちらです! 「究極のロゴデザイン: 精鋭クリエイティブディレクター、アートディレクターの思考と表現から学ぶ。 Designer's Collection」 主な感想は…

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

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

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

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