CN102799724A - 一种基于互联网浏览器的纺织品图案辅助设计方法 - Google Patents

Abstract

本发明公开了一种基于互联网浏览器的纺织品图案辅助设计方法。就目前而言，顾客将自己的设计传达给生产厂商。本发明包括如下步骤：步骤(1).顾客选择客户端的素材并上传到服务器端；步骤(2).顾客选择服务器端素材库中的素材；步骤(3).在客户端进行自动设计；步骤(4).顾客调整已有的设计；步骤(5).顾客确认当前设计图案并存储设计结果到服务器端；且步骤(1)、步骤(4)为可选步骤，若顾客选择步骤(1)，则步骤(1)、(2)顺序可自由调换。通过本发明普通顾客可参与纺织品图案的设计，既提升人们了设计水平，又提高了纺织品生产的效率，减少了传统生产中环节数目，并降低了其中的损耗，节约了社会能源。

Description

一种基于互联网浏览器的纺织品图案辅助设计方法

技术领域

本发明属于计算机辅助设计领域，具体涉及一种基于互联网浏览器的纺织品图案辅助设计方法。

背景技术

在传统的纺织类产业链中，纺织品的图案是由厂商的设计师所设计，并成批量生产，经过经销商投放市场，并由顾客进行选择购买的。在这一过程中，顾客只是被动去选择自己更为喜爱的图案，而无法参与图案的设计。

改革开放以来，国民的生活水平不断上升，在物质富裕的同时，对生活用品尤其是纺织类用品个性化的需求愈加强烈。而随着互联网的普及以及互联网技术、数码打印技术的逐渐成熟，顾客个性化定制设计属于自己的纺织类产品的图案，并由生产厂商生产的想法将成为可能。但在这个过程中，如何让顾客将自己的设计传达给生产厂商，是一个亟待解决的重要问题。

此问题的主要难度在于以下两点：首先，普通顾客没有独立设计出优秀图案的能力，目前图案的设计师都经过长期的专业培训，掌握多门基础能力，同时还有大量的素材储备。而普通顾客缺乏以上因素，很难在没有任何辅助的前提下，独立设计出适合于打印在纺织品表面的、较为美观的图案；其次，顾客与厂商之间，缺乏一个公共的、方便的联系接口，可以将顾客自身的创作迅速反馈给厂商。这个接口不仅要求能提供一定的设计功能，而且可以与厂商迅速交换信息，更重要的是能让所有的顾客迅速熟悉并上手，不能有太高的专业门槛。

发明内容

本发明目的在于针对现有技术的不足，提供一种基于互联网浏览器的纺织品图案辅助设计方法，使未经过专业设计培训的普通顾客，该方法基于目前通用的互联网浏览器的，不需要下载安装任何软件，只通过网页交互技术也可以设计出较好的纺织类产品的图案，并将设计结果保存在网站服务器上，以备后续可能的生产。

本发明解决其技术问题所采用的技术方案包括以下步骤：

步骤(1).顾客选择客户端的素材并上传到服务器端

顾客选择了存储在客户端（PC，手机）的图片素材后，首先通过浏览器技术（如flash，javascript）对上传的图片素材进行图像压缩，生成适合当前客户端展示的缩略文件，此缩略文件用于后续步骤操作；同时浏览器在后台将未压缩的原始图片素材上传到服务器端。

所述的上传到服务器端的原始图片素材可供后续生产打印。

步骤(2).顾客选择服务器端素材库中的素材

顾客通过关键字检索技术输入图案的关键字来检索需要的素材，一旦顾客选择了素材，则素材的特征值也从服务器端被发送到客户端。

素材的特征值包括色彩、形状、区域描述和内容描述标签，素材的特征值在素材被设计时预先计算，并以标准格式存放在服务器端。

步骤(3).在客户端进行自动设计 

利用计算机图形学技术，将顾客在步骤(1)和步骤(2)所输入的素材进行组合，获得初步效果图案，具体组合过程如下：

