纺织学报 ›› 2026, Vol. 47 ›› Issue (04): 198-206.doi: 10.13475/j.fzxb.202508027301

• 服装工程 • 上一篇    下一篇

基于云肩纹样的可视化编程与数字交互设计

毛可人1, 郑晶晶2,3(), 崔荣荣2,3, 王志成2,3   

  1. 1 浙江理工大学 艺术与设计学院, 浙江 杭州 310018
    2 浙江理工大学 服装学院, 浙江 杭州 310018
    3 浙江理工大学 数智风格与创意设计研究中心, 浙江 杭州 310018
  • 收稿日期:2025-08-11 修回日期:2026-02-15 出版日期:2026-04-15 发布日期:2026-06-24
  • 通讯作者: 郑晶晶(1982—),女,副教授,硕士。主要研究方向为服装设计与工程。E-mail:zjj.cecily@163.com
  • 作者简介:毛可人(1999—),男,博士生。主要研究方向为数智化时尚设计。
  • 基金资助:
    浙江省重点研发计划尖兵领雁攻关项目(2024C01210);浙江省哲学社会科学规划“之江青年”专项课题项目(25ZJQN026YB)

Visual programming and digital interactive design based on cloud collar patterns

MAO Keren1, ZHENG Jingjing2,3(), CUI Rongrong2,3, WANG Zhicheng2,3   

  1. 1 Art & Design Academy, Zhejiang Sci-Tech University, Hangzhou, Zhejiang 310018, China
    2 School of Fashion Design & Engineering, Zhejiang Sci-Tech University, Hangzhou, Zhejiang 310018, China
    3 Digital Intelligence Style and Creative Design Research Center, Zhejiang Sci-Tech University, Hangzhou, Zhejiang 310018, China
  • Received:2025-08-11 Revised:2026-02-15 Published:2026-04-15 Online:2026-06-24

摘要:

为突破中国传统云肩纹样设计模式固化及数字转化交互性不足的双重局限,提出一种基于可视化编程技术的动态交互生成方案。首先,深入解析云肩纹样的历史形制与几何构成规律,以可视化编程工具TouchDesigner为核心,构建节点工作流,将纹样的轮廓特征和空间构成解构为可量化的可控参数集。在此基础上,通过音乐交互映射模块,建立音乐特征与纹样参数的实时映射关系。经模糊综合评价体系验证,二维动态视频驱动的云肩数字纹饰方案在技术基础、交互体验、文化内涵与实践应用等方面呈现显著优势。可视化编程技术依托参数化重构与实时交互机制,不仅构建了传统云肩纹样数字再生的可扩展技术路径,也为文化遗产的活态传承与跨领域创新提供了方法论参考。由此,该方案在理论研究与实践转化中均展现出突出的学术价值与广阔的应用前景,可进一步延展至数字博物馆的沉浸式文化叙事、时装展演的智能动态舞美系统以及奢侈品牌的文化基因可视化传播等多元场景。

关键词: 可视化编程, TouchDesigner, 云肩纹样, 动态粒子重构, 音乐交互映射

Abstract:

Objective This study addresses stagnant evolution in traditional Chinese cloud collar patterns and digital interaction limitations. It proposes a novel framework using visual programming to bridge historical art and digital expression. By analyzing examples form Ming and Qing dynasties, it deconstructs forms and principles, establishing a robust parametric system to capture digitally the traditional aesthetics. Integrated audio-driven interaction creates a dynamic generative environment for the living inheritance of this heritage, specifically enhancing youth engagement and fostering innovative participation with traditional culture.

Method Ming-Qing cloud collar patterns were collected. High-resolution scanning and image processing were used for precise feature extraction of skeletal structures and decor. A digital workflow in TouchDesigner (node-based visual programming) was built, and dynamic particle reconstruction was carried out, where 2-D patterns were transformed into responsive 3-D particle systems using Point Transform TOP to map deconstructed image RGB values to particle 3-D coordinates (X, Y, Z) in real-time. Audio features were extracted and mapped in real-time to control particle parameters. A fuzzy comprehensive evaluation model was applied to assess input efficacy for high-fidelity digital pattern representation.

