画像アセットの準備
画像アセットを登録する¶
画像アセット登録 コミュニティやウェブストアに表示されるすべての画像コンテンツは、制作後にコンソールに直接登録する方式です。画像サイズはコンソールでアセットを登録する際に確認できます。
ガイド適用例 画像¶
アセットを推奨ガイドに合わせて構成したPC画面の例です。
コミュニティ¶
ウェブストア¶
画像アセット構成¶
| 構成 | 解像度サイズ (pixel) |
|---|---|
| ゲームBI | 264 * 124 |
| コミュニティ PC Background | 5120 * 2880 |
| ウェブストア PC Background | 5120 * 2880 |
| ウェブストア PC ヘッダー | 1080 * 340 |
| ウェブストア モバイル(MO) ヘッダー | 640 * 202 |
| メインバナー | 800 * 450 |
| メインポップアップバナー | 800 * 450 (縦型 : 450 * 800) |
| フッター CI | 160 * 40 |
| ファビコン | 16 * 16 (ico ファイル) |
| SNS共有画像 | 800 * 400 |
| OPEN Graph Image | 1200 * 630 (最小 : 600 * 315) |
Game BI¶
- BI全体のサイズ
- BI全体のサイズには余白(赤色の領域)が含まれます。
- BI全体サイズ:264*124px
コミュニティ PC Background¶
- 背景カラー
- 背景カラーの値はHEXコードで指定してください。(例:#FFFFFF)
- 背景画像を制作する前に、指定された背景カラーを基準カラー(Primary Background Color)として使用してください。
- 背景画像 (Background Image)
- 背景画像は、指定された背景カラーとトーン/彩度/明度の調和を保つように制作してください。
- 背景カラーと画像のコントラストが強すぎないようにしてください。
- 推奨制作サイズ:2880*1240px
- メイン画像エリア (Hero / Main Visual Area)
- ページの顔(ヒーロー)となる核心的なメッセージおよび代表ビジュアルは、メイン画像エリア内に配置してください。
- 主要要素(タイトル、核心コピー、代表画像)は、見切れを防ぐためにセーフエリア内に構成してください。
- メイン画像エリアサイズ:1920*330px
- 基準スクリーン (作業基準)
- すべてのデザイン案は、基準スクリーン解像度に基づいてレイアウトを設計してください。
- 基準スクリーンサイズ:1920*1080px
- (推奨) 主要情報は1920基準で中央揃えを基本とし、左右の拡張領域は背景グラフィックで処理してください。
ウェブストア PC Background¶
- BG画像のMaxサイズ(紫色の領域)は5120*2880pxを推奨します。
- BG画像のスケール感はBasicサイズ(赤色の領域)1920*1080pxを基準に設定してください。
- 中央のコミュニティコンテンツ領域(緑色の領域、width 1080px)は空けてください。
- 中央のコミュニティコンテンツ領域の左右に、BGのメイン画像をバランスよく配置してください。
- Top/Centerを基準に、1920*1080px以上の領域からは背景画像の密度を下げてください。
ウェブストア ヘッダー (大門)¶
- ヘッダー画像に適用されるサイズを基準とします。
- PC適用サイズ:1080*340px
- 画像の比率を維持しながら縮小され、モバイルまで適用されます。最小サイズは横幅640 pixelです。
- モバイルではGNBとタイトルがバナーと一緒に構成されます。
メインバナー¶
- バナー画像は、PCに適用されるサイズを基準に制作してください。
- 適用サイズ:800*450px
- 登録時、バナー画像は適用サイズの2倍の大きさを推奨します。
- 登録推奨サイズ:1600*900px
- バナーは制作された元のサイズを基準に比率を維持し、縮小されてモバイルまで適用されます。
- 推奨サイズ内でイベント、アップデートなどの目的に合わせて自由に構成してください。
バナー¶
- これはコミュニティにアクセスしたときにポップアップ形式で表示される画像です。
- バナーはメインバナーとメインポップアップバナーに分かれており、どちらもゲーム内のメインバナーと同じ解像度(800*450px)で使用できます。
フッター CI¶
- CI適用ガイド
- 该CI画像は単一リソース(1種)として管理し、モバイル/PCビューで同一に適用されます。
- 该CI画像は比率固定で、基本サイズを基準に適用されます。
- CI画像基本サイズ:160*40px
SNS共有画像¶
- 共有画像ガイド
- 画像制作時、縦横比2:1を維持してください。
- リサイズが必要な場合でも、比率固定(2:1)を適用して歪みが発生しないようにしてください。
- 共有画像基本サイズ:800*400px
OPEN Graph Image¶
- 基本的な表示形式はWide(横型)を基準に制作してください。
- 表示環境によってSquare(正方形)比率でクロップ/表示される場合があるため、主要要素(テキスト/ロゴ/核心ビジュアル)は中央のセーフエリアに配置することで見切れを防ぐことができます。
- 画像推奨サイズ:1200*630px
- 画像最小サイズ:600*315px 以上










