SVG——新一代Web设计及互动媒体的革新

SVG在服装设计系统中的应用

来源:SVG中国(ChinaSVG.COM)

摘要

  系统介绍了SVG在服装设计系统中的应用,目的是为了更加适合网上服装款式设计系统发布的需要。研究如何用SVG实现图形与图像的格式转换,服装款式数据的表示、存储及网络化。研究表明:SVG具有可缩放、可以与现有技术互动融合、基于XML和开放标准等特点,建立这样的服装系统对我国服装企业的发展具有深远意义。

引言

  服装设计思维是一种艺术思维,即灵感和形象思维的结合,以形象思维为主要特征[1]。形象思维设计表达的高效性始终是技术与艺术结合的难点。利用新技术实现形象思维的表达是一个重要的研究方向。随着Internet的迅速发展,基于Internet的服装设计也成为一个重要的研究方向。目前,构建网络服装发布系统主要包括基于服务器和基于用户两种解决方案[2]。而SVG (Scalable Vector Graphics,可升级矢量图形)基于XML,具有缩放不失真、存储文件小等显著特点,更适合于网络的发布,有利于推进中小型服装企业的发展。
  计算机辅助服装设计的内容包括:效果图设计、纸样设计、放码和排料。效果图设计的主要功能是在计算机屏幕上构思、绘制服装效果图及结构图。计算机辅助则以满足服装设计师的创作要求为目的,利用各种各样的绘画工具和图像处理手段达到设计目的。计算机不仅可以很快完成服装效果图的绘制,表现出手绘无法达到的直观效果,还可以直接帮助和控制生产、绘制结构图、安排生产流程[3]。
  当前主流服装设计系统一般利用通用软件生成位图(Bitmap),该类图形具有不能灵活编辑、存储占用空间大、运行速度缓慢、图像容易失真、只能保存视觉信息、无法很好地保存一些附加信息等缺点。但是,目前国内外服装CAD制版系统使用矢量图(Vectorgraph),由于款式设计系统和制版系统分别采用不同格式的图形,彼此孤立,需要不同专业人员进行二次创作建立联结,造成了设计与制版脱节的现象。计算机辅助设计(CAD)作为现代化的设计方法,功能无法得到最充分的实现;其次,设计软件、绘图设备、显示器以及数据库的配合效率较低;最后,目前的服装CAD系统一般自带款式设计模块,还不很成熟,要想真正通过这些软件的绘图工具绘制出称心如意的服装效果图,对于设计师而言并不是一件容易的事[4]。
  基于此,笔者构想结合Adobe公司最新推出的SVG的多种优点,特别是SVG兼容所有的矢量图格式,实现将所有的绘图软件绘制的服装图用一种通用的格式SVG辅助设计与制造(CAD/CAM)系统的输入和输出。这样,不仅能实现服装CAD/CAM系统标准化、专业化和系统的兼容性,而且对文件和数据库的操作也极为方便,更重要的是为实现网络化资源共享建立了必要的平台[3]。
  笔者设计的系统符合该趋势,能最大限度地解决目前设计软件的不兼容性和满足服装网络发展的需求,迅速在网上发布,为网络化服装设计的发展起到了促进作用。

1 关键技术研究

1.1 SVG与其他图形格式对比之优点

  • 具有可缩放、可以与现有技术互动融合、基于XML和开放标准等特点;
  • SVG兼容其他所有的矢量图格式;
  • SVG可转换为网页格式;
  • SVG占用空间小,当人们建立数据库时一般不希望数据太大,如果分别将一张Bitmap和一张Vectorgraph存入数据库进行对比,会看到Bitmap的数据比Vectorgraph大得多;
  • SVG和其他格式容易相互转化,而传统位图和其他格式几乎不能相互转化;
  • SVG数据输出和输入兼容性高,在矢量图软件中绘制的图都可用SVG格式存储和输出;
  • SVG基本图形、文字、图像的显示方便;
  • SVG具有丰富的图形元素动画、超链接、颜色渐变、透明效果、滤镜效果等,可以动态生成图形;
  • 具有强大的组合功能。

1.2 SVG在服装设计中的优点

  1.2.1 SVG的优点
  SVG是一种基于XML的用来描述二维矢量图形的标识语言,综合了矢量图形、位图图像和纯文本的优点,是图形、图像和文字的有机统一。SVG规范了17类元素,涉及基本文字、图形、图像的显示,图形元素动画、颜色渐变、超链接、透明效果、滤镜效果等诸多方面。SVG文件可嵌入ECMAScript脚本来控制SVG对象,可以方便地建立文字索引,从而实现基于内容的图像搜索;也可以用来动态生成图形。例如,通过对款式图库的模式识别分类,用SVG动态生成具有交互功能的服装零部件装配,嵌入网页中,并显示给终端用户,更重要的是SVG能很好地兼容现有的主流设计软件(CorelDRAW、Illustrator、Photoshop、Autocad等)。

  笔者将服装款式设计数据按部件分为点对象、线对象、区域对象。简单描述如下:
  点对象可采用填充颜色的圆形来实现。如:{fill:red}<circle class="fil0 str0" cx="87.158 8" cy="111.445" r="1.7448"/>代码将显示一个以
