Steamworks 文献库
商店促销图像资产
如果您要找的是 Steam 资产规格,请参见资产概览

Steam 上的许多大型活动,包括定期的鉴选促销,都会显示特定尺寸的、专属于这些促销空间的艺术作品。

您可以在此处访问完整的 Photoshop 模板和详细信息:当前模板
(注意:请使用此新模板,并删除所有以前的版本。)


您自己的设计团队可以自行创建这其中的许多资产。 请提前至少一周将这些资产发送给 Valve,以便我们给您提供反馈,并给我们的本地化团队预留时间。 我们一直都将 Steam 横幅翻译成至少 26 种语言。
注意:发来的资产必须满足以下条件::
  • **所有的资产必须小于 5MB**

    向我们发送的内容
  • 分图层的 Photoshop(PSD)文件
    • 尽可能高分辨率的主要游戏/角色艺术作品(最好是智能对象)。 这样做让我们可以再利用这些资产,在必要时创建其他的 Steam 促销性艺术作品。
    • 独立于艺术作品的徽标(最好是智能对象)
    • 所有文本都应该可以编辑,且应放置在 PSD 文件内单独的“text”文件夹中,这样就文本就可以方便地由我们的团队进行本地化。
  • 所有使用的字体(尤其是自定义字体)
动画资产
  • 对于动画资产,请另外提供一个无缝循环播放的、不含文本和徽标的 MP4 和 PNG 序列。 不应将任何文本制成动画,这样便于我们的团队进行本地化。
  • 请努力让动画时长维持在 3-5 秒。 这有助于控制最终文件的大小,以便在 Steam 上显示。 所有最终导出的文件必须保持在 5MB 以下
  • 请尽量让您的动画慢些,并避免让画面刺眼。 动画应该有氛围感。
  • 请努力让动画无缝循环。 请注意,Steam 是设置为循环播放您的动画的,并且此功能无法关闭。 虽然无缝循环不是强制要求,但我们强烈建议这么做,以在视觉上获得最佳效果。
  • 所有的动画营销信息都将被导出为 Webm 和 MP4 文件。
  • 所有向用户表达信息(例如“现已推出”或“最新更新”)的文本(游戏或开发者徽标除外)必须保持可编辑状态,以便可以本地化:
  • 文本不能动画化,且文本之上也不得有任何动画化的效果。
  • 请不要将任何文本拼合到背景或动画中。
  • 导出 PNG 序列或 MP4 文件时,请务必关闭所有文本层,以免文本被拼合到背景中。
  • 所有基本信息都应位于模板中标明的绿色安全区域内,因为该区域之外的所有信息都不会在较小的屏幕上显示。

    向我们发送的内容
  • Photoshop文件,包含您的艺术作品、信息和动画 PNG 序列的视频时间轴设置;
  • 包含整个动画 PNG 序列的文件夹;
  • 如果您无法提供 PNG 序列,也可以提供动画的 MP4 文件;
  • 所使用的独特字体,特别是自定义字体。

资产名称尺寸类型注意事项
弹出式营销信息570px x 600pxJPG、PNG。 若为动画则为 MP4 或 WebM游戏或游戏更新的艺术作品,带游戏徽标。 简短的行动号召。
查看详情
焦点横幅306px x 260pxJPG带徽标的游戏艺术作品。 文本将自动置于底部。
查看详情
置顶展示横幅1850px x 450pxJPG、PNG。 若为动画则为 MP4 或 WebM游戏或游戏更新的艺术作品,带游戏徽标。 简短的行动号召。
查看详情
移动版置顶展示横幅500px x 350pxJPG、PNG。 若为动画则为 MP4 或 WebM置顶展示横幅的小尺寸版本。
若进行置顶展示则需提供
查看详情
页中展示横幅940px x 150pxJPG、PNG。 若为动画则为 MP4 或 WebM游戏或游戏更新的艺术作品,带游戏徽标。 简短的行动号召。
查看详情
特卖页面背景有关大小和修剪,请参阅模板。JPG、PNG在特卖页面顶部和背景中显示的图像。
如果有自定义特卖登陆页面,则为必需
查看详情
商店页面横幅1100px x 160pxJPG、PNG突出显示您的特卖活动的横幅。
如果有自定义特卖登陆页面,则为必需
查看详情
移动版商店页面横幅500px x 160pxJPG、PNG商店页面横幅的较小版本。
如果有自定义特卖登陆页面,则为必需
查看详情

上述资产的模板可在此处找到:当前模板

弹出式营销信息

用途:用于 Steam 消息弹出窗口及 Steam 首页

Steam 上的位置示例:


popupexample.PNG

frontpageexample394.PNG

