摘要：旗袍服饰体现了东方女性的优雅韵味，其设计形式传承着我国源远流长的色彩文化，而丰富的款式和类别等给现代服饰设计带来新的生机，也给现代服饰文化增添了新光彩。作为中华民族服饰之一的旗袍服饰，其纹样在灵感来源、色彩、构图等方面具有象征性，承载了中华民族的精神信念。本文以中華民族服装史上最灿烂的旗袍为研究对象，解读其服饰色彩与发展特征，运用数字化 HTML5技术进行对江西服装学院中华服饰博物馆旗袍展厅进行宣传制作，结合3D 模型在交互界面中展示旗袍服饰文化特色。

关键词：中华民族服饰纹样;数字化传播;HTML5技术;交互设计

Abstract： Cheongsam dress embodies the elegant charm of Eastern women. Its design form inherits my country's long-standing color culture. The rich styles and categories bring new vitality to modern dress design and add new luster to modern dress culture. As one of the Chinese national costumes， cheongsam costumes are symbolic in terms of source of inspiration， color， and composition， and they carry the spiritual beliefs of the Chinese nation. This article takes the most splendid cheongsam in the history of Chinese national clothing as the research object， interprets the inheritance and development characteristics of its clothing， uses digital HTML5 technology to promote the production of the cheongsam exhibition hall of the Chinese Costume Museum of Jiangxi Institute ofFashion， and combines the 3D model to display the cheongsam in the interactive interface. Cultural Features. Keywords： Chinese national costume patterns; digital communication; HTML5 technology; interactive design

引言：中华服饰纹样具有多样性，旗袍是中国和世界华人女性的传统服装之一，体现的是一个时代的文化气息，是中华民族智慧的结晶。《花样年华》《金陵十三钗》、《阮玲玉》等众多影视剧中的女性角色都在表演中展现了旗袍之美，丰富了大众对于旗袍的色彩了解，但大多数人还是对旗袍的历史文化、制作工艺、样式变迁等了解甚浅。在国内，江西服装学院中华服饰博物馆旗袍展厅对旗袍历史文化进行了相关展览，通过数字化传播形式线上+线下的融合，打破原本传播方式的局限性; HTML5交互的出现是移动互联网时代颠覆性新媒体产品，以数字化展示 HTML5技术，打破过去单一的阅览形式。目前国内 HTML5设计关于传统服饰文化数字化传播与保护的案例较少，笔者分析了如何实现色彩、图片、音频、视频的结合，全方位展示旗袍文化特色，让用户群体能够随时随地全方位了解与体验中华服饰旗袍文化特色。

一、旗袍设计中展现出的中国传统色彩

传统的中式色彩审美是在“赤、黄、青、白、黑”的五色观基础上，使用花草、云纹、龙凤瑞兽等被寄寓祥瑞意味的图案纹样，电影《花样年华》中，女主角张曼玉一共所穿的21件旗袍，色彩或明亮艳丽、或淡然素雅，色彩在服饰中的结合运用使之不仅仅是一种孤立的文化现象，更成为了一种精神文化与物质形态的统一体，多角度地彰显了现代旗袍将中国传统色彩与当时的流行风格结合的设计实践。电影中所有的旗袍统一采用高领、圆襟、十字袖、过膝的设计，图1中的这件是以水色为底色，印染着饱满的红色花朵，体现了作为中国传统服饰色彩最早的呈现形式的自然色彩。古代人们通过自身对色彩的感知，直接从自然界当中提取矿石颜料、植物染料等，为服装设计色彩，对自然界的色彩进行较为基本地呈现。不过影片中也有很多背离中国传统色彩使用习惯的旗袍构色，例如影片中出现了两次的黑底白黑竖条纹旗袍，纹路类似于蛇纹，是具有现代风格的旗袍类型。

二、旗袍数字化色彩展示设计实践

通过对江西服装学院中华服饰博物馆旗袍展厅进行运用H5技术进行旗袍文化展现，以“新国潮”为主题，通过二维+三维情景有效展现旗袍文化特色。本设计实践 H5界面制作主要分为五个部分：第一部分是封面和首页展现，提供用户信息选择性;第二部分是旗袍展厅 VR 虚拟全景展示，为用户提供真实场景体验;第三部分是旗袍3D 模型展示;第四部分是旗袍派别及其制作流程讲解;第五部分是旗袍小游戏制作，增强用户体验;第六部分是外链添加江西服装学院校园官网与微信分享好友链接。

