基于過程的服裝展示設計系統

朱 曉 煒

(南通紡織職業技術學院，江蘇 南通 226007)

?

基于過程的服裝展示設計系統

朱 曉 煒

(南通紡織職業技術學院，江蘇 南通 226007)

提出了一個用于服裝虛擬營銷和展示的新型計算機輔助教育系統。旨在提供一個操作環境，以直觀、人性化方式為展示設計的不同階段提供支持。首先，本研究為師生提出了一個計算機輔助服裝展示設計系統框架。該框架指的是實用工具箱和目前的商業軟件功能，以及符合服裝展示教學的實用要求。其次，本文描述了基于過程的服裝展示設計系統(PCDDS)的機構和功能，以及展示設計的工作流程，這個系統被稱為基于過程的服裝展示設計系統(PCDDS)。該系統提供了一個操作環境，以直觀的人性化方式支持展示和設計過程，為設計新手提供指導以完成虛擬展示設計，更好地理解概念、原則和相關知識。最后，運用定量與定性評估方法進行了用戶評估，使用PCDDS體系可以幫助學生和教師完成整個展示設計過程從概念化到特定設計方案評估，從而提升教學質量。

虛擬營銷； 展示設計過程； 展示設計系統； 評估

0 引 言

在服裝虛擬營銷和展示(CVMD)教學中，教師和學生很少使用三維(3D)計算機輔助設計工具(如3Ds Max and Maya)以營造概念階段的櫥窗或店內展示。與傳統的紙制圖片相比，3D工具可以快速營造3D模型，用攝影質量形成仿真圖像，從不同視角呈現展示。這對于提升設計質量，執行設計創意，以及改善師生在設計方面的溝通起到了關鍵作用。3D工具其應用在服裝展示設計方面也有缺陷[1-3]。

本研究為師生提出了一個計算機輔助服裝展示設計系統框架。該框架指的是實用工具箱和目前的商業軟件功能，以及符合服裝展示教學的實用要求。這個系統被稱為基于過程的服裝展示設計系統(PCDDS)[4]。該系統提供了一個操作環境，以直觀的人性化方式支持展示和設計過程，為設計新手提供指導以完成虛擬展示設計，更好地理解概念、原則和相關知識。該系統具有以下特征：

(1) 具有基于概念設計過程的系統功能和交互技術，旨在幫助設計新手以直觀的方式進行展示。

(2) 系統強調設計創意在最初概念設計階段的重要性。故事板模塊支持設計草圖和照片的下載和組織，支持文本編輯用以呈現學生設計者的設計創意，以及為他們提供快速形成3D展示場景的指導。

(3) 突出了人類工程學以及展示空間之間的關系。為顧客從視覺上描述了活動空間，以及勾畫了瀏覽商品時遵循的路線。該特征幫助學生根據人體平均尺碼進行展示空間的合理設計，因此提高了空間布局的有效性[5-7]。

(4) 該系統可以對設計不同階段或不同展示方案的錄制和瀏覽。運用截屏功能支持不同設計階段的錄制，然后通過動畫逐一放映。該功能對不同設計階段的解構或者不同設計過程的錄制進行了闡釋，有助于對一系列展示方案進行評估和交流。

1 展示設計過程

對一個設計過程的不同解釋取決于如何界定一個設計的視角，并應用于不同的設計學科。Dym等主張，工程設計是一個系統過程，其中設計者形成設計創意、評估思路、確定細節。Westerman列舉了創意過程的不同階段，如問題的定義、概念的生成和組織、結果的視覺模擬、產品設計生成價值的評價。本研究綜合了展示設計教學過程以及生成過程的操作模型：提出概念設計中展示設計過程的六大階段(見圖1)。即設計主題決定和分析，概念生成，概念組織，概念評估，具體設計方案展示，評估。評估是設計過程的要素，與其他設計階段相互作用。概念和具體設計可行性評估對于改進設計方案更為重要[8]。因此，我們的模型有兩個評估階段。在確認展示設計方案之前，必須多次對設計進行評估和修訂。圖1說明了展示設計過程的主要階段。各階段的具體內容在下述的各段落中進行表述。

圖1 展示設計過程略圖

主題的決定和分析是展示設計課程規劃的主要論題，為學生(設計者)確定了規劃程序的方向。決定和闡明展示主題后，要求學生從互聯網或雜志和圖庫等其他設計相關材料中尋找靈感。該階段讓學生選擇合適的設計信息，并據此提煉設計要素。

概念生成和組織是展示設計中的重要階段。在這些階段中，要求學生基于檢索信息以及問題域提取一個準確的設計理念。而且學生必須形成與概念相關的一些設計創意。隨后根據不同方法(如整合、概括、歸納)，將這些設計創意進行分類，以便確定不同設計創意之間的關系，識別形成特征，建立設計理念。

