(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 20221093198 8.8 (22)申请日 2022.08.04 (71)申请人 阿里巴巴 （中国） 有限公司 地址 311121 浙江省杭州市余杭区五常街 道文一西路969号3幢5层5 54室 (72)发明人 佟彤　 (74)专利代理 机构 北京开阳星知识产权代理有 限公司 1 1710 专利代理师 袁义科 (51)Int.Cl. G06F 8/38(2018.01) G06F 8/34(2018.01) G06F 9/451(2018.01) (54)发明名称 设计效果的预览方法、 装置、 设备及 介质 (57)摘要 本公开实施例涉及一种设计效果的预览方 法、 装置、 设备及介质， 通过 获取设计稿的画 板数 据， 并对画板数据进行标准化处理， 得到预览引 擎可以识别的d2 c数据， 从而基于 该d2c数据渲染 得到d2c效果的预览图像。 设计师不需要将设计 稿上传到资源 管理平台， 也不需要从低代码平台 上进行预览， 而是直接在本地即可实现d2c效果 的预览， 缩短了设计师d2c 预览的链路， 提高了 预 览效率和使用体验。 权利要求书1页 说明书9页 附图5页 CN 115480764 A 2022.12.16 CN 115480764 A 1.一种设计效果的预览方法， 其中， 包括： 获取设计稿的画板数据； 对所述画板数据进行 标准化处理， 得到预览引擎可识别的d2c数据； 基于所述d2c数据进行渲染， 得到预览图像。 2.根据权利要求1所述的方法， 其中， 所述获取设计稿的画板数据， 包括： 展示设计稿中的画板； 获取被选中的一个或多个画板的画板数据。 3.根据权利要求1或2所述的方法， 其中， 所述对所述画板数据进行标准化处理， 得到预 览引擎可识别的d2c数据， 包括： 将所述画板数据转换成d2c协议的数据； 对所述d2c协议的数据进行 标准化处理， 得到预览引擎可识别的d2c数据。 4.根据权利要求3所述的方法， 其中， 所述对所述d2c协议的数据进行标准化处理， 得到 预览引擎可识别的d2c数据， 包括： 从所述d2c协议的数据中删除预设项目的数据； 将剩余数据的数据名称和/或上下级关系的表示形式转换成所述预览引擎可识别的名 称和/或表示形式。 5.根据权利要求4所述的方法， 其中， 所述从所述d2c协议的数据中删除预设项目的数 据之前， 所述方法还 包括： 展示预览配置界面； 基于所述预览配置界面获取预览配置信 息， 所述预览配置信 息中包括所述预设项目的 信息。 6.根据权利要求1所述的方法， 其中， 所述对所述画板数据进行标准化处理， 得到预览 引擎可识别的d2c数据之后， 所述方法还 包括： 对所述d2c数据进行 校验； 如果校验通过， 则基于所述d2c数据进行渲染， 得到预览图像。 7.根据权利要求1或6所述的方法， 其中， 所述基于所述d2c数据进行渲染， 得到预览图 像之后， 所述方法还 包括： 检测针对所述预览图像上的元 素的调整操作； 响应于所述调整操作， 更新所述元 素在所述d2c数据中对应的数据； 基于更新后的数据， 调整所述元 素在所述预览图像上的显示效果。 8.一种预览装置， 其中， 包括： 获取模块， 用于获取设计稿的画板数据； 处理模块， 用于对所述画板数据进行 标准化处理， 得到预览引擎可识别的d2c数据； 渲染模块， 用于基于所述d2c数据进行渲染， 得到预览图像。 9.一种图形设计设备， 其中， 包括处理器和存储器， 所述存储器上存储有计算机程序， 当所述计算机程序被所述处理器执行时， 所述处理器执行如权利要求1 ‑7中任一项所述的 方法。 10.一种计算机可读存储介质， 其中， 所述存储介质中存储有计算机程序， 当所述计算 机程序被执 行时， 实现如权利要求1 ‑7中任一项所述的方法。权　利　要　求　书 1/1 页 2 CN 115480764 A 2设计效果 的预览方 法、 装置、 设备及介质 技术领域 [0001]本公开实施例涉及界面设计技术领域， 尤其涉及一种设计效果的预览方法、 装置、 设备及介质。 背景技术 [0002]在设计稿到代码(Design  To Code， 简称d2c)的设计链路中， 设计师在对页面进行 设计后， 只能看到基于设计软件协议的设计效果。 基于d2c协议的d2c效果需要设计师将设 计稿上传至资源管理平台， 然后通过资源管理平台生成的资源管理地址， 在低代码平台上 进行预览， 预览的过程较为繁琐。 尤其是， 设计师通常需要根据预览效果对设计稿进行调 整， 调整后的设计稿也需要按照上述流程进 行上传和预览， 整个预览和设计的链路较长， 效 率较低， 因此， 如何提高设计师的预览效率是本领域 技术人员需要解决的技 术问题。 发明内容 [0003]为了解决上述技术问题， 本公开实施例提供了一种设计效果的预览方法、 装置、 设 备及介质。 [0004]本公开实施例的第一方面提供了一种设计效果的预览方法， 该方法可以直接从图 形设计设备上获取设计稿的画板数据， 并对画板数据进行标准化处理， 得到预览引擎可识 别的d2c数据， 从而基于该d2c数据即可在图形设计设备本地实现d2c预览。 [0005]本公开实施例的第二方面 提供了一种预览装置， 该 预览装置包括： [0006]获取模块， 用于获取设计稿的画板数据； [0007]处理模块， 用于对画板数据进行 标准化处理， 得到预览引擎可识别的d2c数据； [0008]渲染模块， 用于基于d2c数据进行渲染， 得到预览图像。 [0009]本公开实施例的第三方面提供了一种图形设计设备， 该图形设计设备包括处理器 和存储器， 其中， 存储器上存储有计算机程序， 当该计算机程序被图形设计设备中的处理器 执行时， 处理器可以执 行上述第一方面的方法。 [0010]本公开实施例的第四方面提供了一种计算机程序产品， 该程序产品存储在存储介 质中， 当该程序 产品被运行时， 可以实现上述第一方面的方法。 [0011]本公开实施例的第五方面提供了一种计算机可读存储介质， 该存储介质种存储有 计算机程序， 当该计算机程序被执 行时， 可以实现上述第一方面所述的方法。 [0012]本公开实施例提供的技 术方案与现有技 术相比具有如下优点： [0013]本公开实施例， 通过获取设计稿的画板数据， 并对画板数据进行标准化 处理， 得到 预览引擎可以识别的d2c数据， 从而基于该d2c数据渲染得到d2c效果的预览图像。 设计师不 需要将设计稿上传到资源管理平台， 也不需要从低代码平台上进行预览， 而是直接在本地 即可实现d2c效果的预览， 缩短了设计师d2c预览的链路， 提高了预览效率和使用体验。说　明　书 1/9 页 3 CN 115480764 A 3