记录概览
- 记录类型
- 作品集记录：范围与交付，无量化结果
- 客户
- 一家在线设计工具开发商（名称不披露），服务于印刷、服装及社交媒体设计领域
- 地区
- 泰国
- 行业
- 印刷与包装
- 服务
- 电商平台开发
- 解决方案
- 产品个性化定制及Web to Print 平台
- 交付方
- Netbase 旗下 CMSmart 部门
- 工期
- 从概念到功能完成约一周
- 已发布指标
- 无
问题背景
该客户为印刷品及社交媒体帖子提供在线设计服务，与大型浏览器端设计工具直接竞争。其调研发现，用户通常会为同一设计制作多个版本，例如两种海报方案供选择。在原有工具中，每个设计位于独立页面，版本对比需要来回切换，操作缓慢且容易出错。客户希望在同一页面呈现多个设计，并提供快速切换方式。
Netbase 的构建内容
- 预览栏。编辑器右侧的栏目以缩略图形式从上至下依次展示每个设计页面，列表较长时可滚动查看。
- 快捷跳转。点击缩略图可直接跳转至对应设计。
- 添加页面。新页面按钮可在当前页面正下方新增一个空白设计。
- 选择打印页面。用户可从所有已创建的设计中勾选仅需打印的部分。
- 下载。设计可直接从同一栏目下载。
- 隐藏预览栏。当用户需要完整画布时可隐藏预览栏；设计团队在注意到预览栏占用工作空间后提出了此功能。
交付过程
客户向开发团队描述了功能构想，团队将预览栏放置在右侧以便于查看，并围绕用户对比版本的方式设计了一套操作。概念、设计、开发与完善共历时约一周，测试团队在交付前逐一核验每项操作。由于预览栏基于现有编辑器运行，用户仍可使用熟悉的模板、文字及图片工具。
未作出的声明
公开资料描述的是客户对该功能的预期，而非量化结果，因此本记录不发布任何销售额、流量或转化率数据。预览栏属于界面功能，并非 AI 功能。
相关案例与后续资源
另有案例：一家请柬印刷商的产品设计工具针对其订单流程进行了定制，以及一家印刷店获得了新产品页面与编辑器工具升级。完整案例集收录于我们的 Web to Print 客户案例。
我们的产品个性化定制及 Web to Print 平台解决方案涵盖编辑器功能，Web to Print 平台指南介绍如何规划相关功能，设计编辑器自建与采购对比指南权衡了扩展编辑器与自建编辑器的利弊，店铺平台相关内容可参阅商业与企业技术页面。欢迎查看更多 Netbase 作品，或联系 Netbase 了解类似项目。
资料来源
- CMSmart 社区关于设计预览栏的案例文章（2023年2月），已收录于 Netbase 案例列表；因文章中涉及客户名称，此处不重复其链接地址。
- Netbase 案例列表由 David（CEO）提供；David（CEO）于 2026-09-17 确认发布（F142）。
- MDN Web Docs，Canvas API，https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API（访问日期：2026-09-17）：浏览器端设计编辑器如何绘制页面和缩略图。
- MDN Web Docs，HTMLCanvasElement toBlob() 方法，https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob（访问日期：2026-09-17）：浏览器编辑器如何将绘制的设计转换为可下载的图片文件。
讨论项目
Netbase JSC帮助企业设计、构建、现代化及运营数字产品与AI驱动的业务系统。+84 937 869 689
91 Nguyen Chi Thanh, Dong Da, Hanoi, Vietnam
取得联系
告诉我们您想构建、现代化或运营的内容。