设计:为达到最佳效果,请确保徽标清晰可见,并包含对促销类型(周间特惠、周末特惠、预购、现已推出、最新更新等)的标注,不可含有折扣力度和活动日期。 价格及行动号召按钮将会自动在图片下方显示。 如果有要在某特定地区使用的地区性徽标,请将其一并包含在 PSD 文件中。

尺寸: 570px x 600px,JPEG
视频尺寸: 570px x 600px,MP4 和 WebM

示例:
现已推出周末特惠全新 DLC 现已推出
IM_spark.jpgIM_spark.jpgnewdlcsc377x394.jpg
周间特惠最新更新
lamplighters_MM_MD.jpgIM_Update.jpg
立即预购立即预载
IM_prepurchase.jpgIM_preload.jpg
免费周末
IM_freeweekend.jpg

焦点横幅

用途:焦点横幅出现在 Steam 主页接近顶端之处,用于特定的促销,例如周间特惠或周末特惠。 焦点横幅也会出现在相关的商店中心页面(例如类型页面或标签页面)上。

设计:横幅只应用来展示游戏的艺术作品和徽标。 焦点横幅将会自动在图像的下面生成一个区域,其中有描述促销类型(例如“周末特惠”)和促销截止日期的文本。

尺寸:306px x 260px,JPEG

Steam 上的位置示例:

spotlightlocation.PNG

置顶展示横幅

用途:Steam 置顶展示仅用于最重大的游戏发行或特定的发行商特卖。 此横幅出现在 Steam 商店主页的顶部。

设计:Steam 置顶展示图片应该简单且抢眼。 一般而言,它是代表您的品牌和产品徽标的唯一重点艺术作品。 如果其主色调与 Steam 商店标准的蓝色反差太强烈,则可使用羽化边缘,也可以过渡到一个不同的纯色。

尺寸: 1850px x 450px,PNG
视频尺寸: 1850px x 450px,MP4 和 WebM

Frontpage_Takeover.jpg

FrontPage_Takeover_EXAMPLE.jpg

移动版置顶展示横幅

用途:此为 Steam 置顶展示的移动版本。 它将会在宽度小于 500px 的浏览器中显示。

设计:应该与置顶展示的设计相匹配,但是更小。 使用完整尺寸并用徽标和行动号召填满空间。

尺寸: 500px x 350px,PNG
视频尺寸: 500px x 350px,MP4 和 WebM

页中展示横幅

用途:Steam 页中展示仅用于某一些最重大的游戏发行或特定的发行商特卖。 此图将出现于 Steam 商店主页顶端附近,就在主宣传图轮播区下方。

设计:Steam 页中展示图片应该简单且抢眼。 一般而言,它是代表您的品牌和产品徽标的唯一重点艺术作品。 它将显示为页面上的横幅,因此您可以使用该资产的完整尺寸(勿使用羽化边缘)。

尺寸: 940px x 150px,PNG
视频尺寸: 940px x 150px,MP4 和 WebM

take_under.jpg

移动版页中展示横幅

用途:此为 Steam 页中展示的移动版本。 它将会在宽度小于 500px 的浏览器中显示。

设计:应该与页中展示的设计相匹配,但是更小。 使用完整尺寸并用徽标和行动号召填满空间。

尺寸: 500px x 160px,PNG
视频尺寸: 500px x 160px,MP4 和 WebM

take_under_mobile.jpg

特卖页面背景

用途:这是显示在您特卖页面顶部和背景中的图像。

设计:关键内容应放置在 940px 宽的模板安全区域内,如绿色方框所示。 艺术作品可以根据需要向页面的侧面和下方延伸。 例如,您可以将背景艺术作品的宽度设为 1789 像素,让其在侧边和底部渐变为纯色,然后在 Steamworks 中将页面背景色设置为与这种纯色相匹配的颜色。

1.png

商店页面横幅

用途:可以将商店页面横幅设置为出现在参与您活动的每款游戏的商店页面顶部。 只有当您的特卖页面上包含的每个游戏的创作者都知晓并批准商店页面横幅时,您才能使用这一横幅。 换句话说,开发者看到您的横幅出现在自己游戏商店页面的顶部时,不应感到惊讶。

设计:商店页面横幅图像应该简单且抢眼。 一般而言,它是代表特卖活动的唯一重点艺术作品。

尺寸:1100px x 160px,PNG

gamebanner.png

移动版商店页面横幅

用途:此为商店页面横幅的移动版本。 它将会在宽度小于 500px 的浏览器中显示。

设计:应该与商店页面横幅的设计相匹配,但是更小。 使用完整尺寸并用徽标和行动号召填满空间。

尺寸:500px x 160px,PNG