概念評估旨在選擇或優化基于既定要求和設計主題的設計創意和概念。這一階段的目標是決定理念及概念中的哪些方面需要進一步完善。通過評估，摒棄薄弱概念，或將其合并入其他的概念中，而恰當的概念保留下來，或與其他細節內容一起進行開發。

特定的設計方案包括基于設計理念進行重新設想和重新建立。在展示設計培訓中，要求學生將先前階段形成的理念轉化為3D結構形式。學生們通常從最初的設計理念中找出多種可選擇方案。在具體方案評估階段，通過理念評審會以及師生研討，選擇正確的設計方案。

2 系統設計

2.1 系統結構

展示服裝設計的具體方案反映設計理念的提煉過程，通過：①固定裝置、服裝及裝飾元素的放置；②環境的細節內容添加；③用以提升展示空間的美感和人體工程學效果。為了支持銷售空間的展示和布置，建立三大模塊(即模型數據庫模塊、展示設計模塊、場景截圖及動畫模塊)，在形成、編輯和組織3D展示元素方面為學生提供幫助。此外，建立評價模塊，進行展示效果分析，幫助學生選擇最優方案。隨后，根據設計過程不同階段的需求，系統由五大模塊組成：故事板模塊、模型數據庫模塊、展示設計模塊、場景截圖和動畫模塊、評估模塊。圖2為各模塊的系統框架。

圖2 基于過程的服裝展示設計系統(PCDDS)的結構和功能

2.2 系統各模塊的功能

2.2.1 模型數據庫模塊

該模塊由一個空間界面數據庫、一個服裝數據庫和一個展示家具數據庫組成。模塊的主要功能是下載、更新和管理模型文件。空間界面數據庫由不同類型的模型組成，如墻壁、天花板和地板，圍繞著空間區域，裝飾了空間實體。展示家具數據庫包括各種桌子、柜臺、貨架、書架、人體模型，除此之外還有道具。服裝數據庫由男裝、女裝和童裝子庫組成。各子庫可以劃分為不同的營銷類別。例如，女裝可以分為外套、套裝、襯衫、褲子等。不可再分為具體子類的展示元素并入所有類屬下的“其他”子類別。由于服裝是一個可延伸的產品，這種產品可以拉伸、展開、折疊，可以用穿戴、懸掛、堆疊以及擱置的方式進行展示。因此，該模塊在服裝模型收藏中提供了不同展示效果的3D模型。學生或老師可以更新收藏， 以建立基于他們具體要求的模型數據庫。

2.2.2 故事板模塊

該模塊支持文本編輯以及下載、處理、復制、刪除圖片，用圖形或文本呈現和表述思路。隨后，在形成3D展示場景之前，學生或老師可以輸入各種圖像(如之前所畫草圖、圖表、空間規劃以及其他信息圖片)，并用文本編輯功能為圖像加注。他們還可以給展示場景的截圖加注，來幫助他們錄制關鍵設計思路。在案例教學中，老師可以用故事板模塊呈現設計思路，幫助學生更好地理解設計理念、基本視覺營銷以及展示知識。通過呈現展示要素(如服裝、道具以及其他源自不同靈感的材料)，學生們可以界定他們的工作，分析和評論其他學生的展示，用以加強團隊成員間的溝通交流[11]。

2.2.3 展示設計模塊

該模塊是實現展示設計的最重要的交互平臺。這一模塊包括三大主要功能。

(1) 在3D環境中布置展示元素。根據銷售空間中的地面以及空間規劃，用戶只需點擊或拖動模型數據庫支持的窗口類型的操作，就可以布置展示元素。他們使用諸如選擇、平移、旋轉之類的基本交互工具，可以組織展示元素。為了從視覺上展示活動空間和瀏覽路線，系統已經添加另外兩大功能，即交通空間工具以及流通路線工具。交通空間的計算基于人體肩膀的平均寬度以及適當的活動空間量。該功能幫助用戶判斷顧客活動空間的合理性。流通路線可以解釋為顧客瀏覽商品經由的路線。路線標記功能幫助用戶基于空間布局形成幾個可能的瀏覽路線，并確定空間布局與顧客瀏覽路線之間的合理性[10-11]。當用戶在工具欄中點擊流通路線工具，鼠標左鍵點擊頂視圖時，用戶可以用不同顏色劃線，如圖3所示。

圖3 為顧客設計的流通路線

