CN116796392B - 原型预览方法、原型预览设备以及可读存储介质 - Google Patents

Abstract

本发明涉及电子数字数据处理技术领域，尤其涉及一种原型预览方法、原型预览设备以及可读存储介质。通过接收上传的原型设计，并获取所述原型设计的原型文件格式；根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址；将所述在线预览地址共享至与所述原型设计相关的用户端；当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能。可以实现原型设计团队在线上进行原型设计时的团队协作，例如原型管理、原型变更和原型评论等操作。

Description

原型预览方法、原型预览设备以及可读存储介质

技术领域

本发明涉及电子数字数据处理技术领域，尤其涉及一种原型预览方法、原型预览设备以及可读存储介质。

背景技术

常用的原型设计软件如Axure和墨刀等，为设计师提供了创建高保真度原型的功能，因此，Axure和墨刀等常用的原型设计软件是设计师个人对原型的精细设计的工具。

然而， 由于这些软件的主要功能定位是原型设计，而不是团队协作，因此，虽然这些软件符合设计师的设计需求，却缺乏用于团队协作的功能，例如实现原型的在线预览，以及在预览的原型上对原型进行打点、评论、收集反馈意见等功能。

上述内容仅用于辅助理解本发明的技术方案，并不代表承认上述内容是现有技术。

发明内容

本发明的主要目的在于提供一种原型预览方法，旨在解决原型预览的问题。

为实现上述目的，本发明提供的一种原型预览方法，所述原型预览方法包括以下步骤：

接收上传的原型设计，并获取所述原型设计的原型文件格式；

根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址；

将所述在线预览地址共享至与所述原型设计相关的用户端；

当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能。

可选地，所述预览权限分为一级权限、二级权限和三级权限，所述当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能的步骤包括：

若所述预览权限为所述一级权限，开放原型管理功能、原型变更功能、原型评论功能和原型查看功能；

若所述预览权限为所述二级权限，开放所述原型变更功能、所述原型评论功能和所述原型查看功能；

若所述预览权限为所述三级权限，开放所述原型评论功能和所述原型查看功能。

可选地，所述当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能的步骤包括：

获取用户信息，并根据所述用户信息确定用户身份；

根据所述用户身份确定所述用户的预览权限；

若所述用户身份为管理人员，确定所述预览权限为所述一级权限；

若所述用户身份为开发人员，确定所述预览权限为所述二级权限；

若所述用户身份为设计人员，确定所述预览权限为所述三级权限。

可选地，所述根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址的步骤包括：

将所述原型预览文件保存至原型预览平台；

所述原型预览平台基于预设地址生成规则，生成与所述原型预览文件对应的所述在线预览地址，所述在线预览地址用于共享所述原型预览文件。

可选地，所述目标文件格式为图片格式，所述根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址的步骤包括：

对所述原型设计进行解析，获得所述原型设计的布局信息和样式信息；

根据预设格式转换规则，将所述布局信息和所述样式信息转换为图像信息；

将所述图像信息以图片格式保存并导出，生成所述图片格式的原型预览文件。

可选地，所述将所述在线预览地址共享至与所述原型设计相关的用户端的步骤包括：

获取所述原型预览文件的用户配置信息；

根据所述用户配置信息，确定有权预览所述原型预览文件的用户端；

将所述在线预览地址共享至所述用户端。

可选地，所述当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能的步骤之后，还包括：

对所述用户端的操作进行监听；

当所述用户端对所述原型预览文件进行管理操作、和/或变更操作、和/或评论操作时，获取所述用户端的操作内容；

基于所述在线预览地址，将所述操作内容同步至其他所述用户端。

可选地，所述当所述用户端对所述原型预览文件进行管理操作、和/或变更操作、和/或评论操作时，获取所述用户端的操作内容的步骤之后，还包括：

记录所述对所述原型预览文件的操作内容，并生成操作日志；

当接收到操作记录追溯指令时，调用所述操作日志；

根据所述操作日志，追溯与目标操作记录对应的所述操作内容。

此外，为实现上述目的，本发明还提供一种原型预览设备，所述原型预览设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的原型预览程序，所述原型预览程序被所述处理器执行时实现如上所述的原型预览方法的步骤。

此外，为实现上述目的，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有原型预览程序，所述原型预览程序被处理器执行时实现如上所述的原型预览方法的步骤。

