产品原型设计方法、装置、存储介质及计算机设备

技术领域

本申请涉及原型设计领域，尤其涉及一种产品原型设计方法、装置、存储介质及计算机设备。

背景技术

在设计产品的原型图的过程中，用户通常会使用矢量图形对设计页面进行标注，如果需要表现形状复杂且风格不同矢量图形，用户需要会调用多个基本矢量图形，然后计算各个基本矢量图形的坐标和角度等信息，以实现将多个基本矢量图形组成呈复杂的矢量图形，然而对于复杂的矢量图形，坐标计算的难度较大，设计人员耗费的时间较多，因此绘制原型图的效率不高。

发明内容

本申请实施例提供了产品原型设计方法、装置、存储介质及计算机设备，可以解决现有技术中绘制产品的原型图时存在计算复杂和效率低的问题。所述技术方案如下：

第一方面，本申请实施例提供了一种产品原型设计方法，所述方法包括：

显示原型设计画布；

在模板库中选择一个矢量图形；其中，所述矢量图形由多个基本图形元素组合而成；

将所述矢量图形放置在所述原型设计画布中；

设计完成后，基于所述原型设计画布中的内容生成原型图。

第二方面，本申请实施例提供了一种产品原型设计装置，所述装置包括：

显示单元，用于显示原型设计画布；

选择单元，用于在模板库中选择一个矢量图形；其中，所述矢量图形由多个基本图形元素组成；

放置单元，用于将所述矢量图形放置在所述原型设计画布中；

生成单元，用于设计完成后，基于所述原型设计画布中的内容生成原型图。

第三方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。

第四方面，本申请实施例提供一种计算机设备，可包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法步骤。

本申请一些实施例提供的技术方案带来的有益效果至少包括：

在原型设计画布中显示预先配置的模板库，模板库中包括多个模板矢量图形，各个模板矢量图形由多个基本图形元素组成，基于用户的选择指令在模板库中选择矢量图形，然后将选择的矢量图形放置在原型设计画布中，最后基于原型设计画布的内容生成原型图，这样用户在需要矢量图形时，直接在模板库中进行调用，不需要在设计过程中执行基本图形元素的选择和坐标计算等配置工作，节省用户配置的繁琐工作，提升绘制原型图的效率。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1是本申请实施例提供的网络架构示意图；

图2是本申请实施例提供的产品原型设计方法的流程示意图；

图3是本申请实施例提供的矢量图形的示意图；

图4是本申请提供的一种产品原型设计装置的结构示意图；

图5是本申请提供的一种计算机设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施例方式作进一步地详细描述。

需要说明的是，本申请提供的产品原型设计方法一般由计算机设备执行，相应的，产品原型设计装置一般设置于计算机设备中。

图1示出了可以应用于本申请的产品原型设计方法或产品原型设计装置的示例性系统架构。

如图1所示，系统架构可以包括：计算机设备101和服务器102。计算机设备101和服务器102之间可以通过网络进行通信，网络用于上述各个单元之间提供通信链路的介质。网络可以包括各种类型的有线通信链路或无线通信链路，例如：有线通信链路包括光纤、双绞线或同轴电缆等，无线通信链路包括蓝牙通信链路、无线保真(WIreless-FIdelity，Wi-Fi)通信链路或微波通信链路等。

其中，服务器102中存储模板库，模板库中存储有多个模板矢量图形，各个模板矢量图形由多个基本图形元素组成，模板库中的模板矢量图形可基于实际需求进行扩充、删除或秀气，不同的用户可以通过计算机设备101登录到服务器102，直接调用模板库中的模板矢量图形，实现数据共享。

需要说明的是，计算机设备101和服务器102可以是硬件，也可以是软件。当计算机设备101和服务器102为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当计算机设备101和服务器102为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不做具体限定。

本申请的计算机设备上可以安装有各种通信客户端应用，例如：视频录制应用、视频播放应用、语音交互应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