(2) 展示元素的呈現功能。為了模仿一個真實的營銷環境，該模塊中的面向對象的程序設計技術可以為任何3D物體添加紋理或顏色。顏色填充功能提供了一個開放的調色板和預設RGB調色板。一旦用戶選擇某種顏色，系統可以立刻更換選中物體的顏色。紋理菜單提供了四個紋理類型：木紋、大理石、磚墻以及帆布。用戶還可以從外部文件中輸入其他類型的紋理。

(3) 三大漫游類型，如步行、旋轉和瀏覽。漫游功能可以讓用戶便利地觀察展示場景和物體。方向鍵用來控制方向，這樣用戶可以前后左右平移。點擊Alt+left控制任何角度的左轉右轉，點擊Alt +right進行拖放，用戶可以全方位觀察展示場景。

2.2.4 場景截圖及動畫模塊

隨著展示設計的推進，通常要求學生形成多維設計布局圖或調整原始設計方案。為了保持大量的可能設計選項，同時瀏覽這些方案，使用屏幕截圖及動畫功能可以在透視圖中捕捉當前場景。設置播放速度參數以靈活觀察設計效果[8-11]。圖4顯示了該模塊的界面，該界面演示了用戶可以錄制和回放捕捉到的設計方案。簡而言之，該功能的目的是幫助老師或學生錄制、解構和分析關鍵設計要素以及設計方案，提高不同場景或設計效果的比較與評估的速度。

圖4 錄制不同設計方案的界面和截圖

2.2.5 評估模塊

影響店面形象展示效果的變量：商品布置，商品展示，展示主題，次序，設備布置，交通和通道設計，固定裝置或行李架，賣場的視覺氛圍，整體或局部感觀。這些因素的內容將在隨后文中進行討論。由于設計方案的評估，在不同設計階段或項目中存在不同設計標準和視角，用戶還可以規定新標準。因此，用戶既可以使用預設評價，也可以規定一套新標準，然后在概念評估窗口使用語意區分的方法對各項目進行評價。語意區分技術是一種評分量表，設計用于計算概念的內涵意義。內涵意義用來衍生出對給出概念所持態度。在對各項目進行評價后，系統進行一則簡單的算術運算，以在評價時評估概念變量[12-13]。

為確保變量的內容效度，我們回顧了店面形象綜述，進行了一項問卷調查。我們采用了兩大明確劃分的階段。在第一階段中，從相關店面形象文獻中提取了影響展示效果的維度和子維度。在第二階段中，由專家對維度進行檢測，以得到最終維度集。下面，對各階段中使用的方法進行討論。

提取影響展示效果的維度和子維度：提取維度的主要目的在于深入挖掘店面設計和展示效果諸因素的影響。步驟如下：①從相關店面形象文獻中編寫一個維度清單；②確認出現的維度；③編寫各維度包括的子維度清單。

2.3 展示設計工作流程

根據展示設計過程以及系統功能，工作流程可以分為以下步驟：

(1) 下載二維(2D)設計圖片以及3D模型。用戶根據方案設計的先后順序下載2D圖片到故事板。用戶可以在故事板中完成簡單的圖片和文字編輯。隨后，用3Ds Max 或 Maya軟件輸出形成的3D模型，轉換為網格文件形式，分類存儲在數據庫中[14]。

(2) 創制展示場景。基于故事板的方案設計的先后順序，用戶可以從分類收藏中預覽服裝、家具以及裝飾元素，隨后選擇這些項目，并將其插入3D背景中。通過交互工具，在空間中安放布置展示的元素，然后賦予3D模型以諸如顏色和紋理等特征。

(3) 瀏覽場景截圖和動畫。用戶可以根據自己的需要捕捉3D場景。他們還可以錄制重要的設計步驟或不同設計方案，用動畫功能瀏覽一系列場景截圖[16]。

(4) 展示場景評估。在展示設計的不同階段，用戶可以評估展示計劃。他們通過以第一人稱的視角以及嘗試不同的視角觀察展示元素和空間，評估提出的理念。他們使用預設標準對理念進行評價，或用語意區分的方法規定各項目。圖5顯示了系統的工作流程。

圖5 PCDDS系統展示設計程序圖

3 結 語

本文提出了基于展示設計過程計算機輔助的服裝虛擬營銷和展示教學工具。該工具由五大核心模塊組成：故事板模塊、模型數據庫模塊、展示設計模塊、場景截圖及動畫模塊、評估模塊。評價結果表明，與人工設計相比，使用五大模塊可以幫助師生更有效地進行概念設計過程。在服裝虛擬營銷教與學方面，交互展示設計工具對師生具有極大價值，尤其是對初學者而言。可用性測試以及問卷調查的結果表明，多數參加者對完成四項任務的易用性和耗時表示滿意，但是他們在完成第一項任務上的滿意度存在極大差異。基于與教師進行的訪談，我們進行了總結，使用PCDDS作為計算機輔助教學工具可以改善虛擬營銷和展示過程教學，加強師生之間的溝通交流。訪談還幫助我們確定了PCDDS和其他3D輔助設計軟件(如3Ds Max)之間在教學情景方面的差異。表1為PCDDS與3Ds Max的比較。