(87.158 8,111.445)为圆心,半径为1.744 8的红色的圆,在视觉上可以看成是一个点。
  线对象可采用PATH或POLYLINE来实现。如:<line class="fil0 str0" x1="126.274" y1="124.14" x2="61.081 4" y2="124.14"/>上述代码将点(126.274,124.14)、(61.0814,124.14)连成一条红色的线。
  区域对象是采用SVG表示服装数据,将服装空间数据的不同类型划分为不同的图层,如衣片廓型层、袖子层、领子层等,并将一些属性数据存放到SVG中,以加快响应时间。下面是领子图层的一个例子。

 

fil1 {fill:red}
<path id="_20 183 336" class="fil0 str0" d="M104.12 33.982 4c3.975 2,-1.530 4
15.191,-1.580 6 19.868 3,0.046 9"/>
<path id="_21 644 736" class="fil1 str0" d
="M124.025 34.048 7c-0.187 2,2.945 5 0.269 5,
4.722 3 0.933 2,5.861 6 0.445 4,0.764 5 -2.593 7,2.6261 -10.8166,2.659 6 -0.153 9,-6.448 3
6.722 9,-6.974 5 9.616 1,-8.383 1l0.267 3
-0.138 1z"/>
<path id="_21 785 984" class="fil1 str0" d
="M104.149 34.048 7c0.187 2,2.945 5 -0.269 5,
4.722 3 -0.933 2,5.861 6 -0.445 4,0.764 5 2.593 7,
2.626 1 10.816 6,2.659 6 0.153 9,-6.448 3
-6.722 8,-6.974 5 -9.616 1,-8.383 1l-0.267 3
-0.138 1z"/>

 

  同时,SVG格式有最新的svg_inlus插件可以在XML中方便地显示。由此可见,利用SVG的上述特点来表示服装款式设计矢量图数据,可直接读取数据,这给设计人员带来了方便。

  1.2.2 图层的管理及属性查询
  SVG基于XML具有"树形结构"、"无限嵌套",重要的还提供了查询、修改等功能,因此每一个SVG文件可看作是一个数据库或一张表。表1列举了几种款式部件属性。

表1 款式部件属性

[***表1]

  结合微软公司最新的、面向对象的编程语言C#,使得程序员可以快速地编写各种基于应用的程序,提供一系列的工具和服务来最大限度地开发服装款式。可以方便地转化为XML网络服务,从而使任何平台的应用程序都可以通过Internet调用它。

  数据库采用Access,Access适用于小型商务活动,用以存储和管理商务活动所需要的数据。可提供方便的数据库检索、查询语言、IP地址、网络安全机制、二次开发接口等功能。特别是与Internet的融合,在数据库中可以直接链接到指定的Web页面或网络文件,也可以支持Web页面上的表格输入到数据库。因此,将SVG文件存储在Access中可以方便图层的管理及属性查询。

  通常服装款式图按照不同的部件分为不同的图进行管理,而SVG由于采用基于XML的文档管理结构,能更加方便地实现图层管理,其〈g〉元素可以将所有图层管理起来。
  引入面向对象的程序设计原理,给每一个文件赋予不同的属性,可按属性进行快速查询。
  图像元素的属性信息查询一般分为两种情况:当属性数据量很大时,将属性数据放到服务器端的数据库中;当属性数据量不大时,可以将属性数据存在SVG文件中。由于笔者开发的服装款式设计库的属性数据较少(造型、大小、颜色等),因此将属性数据存放在SVG文件中,如图1所示,这样属性数据就可在客户端查询,提高了效率。

[***图1]

图1 服装款式平面示意

1.3 图形的存储、输入和输出

  国内外CAD软件中,数据文件的存储形式有所不同。主要有两种:一种是将一件衣服各部件总存储为一个文件,而另一种是将一件衣服各部件分别存储为多个
文件,后者的好处是衣服的零部件损坏,可以根据其他部件的信息补绘出已坏掉的部分,而用前者实现时,若该衣服的存储文件一旦损坏,将无法补救。该系统使用后者实现服装款式数据库的建立。
  该系统的输入和输出方式,在前面已详细说明,在此不再赘述。
  总的来说,文件格式、存储形式及绘制输出是密切相关的。设计师只有灵活应用通用软件绘制的服装款式图,并且能用通用的格式存储、输入和输出将是最理想的构思。