本发明实施例提供原型预览方法、原型预览设备以及可读存储介质。通过获取接收到的原型设计的原型文件格式；然后根据预设格式转换规则，将原型设计转换为目标文件格式的原型预览文件，使用户可以无需通过额外的软件查看原型设计；以及通过生成原型预览文件的在线预览地址，然后，将在线预览地址共享至与原型设计相关的用户端，并向不同用户开放相应权限的预览功能，实现了多用户在线上共同对同一个原型预览文件进行操作，例如原型管理、原型变更、原型评论和原型查看等操作。因此，通过获取接收到的原型设计的原型文件格式；然后根据预设格式转换规则，将原型设计转换为目标文件格式的原型预览文件；以及通过生成原型预览文件的在线预览地址，然后将在线预览地址共享至与原型设计相关的用户端，并向不同用户开放相应权限的预览功能，可以实现原型设计团队在线上进行原型设计时的团队协作。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例涉及的原型预览设备的硬件运行环境的架构示意图；

图2为本发明原型预览方法的第一实施例的流程示意图；

图3为本发明原型预览方法的第二实施例的流程示意图；

图4为本发明原型预览方法的第三实施例的流程示意图；

图5为本发明原型预览方法的第四实施例的流程示意图；

图6为本发明原型预览方法的第五实施例的流程示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图作进一步说明。

具体实施方式

本申请原型预览方法，通过接收上传的原型设计，并获取所述原型设计的原型文件格式；根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址；将所述在线预览地址共享至与所述原型设计相关的用户端；当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能。可以实现原型设计团队在线上进行原型设计时的团队协作，例如原型管理、原型变更和原型评论等操作。

为了更好地理解上述技术方案，下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整地传达给本领域的技术人员。

作为一种实现方案，图1为本发明实施例方案涉及的原型预览设备的硬件运行环境的架构示意图。

如图1所示，该原型预览设备可以包括：处理器101，例如中央处理器（CentralProcessing Unit，CPU），存储器102，通信总线103。其中，存储器102可以是高速的随机存取存储器（Random Access Memory，RAM）存储器，也可以是稳定的非易失性存储器（Non-Volatile Memory，NVM），例如磁盘存储器。存储器102可选的还可以是独立于前述处理器101的存储装置。通信总线103用于实现这些组件之间的连接通信。

本领域技术人员可以理解，图1中示出的结构并不构成对原型预览设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种计算机可读存储介质的存储器102中可以包括操作系统、数据存储模块、网络通信模块、用户接口模块以及原型预览程序。

在图1所示的原型预览设备中，处理器101、存储器102可以设置在原型预览设备中，所述原型预览设备通过处理器101调用存储器102中存储的原型预览程序，并执行以下操作：

接收上传的原型设计，并获取所述原型设计的原型文件格式；

根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址；

将所述在线预览地址共享至与所述原型设计相关的用户端；

当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能。

在一实施例中，处理器101可以用于调用存储器102中存储的原型预览程序，并执行以下操作：

若所述预览权限为所述一级权限，开放原型管理功能、原型变更功能、原型评论功能和原型查看功能；

若所述预览权限为所述二级权限，开放所述原型变更功能、所述原型评论功能和所述原型查看功能；

若所述预览权限为所述三级权限，开放所述原型评论功能和所述原型查看功能。

在一实施例中，处理器101可以用于调用存储器102中存储的原型预览程序，并执行以下操作：

获取用户信息，并根据所述用户信息确定用户身份；

根据所述用户身份确定所述用户的预览权限；

若所述用户身份为管理人员，确定所述预览权限为所述一级权限；

若所述用户身份为开发人员，确定所述预览权限为所述二级权限；

若所述用户身份为设计人员，确定所述预览权限为所述三级权限。

在一实施例中，处理器101可以用于调用存储器102中存储的原型预览程序，并执行以下操作：

将所述原型预览文件保存至原型预览平台；

所述原型预览平台基于预设地址生成规则，生成与所述原型预览文件对应的所述在线预览地址，所述在线预览地址用于共享所述原型预览文件。

在一实施例中，处理器101可以用于调用存储器102中存储的原型预览程序，并执行以下操作：

对所述原型设计进行解析，获得所述原型设计的布局信息和样式信息；

根据预设格式转换规则，将所述布局信息和所述样式信息转换为图像信息；

将所述图像信息以图片格式保存并导出，生成所述图片格式的原型预览文件。