2.1 HTML5介绍

HTML5是现代在手机微信及相关网页端口最为常规的宣传形式，通过二进制语言的输入转换为图文、游戏等形式，增加传播形式的趣味性，达到人人参与形式来提升用户参与感及成就感，如《巴黎博物馆》是一款根据城市博物馆制作游览型 H5设计宣传馆内的经典展品、历史文化、展览信息等方面。国内关于服饰在 H5技术案例当中传播比较广的是《56个民族服装任你选！快秀出你的爱国 Style》H5专题的发布，结合“生成头像”功能，更好地突出了用户的体验感，不仅很好传播与保护了中国少数民族服装特色，同时具备更好的用户体验，为服饰文化发展提供价值型参考。

2.2界面色彩选择

界面设计色彩搭配大面积采用中国古代建筑中绯红和青绿，突出“新国潮”主题，绯红是一种较为艳丽的深红，青綠是偏青的绿色，红绿搭配在中国古代建筑中最为常见。色彩的运用在作品设计中尤为重要，是画面风格的最重要的组成部分，因为色彩能对人们的视觉形成最强烈的冲击力。Ih5页面选择红、绿对比色搭配能凸显出国潮风格，强化传承传统文化的主题，吸引用户观看，加深用户印象。也能从侧面衬托出旗袍所蕴含的中国优秀传统文化内涵之美，给予用户一定的心理期待和价值定位。

2.3虚拟展厅中展现的旗袍色彩

江西服装学院中华服饰博物馆旗袍展厅通过全景相机进行拍摄不同旗袍服饰近景、远景等实景，调整设备角度并连接云端，在AuraStudio中将素材有效拼接起来，形成全景展示效果。对馆内京派旗袍、海派旗袍、苏派旗袍等不同流派进行三维建模制作，在3D 中雕琢涡轮平滑高模，制作出旗袍大致外形及整曲线褶皱皱，旗袍纹样制作通过 PS 软件绘制完成，导入3D 中观察效果并调整，通过引擎环境中对应 PS 中调整材质、贴图的效果，完成一整个旗袍3D 模型，将制作好的白模导入 HTML5后并对模型进行最终调整。旗袍的色彩在虚拟展厅之中得到全面呈现：与《花样年华》中类似的白底蓝纹中长襟旗袍，设计理念以青花瓷为基础;蓝色印花长襟旗袍，优雅婉约;玫瑰色的中长襟旗袍等。

结语

旗袍在设计过程中会有意结合更为符合其款式气质的中华传统，以符合中国本土消费群体因所处的文化地域而形成的审美标准。旗袍以自身的独特风格活跃了中华民族的审美思维，将东方文化内涵内化为其本身的影响力与吸引力，通过对外的展示将我国悠久的传统文化弘扬至世界人民的眼中，让大家都能体会到中华文化之美。现代的旗袍服饰融合了新时代的设计思想，注重满足多元化、个性化的消费需求，从产品市场的角度出发，为广大客户提供了多种多样的选择。

通过 H5技术下的数字化传播形式，突破了传统传播与保护手段，不仅为旗袍服饰色彩、工艺及纹样特色进行有效数字化保护，而且让参与者获得有趣、易懂、多形式、多元化的旗袍文化知识与制作工艺。H5技术不仅对旗袍服装数字化传播与保护提供了更好的传播效果，并能有利于对江西服装学院的教育理念与专业特色达到更好的宣传效果，更好地迎合市场需求，将中国传统旗袍服饰文化得到更好地传播与保护，让大众欣赏多样的旗袍色彩。

参考文献：

[1]肖满英.3D 虚拟仿真技术在旗袍个性化定制中的应用[J].服饰导刊.2021，10（03）.

[1]沈雷 ， 薛帆.中国传统色彩在旗袍设计中的传承与运用[J].纺织导报 ， 2017（07）：108-110.

基金项目：

1.2020年江西省教育厅科技项目阶段性成果（编号 GJJ202406）;

2.2021年江西省教育厅科学技术研究项目畲族服饰数字展示骨骼动画数据库设计研究。

作者简介：

郭莹莹（1994.07），女，汉，江西南昌人，硕士，助教，江西服装学院，研究方向：数字媒体交互设计。