跳到主要内容

品牌定制工具

概述

在构建独特的 Breakroom 世界时,世界所有者世界管理员 可以上传自定义图形,为最终用户打造一致的品牌体验。这包括用户登录时看到的启动画面、用户访问 世界流 时显示的 网站图标 (favicon),以及 Breakroom 桌面客户端 的应用程序图标和安装程序图像。

图示:Breakroom 中某活动的自定义登录界面。

上传自定义登录界面

图示:仪表板 > 世界自定义 > 基本信息 选项卡中的“品牌定制”面板。

要上传自定义登录界面图像,请按照以下步骤操作。

  1. 导航至您的 仪表板
  2. 点击 世界自定义 > 基本信息 选项卡。向下滚动至“品牌定制”面板。
  3. 点击位于 品牌定制 > 世界背景图像 面板下方的 浏览 链接。这将在您的计算机上打开标准的文件导入窗口。
  4. 找到您想用作登录界面的图像文件并点击它,然后点击 打开 按钮。
  5. 图像上传后,您将看到它以缩略图形式显示。
  6. 点击 保存更改 按钮。
信息

Breakroom 支持 JPG、JPEG 和 PNG 图像格式。登录启动画面的推荐尺寸为 1920x1080 或 16:9 比例,最大文件大小为 5MB。

定制应用程序图标或网站图标 (favicon)

图示:Windows 任务栏中的多个应用程序图标。

当用户安装您的 Breakroom 桌面应用程序时,您的自定义应用程序图标将替换默认的应用程序图标。它还将替换 世界流 浏览器标签页中的默认网站图标。

要上传自定义应用程序图标或网站图标,请按照以下步骤操作。

  1. 导航至您的 仪表板
  2. 点击 世界自定义 > 基本信息 选项卡。向下滚动至“品牌定制”面板。
  3. 点击位于 品牌定制 > 应用程序图标 面板下方的 浏览 链接。这将在您的计算机上打开标准的文件导入窗口。
  4. 找到您想用作登录界面的图像文件并点击它,然后点击 打开 按钮。
  5. 图像上传后,您将看到它以缩略图形式显示。
  6. 点击 保存更改 按钮。
信息

Breakroom 支持 JPG、JPEG 和 PNG 图像格式。应用程序图标的推荐尺寸为 256x256 或 1:1 比例,最大文件大小为 5MB。

应用程序图标最佳实践

应用程序图标是非常小的图像——仅为 256x256 像素。根据设备不同,您的图标甚至可能不会以完整尺寸显示。因此,在创建应用程序图标时,遵循一些最佳实践建议非常重要。

  1. 尽量不使用文字。小字体和密集的文字对大多数用户来说将不可见。
  2. 选择醒目且引人注目的设计。您的公司标志或公司名称的首字母是一个很好的起点。
  3. 选择对比鲜明的颜色。热带橙色背景上的亮粉色标志可能难以让用户看清。

让我们比较一下两家虚构公司——Best World 和 Happy Water 的示例标志。在这里我们可以看到,Best World 的标志(左侧)包含小文字和更小的图像。此外,还有很多空白空间,粉色文字几乎消失在红色背景中。与此同时,Happy Water 的标志(右侧)醒目且亲切,颜色之间对比鲜明。

以下是相同的标志缩小至 32x32 像素的效果,模拟用户在其系统托盘中运行您的 Breakroom 应用程序时可能看到的样子。您可以看到 Best World 的标志已无法辨认,而 Happy Water 的标志仍然清晰可辨。

定制安装程序图像

图示:桌面应用程序安装对话框。

当用户下载您的桌面应用程序并在其计算机上安装时,他们将看到您的自定义安装程序图像。

要上传自定义安装程序图像,请按照以下步骤操作。

  1. 导航至您的 仪表板
  2. 点击 世界自定义 > 基本信息 选项卡。向下滚动至“品牌定制”面板。
  3. 点击位于 品牌定制 > 安装程序图像 面板下方的 浏览 链接。这将在您的计算机上打开标准的文件导入窗口。
  4. 找到您想用作登录界面的图像文件并点击它,然后点击 打开 按钮。
  5. 图像上传后,您将看到它以缩略图形式显示。
  6. 点击 保存更改 按钮。
信息

安装图像必须为 PNG 格式。安装图像的推荐尺寸为 163x314,最大文件大小为 5MB。