こんにちは!ちょこです!
このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです!
今回は「ブルーロック Project: World Champion」(以下「ブルーロックPWC」)から通知マークのデザインをご紹介します。いわゆる赤い丸のマークでも良いのですが、ゲームの世界観にマッチしたデザインも良いですよね。
以下、概要です。
世界観に合わせたデザイン
「ブルーロックPWC」をプレイしていると、ホーム画面をはじめ、様々な画面で通知マークを見かけます。
▲「ブルーロックPWC」のホーム画面
分かりやすいように該当箇所を抜粋します。
▲五角形の通知マーク
この五角形はゲーム内のあちこちに利用されており、ユーザーにとっては見慣れたモチーフです。
主な利用箇所を紹介します。
1:ゲーム起動直後のPV
ゲーム起動直後のPVにて使用されていました。ゲームをプレイする度に見かける場所で、タイトルロゴと共に使われていることもあり、重要なモチーフであることが伝わります。
▲ゲーム起動直後のPVに使用
2:ローディング中のアイコン
ロード中を示すインジケーターのアイコンに使用されていました。
頻繁に見るグラフィックなので、見慣れたモチーフになるかと思います。
▲ローディング中のアイコン
▲5つのピースが時計回りに順番に表示されるアニメーションがあります
3:TIPSの行頭記号
TIPSの行頭記号として使用されていました。
装飾としても使いやすそうですね。
▲TIPSの見出し
4:報酬獲得済みのマーク
ログインボーナスなど、獲得済みを示すマークにも使用されていました。
古典的なサッカーボール(⚽️)の黒い部分を想起させるデザインであるため、動きのあるデザインとの相性も良さそうです。
▲GETのアイコン。やや斜めに傾いているため動きのあるデザイン
5:課金アイテムのモチーフ
課金アイテムのモチーフとしても使用されています。
価値のあるものに使用することで、通知マークに対してポジティブな印象を与えていると感じました。
▲いわゆる課金石のデザイン
6:公式サイトにも採用
また、ゲーム内だけではなく公式サイトにも採用されています。
「ブルーロック Project: World Champion」ゲーム公式サイト
▲キャラクターの背景に利用
▲キャラクターのアイコンのシルエットに利用
このようにゲーム内外と幅広く使われているモチーフであるため、ユーザーにとってなじみ深いデザインになっていると考えられます。
▲幅広く使われているモチーフ
訴求を意識した配色
通知マークの配色にも注目してみます。
「ブルーロックPWC」の通知マークはマゼンタを採用しています。
これは「イベント開催中!」「無料ガチャ開催中!」といった訴求文言と同じ色です。
色に含まれる情報を利用することで、訴求したい要素だと伝わりやすくデザインしていると感じました。
▲「無料ガチャ開催中!」もマゼンタ
以上です。
通知マークをデザインする際のモチーフの選び方、配色などの参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「ブルーロック Project: World Champion」のガイドラインを確認したところ、以下の記載がありました。
当社は、個人であるお客様が、プレイ動画等を利用した動画や静止画等を、適切な動画や静止画の共有サイトに投稿することおよび以下で指定するシステムにより収益化することに対して、著作権侵害を主張いたしません。
動画投稿ガイドライン | 「ブルーロック Project: World Champion」ゲーム公式サイト
これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。