表1 PCDDS與3Ds Max的比較

從學生的試驗報告中獲得的數據表明，培訓中使用PCDDS加深了學生對于虛擬展示知識的理解，提高了展示設計效度，增強了學習趣味性。根據問卷調查的結果，多數學生對學習效度表示滿意，部分學生持不同觀點。

[1] Akeley K.Reality engine graphics. Proceedings of SIGGRAPH ‘93 Conference,Computer Graphics.1993.

[2] 李 文,馬純永.虛擬城市仿真平臺日照分析方法的研究和實現[J].計算機技術與發展，2010(11)：27-28.

[3] 鄭芳圃，三維參數化標準件庫的研究與實現[J].計算機輔助設計與圖形學學報，199(3)：28-30.

[4] 吳新媛，章翔峰.三維參數化CAD系統產品通用建庫平臺的研究與實現[J].機械制造，2008(6)：7-9.

[5] 徐文鵬,陸國棟,王 劍,等.三維服裝CAD中幾何約束表達及其求解技術研究[J].計算機輔助設計與圖形學學報,2005(5): 4-9.

[6] 王 媚.面向服裝CAD的三維人體建模與變形技術研究及實現[D].杭州:浙江大學, 2006.

[7] 陳 亮，趙曙光，張麗娟，等. 虛擬三維服裝展示的發展歷史與研究熱點[J].紡織學報，2010(10)：34-36.

[8] Teller,Seth J,Carlo H Sequin.Visibility Preprocessing For Interactive Walkthroughs. Computer Graphics(SIGGRAPH‘91 Proceedings)，1991.

[9] Gerald N Pitts,and Daniel Cornell.Using Object Peripherally-Based level Of Detail Switching For Real-Time 3D Graphics Simulations.1997.

[10] JAKULIN A.Interactive vegetation rendering with slicing and blen-ding. Proc of Eurographics. 2000.

[11] Jihye Park, Sharron J.Lennon,LeslieStoel.On‐line product presentation: Effects on mood, perceived risk, and purchase intention[J]. Psychol.Mark，2005(9):187-190.

[12] Lola Khakimdjanova,Jihye Park.Online visual merchandising practice of apparel e-merchants[J]. Journal of Retailing and Consumer Services，2004(5):85-94.

[13] Pallab Paul.Marketing on the Internet[J].Journal of Consumer Marketing，1996(4):121-124.

[14] 趙 蔚，段 紅. 虛擬現實軟件研究[J].計算機技術與發展，2012(2)：13-14.

[15] 占宇劍,劉曉強,陳家訓.基于掃描測量的三維人體模型[J].微計算機信息，2006(6)：31-34.

[16] 張朝陽，竇俊霞.基于三維交互式服裝設計系統的研究[J].實驗室研究與探索，2014(12)：111-114.

·名人名言·

只有嚴格的專業化能使學者在某一時刻，大概也是他一生中唯一的時刻，相信自己取得了一項真正能夠傳至久遠的成就。今天，任何真正明確而有價值的成就，肯定也是一項專業成就。

——馬克斯·韋伯

Research on the Design System of Garment Display Based on Process

ZHUXiao-wei

(Jiangsu College of Engineering and Technology, Nantong 226007， China)

This paper presents a new type of computer aided education system for virtual marketing and display of clothing in order to provide an operating environment and provide support for the different stages of the display design in an intuitive and user-friendly manner. Firstly, this paper presents a computer aided garment design system framework for the teachers and students. The framework refers to the practical toolbox and the current commercial software functions, as well as the practical requirements of the clothing display teaching. Secondly, this paper describes the process-based clothing display design system (PCDDS) and the function of the display design process. This system provides an operating environment to support the display and design process, and to guide the design of the virtual display so that students can better understand the concepts, principles and related knowledge. Finally, the use of quantitative and qualitative assessment method for user evaluation. The use of PCDDS system can help students and teachers to complete the entire display design process from concept to a specific design program evaluation, so as to enhance the quality of teaching.

virtual marketing; display design process; display design system; evaluation

2015-10-22

朱曉煒(1976-)，男，江蘇南通人，碩士，講師/工藝美術師，主要研究方向：服裝工程。

Tel.：13706296595；E-mail：zcysym@126.com

TS 941.26，TP 391.7

A

1006-7167(2016)04-0150-05