Results The research results indicated that the innovative integration of cloud collar patterns with visual programming technology not only achieved the digital regeneration of traditional cloud collar patterns but also established a dynamic inheritance path featuring both technological breakthroughs and cultural depth. The dynamic particle reconstruction technology facilitated the creative transformation from 2-D to 3-D through the node workflow of TouchDesigner. Patterns, after being standardized by Fit TOP, optimized for blurriness by Blur TOP, and adjusted for parameters by Level TOP, were synthesized into RGBA four-channel maps via Reorder TOP. Subsequently, through the GPU parallel architecture of Point Transform TOP, the RGB channel values were mapped in real-time to 3-D particle coordinates (with the R value controlling the X-axis, the G value controlling the Y-axis, and the B value controlling the Z-axis). Combined with instantiated rendering by Geometry COMP and optical simulation by Phong Mat, a high-density particle scene with a sense of volume and material response was ultimately formed, accurately reproducing the geometric aesthetics of traditional structures such as the "cross-shaped" framework of the Sihe Ruyi style and the radial structure of the willow leaf style.The music interaction mapping system constructed a cross-modal real-time response mechanism. By extracting audio RMS energy, which was preprocessed through Gaussian filtering by Filter CHOP, the threshold interval was controlled by Limit CHOP to convert the energy data into displacement parameters of particles along the X/Y/Z axes. Combined with logical triggering by Logic CHOP and layer switching by Switch CHOP, dynamic effects such as breath-like fluctuations at low frequencies and radial light effects at high frequencies were achieved, enabling the particle movement to synchronize with musical rhythms at the millisecond level. The fuzzy comprehensive evaluation involving 10 industry professionals and 65 experiencers shows that although the static parameter scheme accurately restored the aesthetic of patterns with a high visual fidelity rate, its dynamic expressiveness was relatively weak. The dynamic video scheme, on the other hand, demonstrated significant advantages in interactive real-time performance and application adaptability, with a comprehensive score of 87.723 using the dual-weight method. This digital achievement can be widely applied in scenarios such as immersive exhibitions in digital museums, real-time dynamic decorations in fashion shows, and interactive experiences in AR/VR, injecting technological vitality into traditional patterns and promoting their evolution from static heritage to dynamic cultural symbols.

Conclusion This study introduces a novel digital construction methodology for Chinese cloud shoulder patterns, fundamentally leveraging the power and accessibility of visual programming. This approach effectively facilitates the modernization and revitalization of these significant traditional cultural elements. Relative to conventional graphic design or static 3-D modeling approaches, the proposed framework delivers an innovative technical solution for the living transmission of intangible cultural heritage. Its core strengths lie in its parametric flexibility and its inherent interactivity. The methodology exhibits substantial extensibility, readily adaptable to the parametric digitization and interactive regeneration of numerous other traditional decorative patterns beyond cloud shoulders. Consequently, this research possesses significant cultural dissemination value, offering new avenues for heritage appreciation, and considerable industrial application potential across creative industries, education, and digital heritage preservation, ensuring these ancient art forms resonate powerfully in the digital age.

Key words: visual programming, TouchDesigner, cloud collar ornamental pattern, dynamic particle reconstruction, music-interactive mapping

中图分类号: 

  • TS941.2

图1

云肩组合形式示意图"

图2

二维顶点转三维点云的底层逻辑"

图3

音乐交互映射的底层逻辑"

图4

云肩的实物轮廓和骨架结构分析"

图5

云肩纹样的数字化建构流程"

图6

云肩纹样粒子重构"

图7

音乐交互系统搭建"

图8

不同参属下数字云肩纹样效果"

表1

评价指标集和权重值"

评价指标集N 评定集F 评价指标权重值WF
视觉保真度N1 非常满意F1;
满意F2;一般
F3;不满意F4
0.15
交互实时性N2 0.35
文化阐释深度N3 0.2
应用适配性N4 0.3

表2

隶属矩阵R"

评价指
标集N
方案一 方案二
F1 F2 F3 F4 F1 F2 F3 F4
N1 0.53 0.30 0.12 0.05 0.33 0.22 0.32 0.13
N2 0.07 0.22 0.58 0.13 0.58 0.33 0.08 0.00
N3 0.03 0.15 0.70 0.12 0.24 0.28 0.44 0.04
N4 0.17 0.22 0.62 0.00 0.47 0.40 0.13 0.00
综合隶
属度
0.160 0.216 0.547 0.078 0.442 0.325 0.205 0.028

表3

设计方案满意度"