在一实施例中，处理器101可以用于调用存储器102中存储的原型预览程序，并执行以下操作：

获取所述原型预览文件的用户配置信息；

根据所述用户配置信息，确定有权预览所述原型预览文件的用户端；

将所述在线预览地址共享至所述用户端。

在一实施例中，处理器101可以用于调用存储器102中存储的原型预览程序，并执行以下操作：

对所述用户端的操作进行监听；

当所述用户端对所述原型预览文件进行管理操作、和/或变更操作、和/或评论操作时，获取所述用户端的操作内容；

基于所述在线预览地址，将所述操作内容同步至其他所述用户端。

在一实施例中，处理器101可以用于调用存储器102中存储的原型预览程序，并执行以下操作：

记录所述对所述原型预览文件的操作内容，并生成操作日志；

当接收到操作记录追溯指令时，调用所述操作日志；

根据所述操作日志，追溯与目标操作记录对应的所述操作内容；

基于上述原型预览设备的硬件架构，提出本发明原型预览方法的实施例。

参照图2，在第一实施例中，所述原型预览方法包括以下步骤：

步骤S100：接收上传的原型设计，并获取所述原型设计的原型文件格式。

在本实施例中，用户通过原型预览平台上传的原型设计；原型预览平台在接收到用户上传的原型设计之后，对该原型设计进行解析，以确定该原型设计的原型文件格式。

其中，原型设计是在产品或系统开发过程中创建的，用于展示和呈现产品或系统设计概念和功能的可视化文档或文件。在原型设计中，包括但不限于产品或系统的界面布局、交互流程和功能细节等内容。

在本实施例中，原型文件格式是指用于保存和导出原型设计的文件格式。原型文件格式可以是用于保存静态的界面截图或设计元素的图像格式；可以是用于保存包含交互链接和动画效果，以实现实际的用户界面交互的交互式原型文件格式；还可以是不同原型设计工具生成的特有的原型文件格式，如Adobe XD原型设计工具的“.xd文件”和Axure RP原型设计工具的“.rp文件”等。

步骤S200：根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址。

在本实施例中，预设格式转换规则指的是原型文件的格式转换规则。可选地，该预设格式转换规则包括但不限于将不同原型设计工具生成的特有的原型文件格式的原型设计，转换为图像格式的原型预览文件的格式转换规则，和/或转换为HTML（Hyper TextMarkup Language，超文本标记语言）格式的原型预览文件的格式转换规则。目标文件格式为通用的原型文件格式，即图像格式和/或HTML格式。

原型预览文件是指用于呈现原型，并在原型上实现管理操作、和/或变更操作、和/或评论操作等操作内容的文件，进而实现在原型设计时，与其他相关人员进行协作，以及收集反馈的功能。

可选地，预设格式转换规则规定了，解析并提取原型文件中的页面、图层、组件、文本、图片、图标等元素的规则；转换这些元素的信息和格式的规则；以及处理原型文件中的图片、图标、音频、视频等资源的规则等。

在本实施例中，生成原型预览文件的在线预览地址可以通过将原型预览文件保存至原型预览平台，并由原型预览平台基于预设地址生成规则，生成与原型预览文件对应的在线预览地址的方法实现。其中，在线预览地址用于实现对原型预览文件的共享。需要说明的是，与原型预览文件对应的所述在线预览地址应当是唯一的，以确保每个原型预览文件都对应一个唯一的在线预览地址。

其中，预设地址生成规则可以包括协议、主机名和路径等。具体地，协议是指用于标识访问资源所使用的协议，如HTTP（Hypertext Transfer Protocol，超文本传输协议）、HTTPS（Hypertext Transfer Protocol Secure，超文本安全传输协议）等协议；主机名是指定资源所在的服务器主机名或IP地址；路径是由多个目录名和文件名组成的，用于标识原型预览文件在服务器上的具体位置的路径字符串。

在一实施例中，在将原型预览文件保存至原型预览平台后，生成一个与该原型预览文件对应的版本号，用于对原型预览文件进行标识和管理；和/或生成一个与该原型预览文件对应的序列号，用于提高原型预览文件的安全性。

步骤S300：将所述在线预览地址共享至与所述原型设计相关的用户端；

在本实施例中，原型预览平台通过获取关于原型预览文件的用户配置信息；然后根据用户配置信息，确定有权预览该原型预览文件的用户端；并将在线预览地址共享至该用户端。