首先通过图像识别技术对步骤(1)中顾客提供的素材进行处理，提取出素材的主体以及其相应的特征值，包括主色调、形状、角度，然后根据图像的主色调与步骤(2)中来自服务器端素材库的素材特征值进行特征匹配，选择最协调的区域，再根据区域的角度和大小对顾客提供的素材进行旋转和缩放，得到最终结果并展现给顾客，同时将匹配的结果（如对顾客提供的素材进行的偏移量、放缩）记录为一个设计文件，这一文件可以是XML或者JSON多种标准化数据格式。

这一匹配过程在客户端的浏览器中实现，利用了客户的计算机资源，不需要和服务器端交互，提高了响应时间，这一匹配过程完全自动进行，不需要顾客参与交互。

若顾客对步骤(3)生成的初步设计图案满意，则直接进入步骤(5)。

步骤(4).顾客调整已有的设计

若顾客对步骤(3)生成的初步设计图案不满意，则通过一个基于浏览器交互技术的设计工具，让顾客对步骤(3)所生成的初步设计图案进行调整；调整的对象包括但不限于：平移、缩放、旋转、变色、亮度、灰度、DPI、增加或减少图案中的素材；浏览器通过通用交互技术捕获顾客调整初步设计图案的动作，从而对初步设计图案进行调整，获得最终设计图案，同时对步骤(3)所生成的设计文件进行相应修改；

步骤(5).顾客确认当前设计图案并存储设计结果到服务器端

顾客确认最终设计图案后，客户端将设计文件以及步骤(1)中顾客提供的素材上传到服务器端；

所述的本发明方法中步骤(1)为可选步骤，若顾客选择步骤(1)，则步骤(1)、步骤(2)顺序可自由调换；所述发明方法的步骤(4)为可选步骤，只有当顾客选择了所述发明方法的步骤(1)，且对步骤(3)的初步设计结果不满意才会进入；步骤(5)必须要等步骤(1)中顾客选择的原始图片素材上传完成后才允许结束本次设计；但若顾客未选择步骤(1)，则完成步骤(5)后，就结束本次设计。

所述的步骤(1)～(4)均通过浏览器交互技术完成，且该浏览器交互技术是目前的通用浏览器技术，包括但不限于AJAX，HTML5，Flash，Silverlight。

所述的服务器端技术为通用的服务器技术，包括但不限于php、j2ee、asp、.net、python。

所述的客户端的浏览器为通用浏览器，包括但不限于Internet Explorer、FireFox、Chrome、Safari、Opera以及各种基于IE引擎的第三方浏览器，这些浏览器可以运行在PC、手机、平板等各种平台和Windows、Linux、iOs、Android操作系统上。

本发明有益效果如下：

1) 普通顾客可以参与纺织品图案的设计，这将引致传统纺织设计发生革命性进步，纺织图案将出现数量级的增长，艺术水平得到提升，人们的生活资料得到极大丰富。

2) 通过互联网这一有力渠道，设计结果可以直接传递到生产端，极大地提高了纺织品生产的效率，减少了传统生产中环节数目，并降低了其中的损耗，节约了社会能源。

3）本发明可能促进的新的商业模式将推动打印技术、加工技术、物联网技术的进步，提高整个社会的信息化程度，增强国家的综合国力。

附图说明

图1为本发明步骤流程示意图。

具体实施方式

下面结合附图对本发明作进一步详细的说明。

一种基于互联网浏览器的纺织品图案辅助设计方法，具体实现步骤如图1所示。

顾客首先选择是否先上传客户端（PC，手机）的图片素材，如果选择是，则进入步骤(1)，否则进入步骤(2)，同时顾客可先进入步骤(2)选择服务器端的素材，再回到步骤(1)上传客户端（PC，手机）的图片素材。

步骤(1).顾客选择客户端的素材并上传到服务器端

顾客选择了存储在客户端（PC，手机）的图片素材后，首先通过浏览器技术（如flash，javascript）对上传的图片素材进行图像压缩，生成适合当前客户端展示的缩略文件，此缩略文件用于后续步骤操作；同时浏览器在后台将未压缩的原始图片素材上传到服务器端。

所述的上传到服务器端的原始图片素材可供后续生产打印。

