Unity 应用内购 网上商店 网上商店的主题和品牌 了解如何使用主题令牌、品牌媒体和 AI 生成的主题来设置网上商店的样式。
网上商店的主题定义了其视觉外观,包括颜色、字体和布局。品牌推广会添加商品列表周围显示的媒体,例如英雄横幅和缩略图。
您可以使用两个相邻面板在 Edit 视图中配置两者:
自定义主题 :控制颜色、排版、布局令牌、主题生成输入和网上商店缩略图。主题生成输入包括应用商店 URL 和截屏,您可以与 AI 对话来优化结果。
英雄横幅 :控制出现在网上商店顶部的横幅图像。
这两个面板都是环境草案配置的一部分。发布时,Unity 会将两个面板复制到实时配置中。
网上商店使用单个移动优先布局。您可以自定义颜色、排印和媒体,但整体页面结构是固定的:英雄横幅显示在顶部,商品显示在下方,而页脚保持粘性。
主题令牌
主题是一组设计令牌,供网上商店用于渲染商店。
主题控制以下元素:
品牌和强调颜色,包括悬停和禁用变体。
背景颜色和渐变。
排版,包括字体系列、权重和大小比例。
布局值,例如角半径、间距和高程。
要自定义主题,请从游戏的 Apple App Store 列表或您自己的截屏中生成一个主题。然后,通过描述所需的更改,使用 AI 优化主题。助手根据您的说明更新主题。重置主题会恢复 Unity 默认值。
主题属于一个环境的草案配置。在一个环境中更改主题不会影响任何其他环境。
有关完整过程,请参阅生成 AI 网上 商店主题。
品牌是网上商店在商品列表周围显示的媒体。您可以在 Edit 视图中设置以下资源:
Webshop 缩略图 :用于链接预览和链接卡片。如果从应用商店 URL 生成主题,Unity 会使用抓取的应用程序图标作为默认缩略图。要覆盖该缩略图,请在 Customize theme 部分中上传您自己的缩略图。
英雄横幅 :显示在 Webshop 顶部的宽横幅图像。在 Customize 主题 下方的 Hero banner 部分中上传英雄横幅。
源上传支持 PNG、JPEG 和 WebP 格式。Dashboard(后台)在每次上传之前都会对其进行重新编码,因此玩家看到的资源可能与源文件略有不同。
自定义主题 部分也接受截屏作为生成主题的参考材料。这些截屏可以从应用商店 URL 中自动抓取或手动上传。它们是 AI 生成器的输入,不会出现在 Webshop 中。
有关大小、尺寸和格式限制,请参阅网上商店限制参考 。
没有连接目录的主题预览
要在连接 IAP 目录之前根据逼真的商店布局预览主题,请在 Catalog & payment provider 部分中启用 Mock catalog 开关。玩家永远不会看到模拟商品。有关详细信息,请参阅 Catalog and payments in webshops (网上商店目录和付款)。
草案和实时预览
Preview 面板的顶部有一个 Current draft /Live webshop 开关。使用它可以将草案主题和品牌与玩家当前看到的版本进行比较。要共享其他人可以在自己的浏览器中打开的预览,请从 General 部分复制 Dev preview URL 。此链接始终渲染当前草案。
跨环境的主题和品牌
主题和品牌是环境草案配置的一部分,因此编辑仅影响该环境。要将非生产环境的草案主题和品牌复制到生产中,请使用 Customize theme 部分中的 Apply to production 。此操作不会发布生产环境。您仍然必须发布生产才能使更改生效。
有关完整过程,请参阅将非生产草案应用于生产 。
有关环境、草案和发布的更多信息,请参阅网上商店简介 。