其中，用户配置信息可以包括具有原型预览文件预览权限的所有用户的用户信息。在这些用户信息中，包括了用户所对应的用户端的信息。因此，可以通过根据用户配置信息，确定有权预览该原型预览文件的用户端。

可选地，可以通过电子邮件、消息通知等方式将在线预览地址共享至相关用户端。

相关用户端可以是原型设计人员、原型开发人员、原型管理人员和原型需求人员所使用的用户端，具体地，需求人员可以是客户。

在本实施例中，原型预览文件的创建者在原型预览文件生成之后，为该原型预览文件添加用户配置信息，用于将原型预览文件通过在线预览地址共享至相关用户端，并向相关用户端开放相应的预览功能。

步骤S400：当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能。

在本实施例中，当用户通过用户端打开在线预览地址时，原型预览平台对该用户进行用户权限验证，以确定该用户的预览权限，进而确保用户打开该原型预览文件的合法性。可选地，用户通过账号密码登录用户端，登录成功后，用户端将用户的登录信息发送至原型预览平台，用于进行用户权限验证，并根据用户权限验证的结果，开放相应的预览功能。

在一实施例中，预览权限包括一级权限、二级权限和三级权限。若用户权限验证的结果是一级权限，则向该用户使用的用户端开放原型管理功能、原型变更功能、原型评论功能和原型查看功能；若用户权限验证的结果是二级权限，则向该用户使用的用户端开放原型变更功能、原型评论功能和原型查看功能；若用户权限验证的结果是三级权限，则向该用户使用的用户端开放原型评论功能和原型查看功能。

示例性地，原型预览文件的创建者通过原型预览平台上传一个由Adobe XD生成的原型设计。原型预览平台对该原型设计进行解析，并确定该原型设计的原型文件格式为“.xd文件”。

然后，根据预设格式转换规则，通过对接Adobe XD原型设计工具的官方插件，提取原型设计图层中的CSS（Cascading Style Sheets，层叠样式表）和JavaScript脚本语言；并对CSS和JavaScript进行结合，组装成HTML文件，以将该“.xd文件”转换为可在线预览的HTML格式文件。

然后，通过将原型预览文件保存至原型预览平台，并由原型预览平台基于预设地址生成规则，生成与原型预览文件对应的唯一的在线预览地址。

然后，获取原型预览文件的创建者为原型预览文件添加的用户配置信息，并在根据用户配置信息确定与该原型预览文件相关的用户端之后，通过电子邮件的方式，将在线预览地址共享至相关的用户端。

当有用户通过用户端打开在线预览地址时，原型预览平台获取该用户的登录信息。经过对该登录信息的解析，确定该用户的预览权限为三级权限，向该用户使用的用户端开放原型评论功能和原型查看功能。

在本实施例提供的技术方案中，通过获取接收到的原型设计的原型文件格式；然后根据预设格式转换规则，将原型设计转换为目标文件格式的原型预览文件，使用户可以无需通过额外的软件查看原型设计；以及通过生成原型预览文件的在线预览地址，然后将在线预览地址共享至与原型设计相关的用户端，并向不同用户开放相应权限的预览功能，实现了多用户在线上共同对同一个原型预览文件进行操作，例如原型管理、原型变更、原型评论和原型查看等操作。因此，通过获取接收到的原型设计的原型文件格式；然后根据预设格式转换规则，将原型设计转换为目标文件格式的原型预览文件；以及通过生成原型预览文件的在线预览地址，然后将在线预览地址共享至与原型设计相关的用户端，并向不同用户开放相应权限的预览功能，可以实现原型设计团队在线上进行原型设计时的团队协作。

参照图3，基于上述实施例，在第二实施例中，所述当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能的步骤包括：

步骤S411：获取用户信息，并根据所述用户信息确定用户身份；

步骤S412：根据所述用户身份确定所述用户的预览权限；

步骤S413：若所述用户身份为管理人员，确定所述预览权限为所述一级权限；

步骤S414：若所述用户身份为开发人员，确定所述预览权限为所述二级权限；

步骤S415：若所述用户身份为设计人员，确定所述预览权限为所述三级权限。

在本实施例中，当用户通过用户端打开在线预览地址时，用户端向原型预览平台发送用户信息，以供原型预览平台根据所述用户信息确定用户身份。其中，用户信息可以包括用户名、用户id和用户身份等信息。

