<html xmlns="http://www.w3.org/1999/xhtml"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5, minimum-scale=0.5, user-scalable=yes, maximum-scale=2.0, target-densitydpi=device-dpi" />
				<meta name="robots" content="all"/>
        <meta name="description" content="description">
        <meta name="keywords" content="">
        <title>Page 12 - 闉嬬被宸ヨ壓涓庤璁?-2025骞?1鏈?1鏈?indd</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
  
#container {margin:50px auto;padding:0px;width:910px;}
#left-button{ width:90px; height:100%;float:left }
#middle{ width:730px; margin:0px; float: left;}
#right-button{ width:90px; float:left;}
html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, dd,select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; displayblock}
span,ul,li,image{ padding:0px; margin:0px; list-style:none;}
#top-title{ width:714px; margin-bottom:10px; float:left; padding:0px 8px}
#top-title2{ width:320px;  float:right;}
#content{ width: 730px; float:left;float:left;word-wrap: break-word;}
#content-top{ width:730px; background-image:url(images/top_bg.jpg); height:56px; background-repeat:no-repeat; float:left;}
#content-top1{ width:70%; padding:16px 0px 0px 30px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#636363;float:left;}
#content-top2{ width:60px; float:right; padding:25px 30px 0px 0px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2f2f2f; font-weight:bold; text-align:right}
#content-middle{ width:730px; background-image:url(images/middle_bg.jpg); background-repeat:repeat-y;float:left;}
#content-middle1{ width:475px; padding:25px 0px 25px 35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#636363; line-height:150%;float:left;}
#content-middle2{  padding:7px; float:right; margin:25px 35px 0px 0px; border:solid 1px #c8c8c9; background-color:#FFF; text-align:center}
#content-bottom{ width:730px; background-image:url(images/bottom_bg.jpg); background-repeat:no-repeat; height:58px;float:left;}
#content-bottom2{ width:110px; height:42px; margin:0px auto; padding-top:4px;}
#input{ width:58px; height:20px; background-color:#FFF; border:solid 1px #dfdfe0; color:#636363; text-align:center; font-size:11px;}
.font1{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#2f2f2f;}
.font1 a:link{
	text-decoration: none;
    color:#2f2f2f;

}
.font1 a:visited{
	text-decoration: none;
    color:#2f2f2f;
	
}
.font1 a:hover{
	color: #2f2f2f;
	text-decoration: underline;

}



.text-container {
padding: 20px;
color: #333;
margin-top: 24px;
line-height: 22px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.use-as-video {
float: right;
padding-left: 20px;
}
.cc-float-fix:before, .cc-float-fix:after {
content: "";
line-height: 0;
height: 0;
width: 0;
display: block;
visibility: hidden;
}
.use-as-video-img {
cursor: pointer;
position: relative;
width: 320px;
height: 180px;
}
.use-as-video-title {
font-size: 15px;
font-weight: bold;
color: #000000;
padding-bottom: 5px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('images/next2.png','images/previous2.png')">
<div id="container">
<div id="left-button">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="page11.html"><img src="images/previous_big.png" width="90" height="80" /></a></p>
</div>
<div id="middle">
  <div id="top-title"><span class="font1">Basic HTML Version</span>
    <div id="top-title2">
      <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
        <tr>
        	<td width="66%"> </td>
          <td width="35%" style="display:none" align="right"><img src="images/content.png" width="19" height="16" /></td>
          <td width="31%" style="display:none" class="font1"><a href="">Table of Contents</a></td>
          <td width="6%"><img src="images/view.png" width="19" height="16" /></td>
          <td width="28%" class="font1"><a href="../../indexshouji.html#p=12">View Full Version</a></td>
        </tr>
      </table>
    </div>
  </div>
  <div id="content">
     <div id="content-top">
        <div id="content-top1">Page 12 - 闉嬬被宸ヨ壓涓庤璁?-2025骞?1鏈?1鏈?indd</div>
        <div id="content-top2">P. 12</div>
     </div>
     <div id="content-middle">
     	
     	  <div class="text-container">
    <div class="use-as-video cc-float-fix">
      <a style="text-decoration: none;" href="../../indexshouji.html#p=12"><img src="../thumb/12.jpg" /></a>
    </div>

    <p class="use-as-video-title"></p>
    <pre style="white-space:pre-line"><code>绗?5 鍗? 绗?21 鏈? 闉嬬被宸ヨ壓涓庤璁?                                      Vol. 5 No. 21
  2025 骞?11 鏈?                                                Nov. 2025
               SHOES TECHNOLOGY AND DESIGN

   鏂囧寲璁ゅ悓瑙嗗煙涓嬭嫃缁ｄ俊鎭彲瑙嗗寲璁捐鎺㈢储

                                                 寰愯搲钃夛紝寰?鎵?*

                                               锛堟捣鍗楀ぇ瀛︼紝娴峰崡 娴峰彛 570100锛?
鎽??瑕侊細鏈枃浠庤瑙夎瑷€銆佺鍙风郴缁熶笌浜や簰浣撻獙涓夋柟闈㈠叆鎵嬶紝鎻愬嚭灏嗚嫃缁ｅ悇绫昏绱犺瀺鍏ョ幇浠ｈ璁★紝鍊熷姪鏁板瓧鍖栨墜娈靛
寮虹敤鎴峰鑻忕唬鏂囧寲鐨勮鐭ヤ笌鎯呮劅杩炴帴銆傝妗嗘灦鐨勮璁¤鐢ㄦ埛鍦ㄤ綋楠屼腑閫愭褰㈡垚鏂囧寲璁ゅ悓锛屼粠鑰屾彁楂樹簡鑻忕唬鐨勪紶鎾晥鐜囥€?鍏?閿?璇嶏細鏂囧寲璁ゅ悓锛涜嫃缁ｏ紱淇℃伅鍙鍖?涓浘鍒嗙被鍙?J524??鏂囩尞鏍囪瘑鐮?A DOI:10.3969/j.issn.2096-3793.2025-21-002

     Exploration of Information Visualization Design of Su

        Embroidery in the Perspective of Cultural Identity

                                            XU Rongrong锛孹U Yang*

                                            (Hainan University, Haikou 570100, China)
Abstract: Starting from visual language, symbol system and interactive experience, this paper proposes to integrate all
kinds of elements of Suzhou embroidery into modern design, and enhance users' cognition and emotional connection to
the culture of Suzhou embroidery by means of digitization. The design of the framework allows users to gradually form a
cultural identity during the experience, thus improving the dissemination efficiency of Suzhou embroidery.
Key words: cultural identity; su embroidery; information visualization

                             寮曡█  琛岀悊鎬ч€夋嫨骞跺彂鐜拌嚜宸辩殑韬唤 [2]銆?
      鏂囧寲璁ゅ悓鏄寚浜轰滑鐢变簬鍒嗕韩鍏卞悓鐨勫巻鍙茶蹇嗐€佹枃鍖栦範    2 鑻忕唬鐨勬簮娴併€佺壒鑹蹭笌鍐呮兜
淇楃瓑鑰屽舰鎴愮殑瀵规煇涓€鍏卞悓浣撶殑褰掑睘鎰熴€傞殢鐫€缁忔祹鍏ㄧ悆鍖?鐨勬繁鍏ュ彂灞曪紝鍚勭鎬濇兂鏂囧寲鐩镐簰婵€鑽★紝涓嶅悓鏂囨槑浜ゆ祦浜?        2.1 鑻忕唬鐨勬笂婧愭祦鍙?铻嶄氦閿嬫洿鍔犻绻侊紝浜轰滑鎷呭績灏嗕細澶卞幓鑷繁璧栦互鐢熷瓨鐨勬枃
鍖栨牴鍩猴紝浜庢槸瀵绘壘鑷垜韬唤鍜屽綊灞炴劅鐨勯渶姹傚彉寰楄秺鏉ヨ秺               鏃╂湡鑻忕唬鍙堢О鈥滃惔鍦板埡缁ｂ€濄€傛眽浠ｅ垬鍚戠殑銆婅鑻戙€嬭
寮虹儓銆傝嫃缁ｄ綔涓哄惔鍦板埡缁ｇ殑浠ｈ〃锛屾槸鏋勫缓鍚存枃鍖栬鍚岀殑         杞斤紝鏄ョ鏃舵湡鍚村浗鈥滄湁缁ｈ。鑰岃惫瑁樿€咃紝鏈夐敠琛ｈ€岀嫄瑁樿€呪€濓紱
閲嶈璧勬簮锛岃嚜鍙や互鏉ヤ竴鐩翠互绮炬箾鐨勬妧鑹哄拰鑹烘湳浠峰€奸椈鍚?        璇存槑姝ゆ椂宸叉湁鍒虹唬宸ヨ壓鐨勮杞姐€備笢鏅嬬帇鍢夌殑銆婃嬀閬楄銆嬩腑
浜庝笘 [1]銆傝嫃缁ｈ壓鏈负杩庡悎甯傚満闇€瑕侊紝涔熼潰涓粹€滃埗浣滄暟閲忚     璁拌浇锛屽瓩鏉冩兂瑕佸湴鍔垮浘渚夸簬浣滄垬锛岃档澶汉璇?锛氣€滀腹闈掍箣鑹诧紝
妯″寲鈥濃€滆壓鏈搧浣嶉浄鍚屽寲鈥濃€滄墜宸ユ妧鑹虹鎶€鍖栤€濈殑闈為仐鍚?       鐢氭槗姝囩伃锛屼笉鍙箙瀹濓紝濡捐兘鍒虹唬锛屽垪鍥芥柟甯涗箣涓婏紝鍐欎互浜?璐ㄥ寲闅鹃銆傞潪閬楃殑鐢熶骇鎬т繚鎶ゅ墠鎻愭槸淇濇姢锛岃嫃缁ｈ壓鏈殑         宀虫渤娴峰煄閭戣闃典箣褰€傗€濅綔鍝佸畬鎴愬悗锛屽ス鐨勫埡缁ｈ褰撴椂鐨?淇濇姢闇€瑕佸師鐢熸€佺殑鐙壒鎬с€佹枃鍖栦紶鎵跨殑瀹屾暣鎬т笌鍘熺湡鎬с€?       浜虹О涓衡€滅粷閽堚€濄€傜幇瀛樹笘鏈€鏃╃殑鑻忕唬浣滃搧鏄嫃宸炶檸涓樹簯宀?娲绘€佷紶鎵跨殑鍙寔缁€с€傛湰鏂囨嫙璁捐涓€濂楀畬鏁寸殑鑻忕唬鑹烘湳         瀵哄鍑哄湡鐨勪簲浠ｆ椂鏈熺殑缁忓笝 [3]銆傚畫浠ｄ互鍚庯紝鏈夊叧鑻忕唬鐨勮
瑙嗚鍙鍖栫郴缁燂紝涓鸿嫃缁ｇ殑鍙戝睍鍙婁紶鎵垮敖缁佃杽涔嬪姏銆?         褰曞ぇ閲忓嚭鐜板湪鍙蹭功銆佹枃瀛︿綔鍝佷腑锛屽疄鐗╀篃瓒婃潵瓒婂锛屾鏃?                                 鐨勫畫鏈濓紝鑻忓窞宸茬粡鍑虹幇浜嗙唬琛ｅ潑銆佺唬鑺卞紕绛夌敓浜ч泦涓殑鍧?1 鏂囧寲璁ゅ悓鐨勫惈涔?                       宸枫€傚埌浜嗘槑浠ｏ紝姹熷崡宸叉垚涓轰笣缁囨墜宸ヤ笟涓績銆傛竻浠ｆ槸鑻忕唬
                                 鐨勫叏鐩涙椂鏈燂紝褰撴椂鑻忕唬宸叉垚涓轰竴绉嶈涓氾紝鍟嗗搧缁ｆ瀬涓哄彂杈俱€?      浠庢皯鏃忓瑙嗚鏉ョ湅锛屾枃鍖栬鍚屾寚鐨勬槸涓汉鎴栫兢浣撳     娓呭环璁炬睙瀹併€佽嫃宸炪€佹澀宸炰笁澶х粐閫犲簻锛屽叾涓嫃宸炵粐閫犲簻鐩?鎵惧拰纭浠栦滑鐨勬枃鍖栤€滆韩浠解€濄€傝繖绉嶈韩浠借鍚屾簮浜庝汉浠笌        鍏虫満鏋勪笓鑱屾壙鍋氬寤风唬鍝侊紝姹熷畞缁囬€犲簻鏍稿績骞堕潪杩涜础鑻忕唬锛?绀句細鐨勭浉浜掓瀯寤猴紝涓汉浼氭牴鎹ぞ浼氫氦寰€涓殑涓嶅悓闇€姹傝繘         涓斾簩鑰呭浠ョ粐閫犲眬鎵挎帴缁ｆ椿銆傝嫃宸炲強鍛ㄨ竟鍦板尯褰㈡垚浜嗏€滃

     浣滆€呯畝浠嬶細寰愯搲钃夛紙2000-锛夛紝濂筹紝鐮旂┒鐢熷湪璇伙紝鐮旂┒鏂瑰悜锛氳瑙変紶杈捐璁★紝1452533094@qq.com.
     閫氫俊浣滆€咃細寰愭壃锛?974-锛夛紝濂筹紝纭曞＋锛屽壇鏁欐巿锛岀爺绌舵柟鍚戯細瑙嗚浼犺揪璁捐锛?75787476@qq.com.

路6路</code></pre>
     	</div>
    
     </div>
     <div id="content-bottom">
       <div id="content-bottom2">
         <table width="110" border="0" cellspacing="0" cellpadding="0">
           <tr>
             <td width="22%" height="44"><a href="page11.html"><img src="images/previous.png" width="26" height="19" id="Image2" onmouseover="MM_swapImage('Image2','','images/previous2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
             <td width="43%">
             	&nbsp;&nbsp;&nbsp;<a href="page7.html">7</a>&nbsp;&nbsp;&nbsp;<a href="page8.html">8</a>&nbsp;&nbsp;&nbsp;<a href="page9.html">9</a>&nbsp;&nbsp;&nbsp;<a href="page10.html">10</a>&nbsp;&nbsp;&nbsp;<a href="page11.html">11</a>&nbsp;&nbsp;&nbsp;<a href="page12.html">12</a>&nbsp;&nbsp;&nbsp;<a href="page13.html">13</a>&nbsp;&nbsp;&nbsp;<a href="page14.html">14</a>&nbsp;&nbsp;&nbsp;<a href="page15.html">15</a>&nbsp;&nbsp;&nbsp;<a href="page16.html">16</a>&nbsp;&nbsp;&nbsp;<a href="page17.html">17</a>
             </td>
             <td width="35%"><a href="page13.html"><img src="images/next.png" width="26" height="19" id="Image1" onmouseover="MM_swapImage('Image1','','images/next2.png',1)" onmouseout="MM_swapImgRestore()" /></a></td>
           </tr>
         </table>
       </div>
     </div>
  </div>
</div>
<div id="right-button">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="page13.html"><img src="images/next_big.png" width="90" height="80" /></a></p>
</div>


</div>
</body>
</html>