1.4 服装设计图采用SVG格式的优点

  SVG格式在该系统中应用主要有以下优点:

  • 有效利用现有通用软件绘制时装效果图和服装款式结构图;
  • 方便调用现有图库进行修改、编辑;
  • 提供专业的色彩体系,如孟塞尔表色体系M.C.S、日本色研体系P.C.C.S等成千上万种颜色供设计师选择;
  • 使用简单的人机交互设计进行服装零部件的解构与重构,使服装款式的形成变得极为简捷;
  • 及时生成新的款式零部件,并能使相关零部件的形态、数量吻合,完成部件组合;
  • 用户可以按属性查询相关部件的地址,随意搭配和组合;
  • 方便调用图库存储的印花面料、装饰图案,实时生成新的花布和图案并填充到指定的面料库中;
  • 在注重软件专业化和系统兼容性的同时,对文件和数据库的操作也可以灵活选择,对硬件CAM、软件的集成化程度高的软件更受欢迎。

  另外,随着服装CAD应用的推广,企业对外提供商的选择余地也在增大,国内外各品牌的服装CAD能按国际通用的转换方式,用自己的软件兼容其他的外设,或者自己的外设被其他软件所兼容;在零部件的配置和维护方面也为企业增加了更大的选择余地,还能规范服装CAD硬件的基本配置。
  以SVG为基础的服装CAD软件可以方便地进行多种服装款式的组合,让服装设计者及用户在屏幕前得到多种服饰效果,并可通过人机交互方式对服装进行修改,从而满足服装个性化的需求,提高服装的接受率,起到很好的辅助设计和促销的作用,并会使服装业的生产与供销方式产生深刻的变革。

2 SVG在服装设计网络化中的作用

  计算机网络技术得到了飞速发展,信息的处理和传送需要突破时间和地域的局限,计算机网络化和经济全球化使建立网络化的服装款式设计系统成为不可抗拒的世界潮流。它为服装企业提供了统一的资源信息共享平台,有利于推进中小型企业服装设计快速反应机制的形成,为分布式服装协同设计提供了可能。但由于历史的原因和系统开发目的的不同,各品牌的服装CAD系统内部的数据记录方式和处理方式各不相同,极大地限制了这些系统在Internet上的相互交流。国外服装CAD的一个明显发展趋势,就是朝着网络化迈进[5]。SVG基于XML的开放性的标准,利用网络的迅速传输功能,可以将设计好的款式、打板等文件发送到不同的部门,从快捷和准确性来看,在很大程度上提高了服装CAD的应用速度。另外,系统还设计一个文件相关模块,该模块被隐藏在系统内部,其主要功能就是智能化地将款式、打板、排料、放码、试衣等文件有机地紧密连接起来,即通过一个文件(如泡泡袖001)可以查找并打开另外与之相关联的文件(如打板、放码、排料、试衣等),这种方法是对服装CAD文件管理的创新,使用户效率提高[6]。基于SVG的优点,可以提供远程专家服务,通过互联网,对用户的系统即时监控,技术专家可以迅速分析用户的需求并提供技术支持,还可以传输修补软件和更新内容,指导用户如何使用软硬件和应用程序等等。而且由于数据库的共享,当查询某一部件时,马上可转到相关的规格、面料、色彩等方面获得相应的信息。利用网络化资源,进行网络服务,诸如网上咨询、网上定购和网上款式选择及设计等,使商家与用户能及时反馈信息,保障系统发挥最大效用,实现资源共享,促进系统的改进与发展[7-9]。
  该系统可以为企业与消费者从根本上建立起一个互惠互利的平台,使服装企业拥有一个商机无限的网络发展空间。

3 结语

  SVG更适合网上信息的发布,但它并不能完全取代作为形象创作思维的服装设计系统的所有思维功能,只是更便捷地提供在网上发布服装款式设计图、动画的一种现代高效率的人机交互方法。这种方法大大地促进了服装CAD/CAM的开发平台。由于CAD/CAM属于交叉学科领域,计算机与服装设计双方的发展都不断地对它提出更多、更高的要求,因此,服装软件的网络化、智能化及硬件的配套化有待进一步的研究与开发。
  借鉴发达国家的经验,我国服装企业必须用高科技来开展网络化服务,从而为搭建服装业的跨越式发展打下良好的基础。

参考文献

  [1] 余强.服装设计概论[M].重庆:西南师范大学出版社,2002:
  [2] 李明,肖秋霞,曹晓东.基于SVG的WEBGIS的研究[J].电脑开发与应用,2005,18(1):52-53.
  [3] 邱佩琼,陈继红.谈国产服装CAD/CAM系统的发展[J].山东纺织科技,2005(1):40-42.
  [4] 劳越明,王祺明.服装CAD推广及应用问题的分析[J].丝绸,2005(7):37-39.
  [5] 于爱红,杨晓霞.国内外服装CAD的发展趋势[J].纺织科学研究,2005(3):21-24.
  [6] 刘哲,汪秀琛.服装CAD应用推广研究[J].上海纺织科技,
  [7] 钱素琴,耿兆丰.网络化款式设计系统的研究[J].计算机应用研究,2005(7):90-92.
  [8] 刘卉,许端清,陈纯.服装CAD综述[J].计算机辅助设计与图形学学报,2000(6):474-480.
  [9] KANG T J,KIM S M.Development of three-dimensional apparel CAD system[J].Part II prediction of garment drape shape,International journal of clothing science and technology,2000(12):39-49.

作者简介

  焦会琴(1974--),女,西安工程大学服装与艺术设计学院,硕士研究生,主要从事服装设计、计算机图形学的研究。
  冯伟一,西安工程大学服装与艺术设计学院
  张云鹏,西北工业大学软件学院

(THE END)

 

将要更新