计算机设备可以是硬件，也可以是软件。当计算机设备为硬件时，可以是具有显示屏的各种计算机设备，包括但不限于智能手机、平板电脑、膝上型便携式计算机和台式计算机等等。当计算机设备为软件时，可以是安装上述所列举的计算机设备中。其可以实现呈多个软件或软件模块(例如：用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不作具体限定。

当计算机设备为硬件时，其上还可以安装有显示设备和摄像头，显示设备显示可以是各种能实现显示功能的设备，摄像头用于采集视频流；例如：显示设备可以是阴极射线管显示器(cathode ray tube display，简称CR)、发光二极管显示器(light-emittingdiode display，简称LED)、电子墨水屏、液晶显示屏(liquid crystal display，简称LCD)、等离子显示面板(plasma display panel，简称PDP)等。用户可以利用计算机设备上的显示设备，来查看显示的文字、图片、视频等信息。

应理解，图1中的计算机设备、网络和服务器的数目仅是示意性的。根据实现需要，可以是任意数量的计算机设备、网络和服务器。

下面将结合附图2，对本申请实施例提供的产品原型设计方法进行详细介绍。其中，本申请实施例中的产品原型设计装置可以是图1所示的计算机设备。

请参见图2，为本申请实施例提供了一种产品原型设计方法的流程示意图。如图2所示，本申请实施例的所述方法可以包括以下步骤：

S201、显示原型设计画布。

其中，计算机设备运行原型设计软件，通过显示单元显示原型设计画布，原型设计画布用户设计产品的原型图，用户通过输入装置(例如：鼠标、键盘或触摸屏等)在设计画布上执行交互操作，实现绘制原型图的目的。

S202、在预设的模板库中选择一个矢量图形。

其中，模板库为预先配置的，模板库可以部署在计算机设备中或远程的服务器中，本申请不作限制。模板库中包括多个矢量图形，各个矢量图形由多个基本图形元素组成，基本图形元素为基本的几何形状，包括但不限于：三角形、圆形、矩形、菱形等，即矢量图形为多个基本图形元素组成的更为复杂的图形。计算机设备可以基于用户的选择指令在模板库中选择一个矢量图形，例如：用户通过鼠标在模板库中对某个矢量图形执行点选操作，计算机设备基于该点选操作生成选择指令，被选中的矢量图形呈高亮显示，已提示用户该矢量图形被选中。进一步的，被选中的矢量图形的数量可以是多个，以提高选择效率。

其中，模板库中的矢量图形关联矢量图形文件，矢量图形文件可以是SVG文件，矢量图形文件配置有矢量图形的基本图形元素的名称、相对位置和旋转角度等，计算机设备在选择矢量图形时，获取该矢量图形关联的矢量图形文件，解析该矢量图形文件后得到各个参数值，然后基于解析得到的各个参数值在原型设计画布上进行绘制。

S203、将矢量图形放置在原型设计画布中。

其中，计算机设备基于用户的放置指令将选中的矢量图形放置在原型设计画布中，放置指令是用户对选中的矢量图形进行操作生成的。例如：用户通过鼠标将模板库中的某个矢量图形执行拖拽操作，计算机设备获取拖拽操作在原型设计画布中的结束位置，然后将选中的矢量图形放置在该结束位置上，通过拖拽操作可以提高绘制原型图的效率。

在一个或多个可能的实施例中，本申请的模板库为关系型数据库，模板库部署在云端的服务器上，这样不同的用户均可以使用模板库中的矢量图形，实现矢量图形的共享。计算机设备在绘制原型图时，可以在服务器的模板库中发送调用请求，服务器将模板库中的各个矢量图形推送到计算机设备上进行显示。

进一步的，如果选中的矢量图形不满足设计要求，用户可以在原型设计画布上对该矢量图形的数量配置文件进行修改，以满足实际设计要求。修改的方法是：用户通过鼠标双击矢量图形后，获取矢量图形的矢量图形文件，然后基于矢量图形文件中的各个参数和参数值生成配置界面，计算机设备基于用户针对配置界面的修改指令修改矢量图形文件的各个参数值，包括各个基本图形元素的相对位置的参数值、旋转角度的参数值、颜色的参数值等。

S204、设计完成后，基于所述原型设计画布中的内容生成原型图。

其中，用户除了可以在原型设计画布中绘制矢量图形，还可以编辑其他控件或插件，计算机设备基于用户针对原型设计画布的确定指令时，根据原型画布中的内容生成原型图。

在一个或多个可能的实施例中，在S201之前，还包括：

获取多个基本图形元素；

配置获取的多个基本图形元素的属性信息；其中，所述属性信息表示基本图形元素的相对位置和旋转角度；

基于配置后的多个基本图形元素生成模板矢量图形；

将生成的模板矢量图形添加到模板库中。

例如：参见图3所示，计算机设备获取两个基本图形元素为三角形和矩形，然后配置三角形和矩形的相对位置和旋转角度为：三角形的的底边的中垂线和矩形的中垂线重合，这样两个基本图形元素构成箭头的矢量图像，然后将该箭头作为模板矢量图形添加到模板库中。

在一个或多个可能的实施例中，用户可以在设计原型图的过程中，根据组合的矢量图形的使用频次，将使用频次较高的矢量图形添加到模板库中，以便后续直接进行调用，避免每次使用该矢量图形都需要进行编程和配置，以提高绘制原型图的效率。具体的过程为：用户通过输入装置的原型图中进行标记操作，以标记一个或多个矢量图形，计算机设备基于标记操作触发生成标记指令，然后将标记的矢量图像作为模板矢量图像添加到模板库中，以便后续设计进行直接调用。

进一步的，模板库中的各个矢量图形可以根据实际需求进行扩充、修改或删除，以减少空间占用和减少搜索时间。例如：计算机设备周期性的统计模板库中各个模板矢量图形连续未被使用的时长；将连续未被使用的时长超过时长阈值的模板矢量图形从模板库中删除，时长阈值可以根据实际需求而定，本申请不作限制，这样可以定期将不常用的模板矢量图形进行清除，保留常用的模板矢量图形，以减少模板库的空间占用和提高用户检索模板库的效率。

本申请的实施例在设计产品的原型图时，在原型设计画布中显示预先配置的模板库，模板库中包括多个模板矢量图形，各个模板矢量图形由多个基本图形元素组成，基于用户的选择指令在模板库中选择矢量图形，然后将选择的矢量图形放置在原型设计画布中，最后基于原型设计画布的内容生成原型图，这样用户在需要矢量图形时，直接在模板库中进行调用，不需要在设计过程中执行基本图形元素的选择和坐标计算等配置工作，节省用户配置的繁琐工作，提升绘制原型图的效率。

下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。

请参见图4，其示出了本申请一个示例性实施例提供的产品原型设计装置的结构示意图，以下简称装置4。该装置4可以通过软件、硬件或者两者的结合实现成为计算机设备的全部或一部分。装置4包括：显示单元401、选择单元402、放置单元403、生成单元404。

显示单元401，用于显示原型设计画布；

选择单元402，用于在模板库中选择一个矢量图形；其中，所述矢量图形由多个基本图形元素组成；

放置单元403，用于将所述矢量图形放置在所述原型设计画布中；

生成单元404，用于设计完成后，基于所述原型设计画布中的内容生成原型图。

在一个或多个可能的实施例中，所述在模板库中选择一个矢量图形，包括：

检测到针对所述模板库中的一个矢量图形的拖拽操作时，获取拖拽操作的结束位置；

基于所述结束位置将该矢量图形放置在所述原型设计画布中。

在一个或多个可能的实施例中，还包括：

添加单元，用于获取多个基本图形元素；

配置获取的多个基本图形元素的属性信息；其中，所述属性信息表示基本图形元素的相对位置和旋转角度；

基于配置后的多个基本图形元素生成模板矢量图形；

将生成的模板矢量图形添加到模板库中。

在一个或多个可能的实施例中，还包括：

扩展单元，用于基于用户的标记指令在所述原型图中标记矢量图形；

将标记的矢量图形作为模板矢量图形添加到模板库中。

在一个或多个可能的实施例中，还包括：

删除单元，用于统计模板库中各个模板矢量图形连续未被使用的时长；

将连续未被使用的时长超过时长阈值的模板矢量图形从模板库中删除。

在一个或多个可能的实施例中，还包括：

修改单元，用于响应于用户的修改指令，获取选择的模板矢量图形的矢量图形文件；

显示数量配置文件的代码；

对代码进行修改。

在一个或多个可能的实施例中，所述模板库部署在云端的服务器中。

需要说明的是，上述实施例提供的装置4在执行产品原型设计方法时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成上述的全部或者部分功能。另外，上述实施例提供的产品原型设计装置与产品原型设计方法实施例属于同一构思，其体现实现过程详见方法实施例，这里不再赘述。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

本申请实施例还提供了一种计算机存储介质，所述计算机存储介质可以存储有多条指令，所述指令适于由处理器加载并执行如上述图2所示实施例的方法步骤，具体执行过程可以参见图2所示实施例的具体说明，在此不进行赘述。

本申请还提供了一种计算机程序产品，该计算机程序产品存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的产品原型设计方法。

请参见图5，为本申请实施例提供了一种计算机设备的结构示意图。如图5所示，所述计算机设备500可以包括：至少一个处理器501，至少一个网络接口504，用户接口503，存储器505，至少一个通信总线502。

其中，通信总线502用于实现这些组件之间的连接通信。

其中，用户接口503可以包括显示屏(Display)、摄像头(Camera)，可选用户接口503还可以包括标准的有线接口、无线接口。

其中，网络接口504可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。

其中，处理器501可以包括一个或者多个处理核心。处理器501利用各种接口和线路连接整个计算机设备500内的各个部分，通过运行或执行存储在存储器505内的指令、程序、代码集或指令集，以及调用存储在存储器505内的数据，执行计算机设备500的各种功能和处理数据。可选的，处理器501可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器501可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器501中，单独通过一块芯片进行实现。

其中，存储器505可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选的，该存储器505包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器505可用于存储指令、程序、代码、代码集或指令集。存储器505可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器505可选的还可以是至少一个位于远离前述处理器501的存储装置。如图5所示，作为一种计算机存储介质的存储器505中可以包括操作系统、网络通信模块、用户接口模块以及应用程序。

在图5所示的计算机设备500中，用户接口503主要用于为用户提供输入的接口，获取用户输入的数据；而处理器501可以用于调用存储器505中存储的应用程序，并具体执行如图2所示的方法，具体过程可参照图2所示，此处不再赘述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体或随机存储记忆体等。

以上所揭露的仅为本申请较佳实施例而已，当然不能以此来限定本申请之权利范围，因此依本申请权利要求所作的等同变化，仍属本申请所涵盖的范围。