原型预览平台在接收到用户信息之后，读取用户信息的内容，获得打开在线预览地址的用户的用户身份。然后，于用户配置信息中，确定该用户身份的预览权限。可选地，用户身份可以是管理人员、开发人员和设计人员。

其中，用户配置信息规定了不同用户身份所对应的用户预览权限。可选地，管理人员对应一级权限，开发人员对应二级权限，设计人员对应三级权限。因此，可以在用户配置信息中，根据所述用户身份确定所述用户的预览权限。

在一实施例中，用户身份还包括需求人员。具体地，需求人员为客户，以使用户可以通过用户端打开在线预览地址，查看原型设计的完成情况，并通过在线预览地址，向原型设计团队提出原型设计需求。

在本实施例提供的技术方案中，由于通过根据获取的用户信息，确定打开在线预览地址的用户的用户身份，以及根据用户身份确定用户的预览权限，可以限制用户对原型设计的操作范围。因此，可以避免用户对原型预览文件进行未经授权的修改、删除或复制等操作，进而实现对原型预览文件的保护，进一步提高了原型设计团队成员之间的协作效率。

参照图4，基于上述实施例，在第三实施例中，所述目标文件格式为图片格式，所述根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址的步骤包括：

步骤S211：对所述原型设计进行解析，获得所述原型设计的布局信息和样式信息；

步骤S212：根据预设格式转换规则，将所述布局信息和所述样式信息转换为图像信息；

步骤S213：将所述图像信息以图片格式保存并导出，生成所述图片格式的原型预览文件。

在本实施例中，原型预览平台对上传的原型设计文件进行解析，提取其中的布局信息和样式信息，以获得原型设计的布局信息和样式信息。可选地，布局信息包括但不限于页面结构、组件排列和大小等信息；样式信息包括但不限于颜色、字体、边框等信息。

根据预设格式转换规则，对布局信息中的页面结构、组件排列和大小的信息进行转换，生成布局缓冲数据；对样式信息中的颜色、字体、边框等信息进行转换，生成样式缓冲数据。基于布局缓冲数据和样式缓冲数据生成包括图像尺寸和RGB值的图像信息。

可选地，在将图像信息以图片格式保存并导出，生成图片格式的原型预览文件之后，可以根据预设的预览需求，对图片格式的原型预览文件进行压缩和优化，以获得满足预览需求的图片格式的原型预览文件。其中预览需求可以是预览文件的大小需求、加载速度需求和/或清晰度需求等。

示例性地，假设根据预设格式转换规则，将只能通过Photoshop打开的PSD文件格式的原型设计，转换为PNG（Portable Network Graphics，便携式网络图形）文件格式的原型预览文件。

通过对PSD文件格式的原型设计进行解析，获取包括通道数量、图像高度、图像宽度和图像深度的布局信息，以及包括色彩模式、图像资源、图层和蒙版的样式信息。

然后，根据预设格式转换规则对布局信息中的通道数量、图像高度、图像宽度和图像深度进行转换，生成布局缓冲数据；以及对样式信息中的色彩模式、图像资源、图层和蒙版进行转换，生成样式缓冲数据。

然后，基于布局缓冲数据和样式缓冲数据生成包括图像尺寸和RGB值的图像信息。

最后，根据预设的预览需求，对图像尺寸和RGB值进行调整，生成PNG文件格式的原型预览文件。

在本实施例提供的技术方案中，通过根据预设格式转换规则，将原型设计的布局信息和样式信息转换为图像信息，并以图片格式进行保存和导出，以生成图片文件格式的原型预览文件。可以将原型文件格式的原型设计转换为图片文件格式的原型预览文件，使用户端能直接查看原型预览文件并反馈关于原型设计的建议，进一步提高了原型设计团队进行在线原型设计的协作效率。

参照图5，基于上述实施例，在第四实施例中，所述当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能的步骤之后，还包括：

步骤S510：对所述用户端的操作进行监听；

步骤S520：当所述用户端对所述原型预览文件进行管理操作、和/或变更操作、和/或评论操作时，获取所述用户端的操作内容；

步骤S530：基于所述在线预览地址，将所述操作内容同步至其他所述用户端。