步骤(2).顾客选择服务器端素材库中的素材

服务器端首先根据步骤(1)顾客上传的素材特征（如果步骤(1)发生在步骤(2)之前）选择适合搭配的素材，其次顾客通过关键字检索技术输入图案的关键字来缩小顾客选择范围，使顾客最终选择到需要的素材。一旦顾客选择了素材，则素材的特征值也从服务器端被发送到客户端。

素材的特征值包括色彩、形状、区域描述和内容描述标签，素材的特征值在素材被设计时预先计算，并以标准格式存放在服务器端。

步骤(3).在客户端进行自动设计 

利用计算机图形学技术，将顾客在步骤(1)和步骤(2)所输入的素材进行组合，获得初步效果图案，具体组合过程如下：

首先通过图像识别技术对步骤(1)中顾客提供的素材进行处理，提取出素材的主体以及其相应的特征值，包括主色调、形状、角度等，然后根据图像的主色调与步骤(2)中来自服务器端素材库的素材特征值进行特征匹配，选择最协调的区域，再根据区域的角度和大小对顾客提供的素材进行旋转和缩放，得到最终结果并展现给顾客，同时将匹配的结果（如对顾客提供的素材进行的偏移量、放缩）记录为一个设计文件，这一文件可以是XML或者JSON多种标准化数据格式。

这一匹配过程在客户端的浏览器中实现，利用了客户的计算机资源，不需要和服务器端交互，提高了响应时间，这一匹配过程完全自动进行，不需要顾客参与交互。

查看步骤(3)完成后的初步设计图案，即初步设计图案的正面效果及打印到纺织品上的模拟效果，若顾客对步骤(3)生成的初步设计图案满意，则直接进入步骤(5)。

步骤(4).顾客调整已有的设计

若顾客对步骤(3)生成的初步设计图案不满意，则通过一个基于浏览器交互技术的设计工具，让顾客对步骤(3)所生成的初步设计图案进行调整；调整的对象包括但不限于：平移、缩放、旋转、变色、亮度、灰度、DPI、增加或减少图案中的素材；浏览器通过通用交互技术捕获顾客调整初步设计图案的动作，从而对初步设计图案进行调整，获得最终设计图案，同时对步骤(3)所生成的设计文件进行相应修改；除了增加素材这一动作之外，整个调整过程均在用户端完成，不需要和服务器端进行交互，顾客的操作均可得到实时的反应，获得良好的用户体验。

若顾客选择增加素材，则可以挑选客户端的素材上传到服务器端或者在服务器端的素材库中直接挑选更多的素材，挑选的素材直接被添加到初步设计图案中，添加完成后回到步骤(3)查看调整过后的初步设计图案，即初步设计图案的正面效果及打印到纺织品上的模拟效果，若顾客对调整过后的初步设计图案满意，则直接进入步骤(5)，否则继续调整；

步骤(5).顾客确认当前设计图案并存储设计结果到服务器端

顾客确认最终设计图案后，客户端将设计文件以及步骤(1)中顾客提供的素材上传到服务器端；

所述的本发明方法中步骤(1)为可选步骤，若顾客选择步骤(1)，则步骤(1)、步骤(2)顺序可自由调换；所述发明方法的步骤(4)为可选步骤，只有当顾客选择了所述发明方法的步骤(1)，且对步骤(3)的初步设计结果不满意才会进入；步骤(5)必须要等步骤(1)中顾客选择的原始图片素材上传完成后才允许结束本次设计；但若顾客未选择步骤(1)，则完成步骤(5)后，就结束本次设计。

所述的步骤(1)～(4)均通过浏览器交互技术完成，且该浏览器交互技术是目前的通用浏览器技术，包括但不限于AJAX，HTML5，Flash，Silverlight。

所述的服务器端技术为通用的服务器技术，包括但不限于php、j2ee、asp、.net、python。

所述的客户端的浏览器为通用浏览器，包括但不限于Internet Explorer、FireFox、Chrome、Safari、Opera以及各种基于IE引擎的第三方浏览器，这些浏览器可以运行在PC、手机、平板等各种平台和Windows、Linux、iOs、Android操作系统上。

