图像资源准备

注册图像资产¶

图像素材注册 在社区和网页商店展示的所有图像内容，需在制作后直接通过控制台进行注册。图像尺寸可在控制台注册素材时确认。

指南应用示例¶

这是按照推荐指南配置图像素材的PC端屏幕示例。

社区¶

网页商店¶

图像素材构成¶

游戏 BI¶

• BI 整体尺寸
• BI 整体尺寸包含留白（红色区域）。
• BI 整体尺寸：264*124px

社区 PC Background¶

• 背景颜色
  • 请使用 HEX 代码指定背景颜色值。（例：#FFFFFF）
  • 制作背景图像前，请将指定的背景颜色作为基准颜色 (Primary Background Color) 使用。
• 背景图像 (Background Image)
  • 制作时请保持与指定背景颜色的色调/饱和度/亮度的协调。
  • 请避免背景颜色与图像之间的对比度过大。
  • 推荐制作尺寸：2880*1240px
• 主视觉区域 (Hero / Main Visual Area)
  • 请将起到页面门面（Hero）作用的核心信息及代表视觉元素配置在主视觉区域内。
  • 主要元素（标题、核心文案、代表图像）请配置在安全区域内以防被裁剪。
  • 主视觉区域尺寸：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（正方形）比例，因此主要元素（文本/Logo/核心视觉）必须放置在中央安全区域以防被裁剪。
• 图像推荐尺寸：1200*630px
• 图像最小尺寸：600*315px 以上