在本实施例中，原型预览平台通过在后端服务器上，记录用户在用户端对原型预览文件的操作，生成操作记录，以实现对用户端的操作进行监听。具体地，当用户在用户端对原型预览文件进行操作时，用户端将操作信息发送至后端服务器上；后端服务器根据接收到的操作信息，生成所述操作信息的操作记录，并保存在操作日志中。可选地，对原型预览文件进行的操作可以是查看操作、管理操作、评论操作和变更操作等，例如用户通过用户端在预览文件上的作标记、注释或其他修改操作，以及对原型预览文件的评论或反馈等操作。

当监听到用户端对所述原型预览文件进行管理操作、和/或变更操作、和/或评论操作时，原型预览平台通过操作日志，获取该操作的操作记录，并根据操作记录，确定用户通过用户端对原型预览文件进行操作的操作内容。

可选地，在确定操作内容之后，通过在线预览地址，将经过操作的原型预览文件同步至其他所有客户端，以实现操作内容的同步。

在本实施通过的技术方案中，由于通过监听用户操作，获取用户操作以及同步用户操作，可以使各个用户端之间对原型预览文件的操作会相互同步，并且由于原型设计团队成员可以直接在原型预览平台上进行操作和查看，及时了解其他成员的操作内容，可以提升原型设计团队成员之间的沟通和交流的效率。因此，通过监听用户操作，获取用户操作以及同步用户操作，可以进一步提升原型设计团队成员之间的协作效率。

参照图6，基于上述实施例，在第五实施例中，所述当所述用户端对所述原型预览文件进行管理操作、和/或变更操作、和/或评论操作时，获取所述用户端的操作内容的步骤之后，还包括：

步骤S610：记录所述对所述原型预览文件的操作内容，并生成操作日志；

步骤S620：当接收到操作记录追溯指令时，调用所述操作日志；

步骤S630：根据所述操作日志，追溯与目标操作记录对应的所述操作内容。

在本实施例中，当原型预览平台接收到用户端发送的操作记录追溯指令时，从后端服务器调用操作日志，并根据接收到的操作记录追溯指令，于操作日志中，确定并获取目标操作记录；然后，对目标操作记录进行解析，获取与目标操作记录对应的包括操作时间、操作类型和操作对象、操作数据等内容的操作内容；并将操作内容反馈给发送操作记录追溯指令的用户端。

操作记录追溯指令，是用户通过用户端发送给原型预览平台的请求，要求原型预览平台返回某个特定操作时间段或操作类型的操作内容。

可选地，原型预览平台对接收到的操作记录追溯指令进行解析，获得操作记录追溯指令携带的包括指定时间段、操作类型、操作对象中至少一项的搜索条件；并基于搜索条件，于操作日志中，搜索与搜索条件匹配的目标操作记录。

在本实施通过的技术方案中，原型预览平台通过根据操作记录追溯指令，于操作日志中，确定目标操作记录；并通过解析目标操作记录，获得目标操作内容，以实现对历史操作内容的追溯。进而实现原型设计团队在进行多人协作，出现不同的操作记录发生冲突时，可以通过操作记录追溯指令获取发生冲突的操作记录，以确定真相。因此，可以进一步减少原型设计团队在线上进行原型设计时冲突的发生，提高了团队协作的效率。

此外，本领域普通技术人员可以理解的是实现上述实施例的方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成。该计算机程序包括程序指令，计算机程序可以存储于一存储介质中，该存储介质为计算机可读存储介质。该程序指令被原型预览设备中的至少一个处理器执行，以实现上述方法的实施例的流程步骤。

因此，本发明还提供一种计算机可读存储介质，所述计算机可读存储介质存储有原型预览程序，所述原型预览程序被处理器执行时实现如上实施例所述的原型预览方法的各个步骤。

其中，所述计算机可读存储介质可以是U盘、移动硬盘、只读存储器（Read-OnlyMemory，ROM）、磁碟或者光盘等各种可以存储程序代码的计算机可读存储介质。

需要说明的是，由于本申请实施例提供的存储介质，为实施本申请实施例的方法所采用的存储介质，故而基于本申请实施例所介绍的方法，本领域所属人员能够了解该存储介质的具体结构及变形，故而在此不再赘述。凡是本申请实施例的方法所采用的存储介质都属于本申请所欲保护的范围。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质（包括但不限于磁盘存储器、CD-ROM、光学存储器等）上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备（系统）、和计算机程序产品的流程图和／或方框图来描述的。应理解可由计算机程序指令实现流程图和／或方框图中的每一流程和／或方框、以及流程图和／或方框图中的流程和／或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和／或方框图一个方框或多个方框中指定的功能的步骤。