当设计完成后，设计文件和顾客上传的素材被存储到服务器端的数据库中，并与顾客的个人信息相关联，以备未来可能的生产。设计中所使用的服务器端的素材的编号被记录在结果文件中，素材本身不需要实际存储，在生产时可以到服务器端获取。

Claims (1)

1. 一种基于互联网浏览器的纺织品图案辅助设计方法，其特征在于包括如下步骤：

步骤(1).顾客选择客户端的素材并上传到服务器端

顾客选择了存储在客户端的图片素材后，首先通过浏览器技术对上传的图片素材进行图像压缩，生成适合当前客户端展示的缩略文件，此缩略文件用于后续步骤操作；同时浏览器在后台将未压缩的原始图片素材上传到服务器端；

所述的上传到服务器端的原始图片素材可供后续生产打印；

步骤(2).顾客选择服务器端素材库中的素材

顾客通过关键字检索技术输入图案的关键字来检索需要的素材，一旦顾客选择了素材，则素材的特征值也从服务器端被发送到客户端；

素材的特征值包括色彩、形状、区域描述和内容描述标签，素材的特征值在素材被设计时预先计算，并以标准格式存放在服务器端；

步骤(3).在客户端进行自动设计 

利用计算机图形学技术，将顾客在步骤(1)和步骤(2)所输入的素材进行组合，获得初步效果图案，具体组合过程如下：

首先通过图像识别技术对步骤(1)中顾客提供的素材进行处理，提取出素材的主体以及其相应的特征值，包括主色调、形状、角度，然后根据图像的主色调与步骤(2)中来自服务器端素材库的素材特征值进行特征匹配，选择最协调的区域，再根据区域的角度和大小对顾客提供的素材进行旋转和缩放，得到最终结果并展现给顾客，同时将匹配的结果记录为一个设计文件，这一文件可以是XML或者JSON多种标准化数据格式；

这一匹配过程在客户端的浏览器中实现，利用了客户的计算机资源，不需要和服务器端交互，提高了响应时间，这一匹配过程完全自动进行，不需要顾客参与交互；

若顾客对步骤(3)生成的初步设计图案满意，则直接进入步骤(5)；

步骤(4).顾客调整已有的设计

若顾客对步骤(3)生成的初步设计图案不满意，则通过一个基于浏览器交互技术的设计工具，让顾客对步骤(3)所生成的初步设计图案进行调整；调整的对象包括但不限于：平移、缩放、旋转、变色、亮度、灰度、DPI、增加或减少图案中的素材；浏览器通过通用交互技术捕获顾客调整初步设计图案的动作，从而对初步设计图案进行调整，获得最终设计图案，同时对步骤(3)所生成的设计文件进行相应修改；

步骤(5).顾客确认当前设计图案并存储设计结果到服务器端

顾客确认最终设计图案后，客户端将设计文件以及步骤(1)中顾客提供的素材上传到服务器端；

所述的本发明方法中步骤(1)为可选步骤，若顾客选择步骤(1)，则步骤(1)、步骤(2)顺序可自由调换；所述发明方法的步骤(4)为可选步骤，只有当顾客选择了所述发明方法的步骤(1)，且对步骤(3)的初步设计结果不满意才会进入；步骤(5)必须要等步骤(1)中顾客选择的原始图片素材上传完成后才允许结束本次设计；但若顾客未选择步骤(1)，则完成步骤(5)后，就结束本次设计；

所述的步骤(1)～(4)均通过浏览器交互技术完成，且该浏览器交互技术是目前的通用浏览器技术，包括但不限于AJAX，HTML5，Flash，Silverlight；

所述的服务器端技术为通用的服务器技术，包括但不限于php、j2ee、asp、.net、python；

所述的客户端的浏览器为通用浏览器，包括但不限于Internet Explorer、FireFox、Chrome、Safari、Opera以及各种基于IE引擎的第三方浏览器，这些浏览器可以运行在PC、手机、平板等各种平台和Windows、Linux、iOs、Android操作系统上。

Images