BAIZE AI RESOURCE

品牌设计系统生成工具

Open-design

Open-design 是一款提供桌面安装包的设计工具。其品牌构建功能可根据网站 URL 或已有品牌资料生成配色、主题和设计组件,并产出落地页、邮件、海报预览,减少从零整理品牌视觉规范的工作。

Open-design

资源介绍

Open-design 面向需要制作品牌视觉内容的设计与内容创作用户。现有资料展示了它的品牌构建功能:以网站 URL 或已有品牌资料为输入,生成一套可复用的样式,并提供默认、深色和紧凑三种主题。生成结果包括配色与样式数据、组件展示页,以及落地页、邮件和海报的 HTML 成品;索引页可集中预览这些文件。对希望让不同页面和素材保持一致视觉风格的用户,它能减少分别设定颜色与组件样式的工作。项目提供 macOS 和 Windows 安装包;资料也给出了从项目源码运行品牌构建命令的方式。

核心能力

从品牌资料生成样式

可根据网站 URL 或已有品牌资料生成配色与样式系统,供后续设计内容使用。

提供多种主题

可从同一品牌设定生成默认、深色和紧凑主题,便于在不同显示需求下保持视觉一致。

生成品牌内容预览

可产出组件展示页及落地页、邮件、海报的 HTML 文件,并通过索引页集中预览。

使用方法

  1. 按设备选择对应的 macOS DMG 或 Windows EXE 安装包进行安装。

  2. 如需使用资料中明确说明的品牌构建命令,可在项目源码环境中提供网站 URL 或已有品牌资料作为输入。

  3. 生成后打开输出目录中的 index.html,查看主题、组件及内容预览;按需取用生成的样式和 HTML 文件。

使用案例

统一品牌页面风格

使用场景设计人员需要让品牌落地页与邮件采用一致的配色。

以品牌资料生成样式系统,再查看落地页和邮件预览,作为后续制作的视觉参考。

制作深色主题预览

使用场景团队已有品牌设定,希望查看它在深色界面中的效果。

使用同一品牌输入生成深色主题,并打开对应的组件展示页检查视觉效果。

包含内容

open-design-source.zip
README-中文安装说明.md
LICENSE-Apache-2.0.txt
THIRD-PARTY-NOTICES.md
SHA256.txt

常见问题

Open-design 提供哪些系统的安装包?
所给版本的发布文件包含适用于 Apple Silicon 和 Intel Mac 的 DMG,以及适用于 Windows x64 的 EXE 安装包。
品牌构建功能可以使用什么作为输入?
项目资料给出的品牌构建命令支持网站 URL 或已有品牌资料作为输入;从 URL 构建时会先获取网站素材。
品牌构建后能得到哪些文件?
资料列出的输出包括各主题的样式数据、CSS 变量、组件展示页、落地页、邮件和海报 HTML,以及用于集中预览的 index.html。