应当注意的是，在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的部件或步骤。位于部件之前的单词“一”或“一个”不排除存在多个这样的部件。本发明可以借助于包括有若干不同部件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (7)

1.一种原型预览方法，其特征在于，所述原型预览方法包括：

接收上传的原型设计，并获取所述原型设计的原型文件格式；

根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址；

将所述原型预览文件保存至原型预览平台，并生成所述原型预览文件对应的序列号；

将所述在线预览地址共享至与所述原型设计相关的用户端；

当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能；

对所述用户端的操作进行监听；

当所述用户端对所述原型预览文件进行管理操作，和/或变更操作，和/或评论操作时，记录所述对所述原型预览文件的操作内容，并生成操作日志；

当接收到操作记录追溯指令时，调用所述操作日志；

对所述操作记录追溯指令进行解析，获得所述操作记录追溯指令携带的包括指定时间段、操作类型和操作对象的搜索条件；

基于所述搜索条件，于所述操作日志中，追溯与目标操作记录对应的所述操作内容；

其中，所述预览权限分为一级权限、二级权限和三级权限，所述当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能的步骤包括：

若所述预览权限为所述一级权限，开放原型管理功能、原型变更功能、原型评论功能和原型查看功能；

若所述预览权限为所述二级权限，开放所述原型变更功能、所述原型评论功能和所述原型查看功能；

若所述预览权限为所述三级权限，开放所述原型评论功能和所述原型查看功能；

其中，所述目标文件格式为图片格式，所述根据预设格式转换规则，将所述原型文件格式的原型设计转换为目标文件格式的原型预览文件，并生成所述原型预览文件的在线预览地址的步骤包括：

对所述原型设计进行解析，获得所述原型设计的布局信息和样式信息，所述布局信息包括页面结构信息、组件排列信息和组件大小信息，所述样式信息包括颜色信息、字体信息和边框信息；

根据预设格式转换规则，将所述布局信息中的页面结构信息、组件排列信息和组件大小信息进行转换，生成布局缓冲冲数据，以及，将所述样式信息中的颜色信息、字体信息和边框信息进行转换，生成样式缓冲数据；

基于所述布局缓冲冲数据和所述样式缓冲数据生成包括括图像尺寸和RGB值的图像信息；

将所述图像信息以图片格式保存并导出，生成所述图片格式的原型预览文件。

2.如权利要求1所述的原型预览方法，其特征在于，所述当用户通过所述用户端打开所述在线预览地址时，确定所述用户的预览权限，并根据所述预览权限向所述用户开放相应的预览功能的步骤包括：

获取用户信息，并根据所述用户信息确定用户身份；

根据所述用户身份确定所述用户的预览权限；

若所述用户身份为管理人员，确定所述预览权限为所述一级权限；

若所述用户身份为开发人员，确定所述预览权限为所述二级权限；

若所述用户身份为设计人员，确定所述预览权限为所述三级权限。

3.如权利要求1所述的原型预览方法，其特征在于，所述将所述原型预览文件保存至原型预览平台的步骤之后，还包括：

所述原型预览平台基于预设地址生成规则，生成与所述原型预览文件对应的所述在线预览地址，所述在线预览地址用于共享所述原型预览文件。

4.如权利要求1所述的原型预览方法，其特征在于，所述将所述在线预览地址共享至与所述原型设计相关的用户端的步骤包括：

获取所述原型预览文件的用户配置信息；

根据所述用户配置信息，确定有权预览所述原型预览文件的用户端；

将所述在线预览地址共享至所述用户端。

5.如权利要求1所述的原型预览方法，其特征在于，所述记录所述对所述原型预览文件的操作内容，并生成操作日志的步骤之后，还包括：

基于所述在线预览地址，将所述操作内容同步至其他所述用户端。

6.一种原型预览设备，其特征在于，所述原型预览设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的原型预览程序，所述原型预览程序配置为实现如权利要求1至5中任一项所述的原型预览方法的步骤。

7.一种可读存储介质，其特征在于，所述可读存储介质上存储有原型预览程序，所述原型预览程序被处理器执行时实现如权利要求1至5任一项所述的原型预览方法的步骤。