设计方案 总分法综合得分 分权法综合得分
方案一 0.249 76.875
方案二 0.281 87.723
[1] 崔荣荣, 牛犁, 王闪闪. 鲁南地区云肩技艺的考察及思考[J]. 民俗研究, 2013(4): 132-136.
CUI Rongrong, NIU Li, WANG Shanshan. Investigation and thinking on cloud shoulder skills in southern Shandong Province[J]. Folklore Studies, 2013(4): 132-136.
[2] 代永琪, 彭莉, 谢乃鹏. 数字赋能: 基于视觉Transformer的非遗苗绣纹样数字化提取[J]. 丝绸, 2024, 61(7): 14-24.
DAI Yongqi, PENG Li, XIE Naipeng. Digital empowerment: digitized extraction of patterns of the intangible cultural heritage Miao embroidery based on visual Transformer[J]. Journal of Silk, 2024, 61(7): 14-24.
[3] 王维杰, 刘毅, 肖露, 等. 基于改进生成式对抗网络与矢量绘制技术的古蜀锦纹样数字化研究[J]. 丝绸, 2023, 60(11): 18-27.
WANG Weijie, LIU Yi, XIAO Lu, et al. Research on digitalization of ancient Shu brocade patterns based on improved generative adversal network and vector rendering technology[J]. Journal of Silk, 2023, 60(11): 18-27.
[4] BERTASIUS G, SHI J B, TORRESANI L. DeepEdge:a multi-scale bifurcated deep network for top-down contour detection[C]//2015 IEEE Conference on Computer Vision and Pattern Recognition (CVPR). New York: IEEE, 2015: 4380-4389.
[5] FENG Y, SHI Z, KONG Q, et al. Detection of ethnic minority's symbols based on deep learning[J]. Journal of Physics: Conference Series, 2020, 1646(1): 012033.
doi: 10.1088/1742-6596/1646/1/012033
[6] 张素雅, 崔荣荣, 王志成, 等. 八达晕纹样结构参数化解构与再生设计[J]. 纺织学报, 2024, 45(6): 165-172.
ZHANG Suya, CUI Rongrong, WANG Zhicheng, et al. Parametric and regeneration design of Badayun patterns[J]. Journal of Textile Research, 2024, 45(6): 165-172.
[7] 吴思熠, 闫竞文, 陆垠蕾, 等. 传统纹样的数智生成与创新设计应用[J]. 针织工业, 2025(3): 61-66.
WU Siyi, YAN Jingwen, LU Yinlei, et al. Digital intelligence generation and innovative design application of traditional patterns[J]. Knitting Industries, 2025(3): 61-66.
[8] 茅佳怡, 苏淼. 基于人工智能生成内容技术的八达晕纹二维图像及三维模型生成方法[J]. 纺织学报, 2025, 46(4): 129-137.
MAO Jiayi, SU Miao. 2-D image and 3-D model generation method of Badayun patterns based on artificial intelligence generated content technology[J]. Journal of Textile Research, 2025, 46(4): 129-137.
doi: 10.1177/004051757604600208
[9] 卢润彩, 李晓红. 博物馆陈列展览数字交互设计探析[J]. 中国博物馆, 2023(2): 96-99.
LU Runcai, LI Xiaohong. Research on digital interaction design of museum exhibitions[J]. Chinese Museum, 2023(2): 96-99.
[10] 施建平, 王萱. 传统云肩服饰艺术的运用与装饰审美意义[J]. 丝绸, 2011, 48(3): 38-42.
SHI Jianping, WANG Xuan. Application of traditional cloud shoulder dress art and its adornment aesthetic significance[J]. Journal of Silk, 2011, 48(3): 38-42.
[11] 闫颜. 传统云肩元素在新中式服装中的创新应用研究[D]. 上海: 东华大学, 2024.
YAN Yan. Traditional cloud shoulder elements in new Chinese clothing innovative application research[D]. Shanghai: Donghua University, 2024.
[12] 高毅, 高越. 中国传统服饰配件云肩元素的创新实践: 评《中国最美云肩: 卓尔多姿之形制》[J]. 毛纺科技, 2022, 50(5): 128-129.
GAO Yi, GAO Yue. Innovative practice of cloud shoulder elements in traditional clothing accessories in China: comment on the most beautiful cloud shoulder in China: a unique shape[J]. Wool Textile Journal, 2022, 50(5): 128-129.
[13] 张芳. 简析云肩在服装装饰中的视觉重构[J]. 四川戏剧, 2017(5): 161-164.
ZHANG Fang. A brief analysis of the visual reconstruction of cloud shoulder in clothing decoration[J]. Sichuan Drama, 2017(5): 161-164.
[14] 冯乔, 黄天. 基于TouchDesigner视觉编程技术的粤剧数字化设计创新[J]. 包装工程, 2023, 44(6): 1-11.
FENG Qiao, HUANG Tian. Digital design innovation of Cantonese opera based on TouchDesigner visual programming technology[J]. Packaging Engineering, 2023, 44(6): 1-11.
[15] 黎珂位. 多感官交互叙事空间设计: 艺术与科技专业的信息交互设计课程研究与实践[J]. 包装工程, 2023, 44(S1): 625-629, 650.
LI Kewei. Multi-sensory interactive narrative space design: research and practice of information interactive design course for art and technology majors[J]. Packaging Engineering, 2023, 44(S1): 625-629, 650.
[16] 陈占军, 林姚宇, 龚咏喜, 等. 古建筑视觉三维重建系统设计与实现[J]. 计算机应用与软件, 2021, 38(8): 17-22, 32.
CHEN Zhanjun, LIN Yaoyu, GONG Yongxi, et al. Design and implementation of visual 3d reconstruction system for ancient buildings[J]. Computer Applications and Software, 2021, 38(8): 17-22, 32.
[17] 韩林倩. “四合如意”云肩形制研究及其服装设计创新探索[D]. 杭州: 中国美术学院, 2023.
HAN Linqian. Research on the shape of "Sihe ruyi" shoulder and its innovation in fashion design[D]. Hangzhou: China Academy of Art, 2023.
[18] 崔荣荣, 高卫东. 民间服饰品的适用性功能[J]. 纺织学报, 2009, 30(2): 100-103.
CUI Rongrong, GAO Weidong. Applicability function of folk clothing accessories[J]. Journal of Textile Research, 2009, 30(2): 100-103.
[19] 梁惠娥, 胡少华. 近代服饰品云肩中云纹形态及其组合形式初探[J]. 装饰, 2009(11): 76-77.
LIANG Huie, HU Shaohua. Explore the moire patterns and combinations in the tippet in modern times[J]. Art & Design, 2009(11): 76-77.
[20] 陈贵娴, 朱剑刚. 基于Kano模型与模糊综合评价的小户型智能家具设计[J]. 林业工程学报, 2026, 11(1): 197-206.
CHEN Guixian, ZHU Jiangang. Design of smart furniture for small apartment based on Kano model and fuzzy comprehensive evaluation[J]. Journal of Forestry Engineering, 2026, 11(1): 197-206.
[1] 张爱丹, 李杰. 异形网点结构提花织物的防伪功能设计与评价[J]. 纺织学报, 2026, 47(04): 120-126.
[2] 潘隽媛, 李炳贤, 蒋高明. 柔性防刺材料的研究进展[J]. 纺织学报, 2026, 47(04): 225-234.
[3] 刘怡鑫, 万美怡, 张宁, 潘如如. 基于特征融合的复杂场景面料图像检索方法[J]. 纺织学报, 2026, 47(02): 188-194.
[4] 孙威斌, 钱娟, 袁成晓, 杜劲松. 基于Python的参数化样板自动生成模型构建[J]. 纺织学报, 2026, 47(01): 186-195.
[5] 尹俏琳, 倪沈伊嘉, 郑琪, 何瑛. 基于体型特征的连衣裙综合评价模型的构建和应用[J]. 纺织学报, 2025, 46(12): 198-207.
[6] 庹武, 刘琼洋, 李庆响, 陈谦, 范睿鸽, 李佩. 基于机器视觉与YOLO11n的女西裤尺寸自动测量[J]. 纺织学报, 2025, 46(12): 208-215.
[7] 李诗蕴, 温润, 沈华, 吴建华. 传统织锦四方连续纹样的参数化生成与重构设计[J]. 纺织学报, 2025, 46(11): 86-93.
[8] 徐青, 胡伊丽, 杨卓, 周赳. 三纬组合全显结构提花织物显色纬比例对并置混色特征的影响[J]. 纺织学报, 2025, 46(10): 69-78.
[9] 刘贝芬, 张坦坦, 冯峥嵘. 基于改进Cycle GAN的清代官补风格迁移研究[J]. 纺织学报, 2025, 46(09): 213-224.
[10] 胡安妮, 王婕, 杨五世, 钟跃崎. 面向虚拟展示的三维扫描服装纸样生成[J]. 纺织学报, 2025, 46(08): 209-216.
[11] 王旭, 万腾淑, 崔静, 赵春旺, 刘峻玮, 胡坤才, 张义春, 肖超杰. 防锯服装开发及其性能研究[J]. 纺织学报, 2025, 46(08): 199-208.
[12] 陈晓真, 吴莹, 杨叶, 鲁礼豪. 基于三维虚拟模特转换的女士连体长裤参数化纸样生成[J]. 纺织学报, 2025, 46(07): 193-201.
[13] 明宇豪, 张宁, 向军, 潘如如. 基于内容的交互式面料图像推荐研究[J]. 纺织学报, 2025, 46(06): 135-142.
[14] 施佳, 李梦珠, 肖伯祥. 竞速滑冰功能性服装技术研究进展[J]. 纺织学报, 2025, 46(06): 250-260.
[15] 茅佳怡, 苏淼. 基于人工智能生成内容技术的八达晕纹二维图像及三维模型生成方法[J]. 纺织学报, 2025, 46(04): 129-137.
Viewed
Full text


Abstract

Cited

  Shared   
  Discussed   
No Suggested Reading articles found!