[发明专利]基于设计图的在线协作装置及方法

说明书

本发明公开一种基于设计图的在线协作装置及方法，将项目设计过程中使用的产品需求文件上传到对应的项目中，供产品设计研发团队成员查看；根据产品需求文件进行设计图设计，并调用设计图上传模块将根据产品需求文件设计的设计图上传到对应的项目中，供产品设计研发团队成员查看；调用信息提取模块提取设计师上传的设计图标注信息和图层信息，并调用图形切片模块根据预设的尺寸参数对上传的设计图进行图形切割；根据设计师上传的设计图中的设计元素生成供工程师编程使用的样式代码；并展示设计师上传的设计图供产品设计研发团队成员查看。本发明提高产品设计研发团队成员的工作效率和沟通效率，降低了试错和劳动成本，缩短了产品研发周期。

技术领域

本发明涉及数据处理技术领域，具体涉及一种基于设计图的在线协作装置及方法。

背景技术

目前，国内的产品经理、设计师、工程师在项目产品开发过程中，没有一个单独的协作技术方案可以帮他们高效沟通。

一般产品经理会将需求以文档形式，通过QQ、微信、邮件等传输形式发给设计师与工程师，然后团队开会，将需求文档以打印或PPT投屏形式进行沟通。设计师根据产品经理需求进行APP或网页设计，一般会将设计图以压缩包形式通过微信、QQ、邮件等形式发给产品经理与其他相关人员。产品经理与相关人员如果对设计图有修改建议，会采取不同的线上或线下形式向设计师提出修改建议，如QQ、微信、邮件、面对面讲述等，很容易遗漏修改需求。

设计图定稿后，设计师需要手动为设计图上每个元素进行标记，并按工程师要求将需要元素进行切片，此繁琐手动工作会占据设计师工作时长1/3～1/2，且极易错标漏标，或遗漏工程师所需切片。这就造成了工程师会经常因此找设计师挨个比对，效率极低。工程师是根据设计师给出的设计图进行最后的编程，但可能会因为低效沟通，或渠道出错问题，造成对设计图跳转逻辑不清晰，或者设计图版本滞后等问题，最终导致返工，延长了产品开发周期。

发明内容

本发明实施例的目的在于提供一种基于设计图的在线协作装置及方法，能够提高产品研发团队的沟通与协作效率，将机械的手工操作自动化，提高团队工作效率与精准度。

为实现上述目的，本发明实施例提供一种基于设计图的在线协作装置，所述协作装置包括：

文件上传模块，用于产品经理将项目设计过程中使用的产品需求文件上传到对应的项目中供产品设计研发团队成员查看；

设计图上传模块，用于上传设计师根据产品需求文件设计的设计图到对应的项目中供产品设计研发团队成员查看；

信息提取模块，用于提取设计师上传的设计图标注信息和图层信息；

图形切片模块，用于根据预设的尺寸参数对上传的设计图进行图形切割；

代码生成模块，用于根据设计师上传的设计图中的设计元素生成供工程师编程使用的样式代码；

项目画布模块，用于展示设计师上传的设计图供产品设计研发团队成员查看。

作为基于设计图的在线协作装置的优选方案，所述协作装置还包括逻辑连线模块，逻辑连线模块用于绘制设计图之间的跳转逻辑连线并根据连线顺序切换设计图。通过在不同的设计图之间绘制逻辑连续，表明设计图之间的逻辑关系。可以通过现有技术的鼠标在一个基础设计图的一侧绘制逻辑线的起点，在另外的延伸设计图(与基础设计图有逻辑关系的设计图)的一侧绘制终点，从而借助计算机技术生成不同设计图之间的逻辑线。

作为基于设计图的在线协作装置的优选方案，所述协作装置还包括跳转交互模块，跳转交互模块用于工程师查看设计图页面之间的跳转逻辑。通过跳转交互模块能够查看不同的设计图之间的跳转逻辑，通过鼠标单击设计图上的元素能够展示对应的跳转逻辑。