中國近代飛行服影像交互設計研究

強坤，張予琛

中國近代飛行服影像交互設計研究

強坤，張予琛

（西安工程大學，西安 710048）

結合交互設計技術對中國近代飛行服數字化影像進行歸納總結，探究數字化影像和交互技術的結合方式，分析影像交互技術對飛行員服飾的影響。利用網絡、書籍等方式梳理中國近代飛行員服飾的變化發展過程，結合現有案例分析不同影像交互設計的特點并選擇合理的交互設計方法。系統直觀地對中國近代飛行員制服的歷史變更進行梳理總結，結合交互設計基礎理論，完成對飛行服數字化影像的交互設計。對現存影像稀少的飛行服而言，制作成本低、內存占比少、簡潔易懂的小程序有著易于查看、方便快捷、互動性高等優勢。合理的色彩搭配、簡潔的畫面、詳細的文字說明以及豐富的交互操作能夠帶給用戶良好的使用體驗。

交互設計；飛行服；影像

在時代與技術的進步下，飛行員制服于更新改良中迎合發展，服裝的功能、面料、制式都有著不小的變化。而針對中國近代飛行員制服發展的整理卻少之又少，大多從文字記錄出發。習近平總書記在接見空軍第十二次黨代會代表時曾強調：“建設空天一體、攻防兼備的強大人民空軍，是時代賦予空軍的重大使命，是新形勢下維護國家主權、安全、發展利益的必然要求。”空軍飛行服的發展體現了我國在航空事業方面的巨大進步，對飛行服的演變記錄不僅是服裝外形的整合，更要注重技術發展帶來的變化[1]。普通文字影像很難使觀者體驗到細微的面料變化以及版型調整帶來的影響，所以迫切需要一種更加清晰明確的藝術展示形式，完成對飛行員制服演變的記錄[2]。

1 飛行員制服

飛行服作為特殊的軍裝制服，是空軍飛行員的必要裝備之一，飛行員在駕駛飛機的過程中離不開飛行服的保護。由于飛行員要面對的是高空可能出現的極端氣流、氣壓、溫度等環境，所以飛行服在功能面料上與普通軍裝制服有所區別，也是飛行員能夠順利完成任務的重點保障手段。

追溯飛行服的發展，早期僅作為飛機的配備服裝出現，人們真正開始注重飛行服的設計還是在第一次世界大戰中，被俘士兵稱飛行服過薄導致四肢僵硬無法正常操控飛機以致露出破綻，隨后在解決飛行服防凍這一痛點時設計師還加強了對于空中氣壓高供氧不足等問題的改善。作為飛行員日常訓練、作戰及應急逃生的重要防護裝備，飛行服還具有防火、防水、抗壓、抗擊、抗荷等功能，作為“生命甲胄”守衛著每位飛行員。

2 中國近代飛行服的發展

飛行服看似簡單，普通時裝市場甚至有模仿飛行員夾克外形的流行服飾，但目前為止僅有少數國家具備獨立研究制作飛行員所用專業制服的能力。雖然我軍飛行員制服的研制較其他國家起點低、起步晚，但在不斷學習中汲取了大量經驗，如今我國飛行服的發展已經相對完善且擁有許多獨有的功能造型設計。

中國近代的飛行員制服最早出現于1949年8月15日，北平南苑機場正式成立了第一個飛行隊，見圖1，隊內成員大多是原國民黨空軍駕駛員，在這之前普遍穿著的是日本的連身服，后經建議改為了夾克式飛行服，再配合解放軍的普通軍裝用以日常著裝，這就是近代中國第一代飛行員的制服。在開國大典中飛越天安門的第一批中國人民空軍飛行員就是以改良過的日式連身服接受了檢閱。

圖1 1949年8月南苑飛行隊P-51戰斗班合影

2.1 50式飛行服

自空軍正式成立后，我國開始首次嘗試研制并裝備第一代飛行員服，其中包括4個子系列、15個品種，并通稱為50式飛行服。當時使用的機型主要為米格15戰斗機，結合機型特點，50式飛行服在面料、款式、顏色、號型等方面參照蘇式飛行服標準進行制作，空軍初期包含夏季、冬季、春秋季三種飛行服[3]。其中，夏季為連體式飛行服；冬季為人字布面羊毛皮內里連身飛行服，同時為了加強保暖效果配有絨衣褲、蘇式皮質飛行帽及圍巾等；春秋季則為黑色飛行皮服。該款飛行服在1950—1953年的抗美援朝戰爭中發揮了重要作用。

50式夏季飛行服分為布制和皮制兩款，其中布質為連體服樣式，采用中間豎向開口方式配以拉鏈縫制，面料使用草綠色平紋布面；共有四個口袋分別位于上身和腰間，其中上身口袋為平底式，腰部口袋為斜插式；同時褲腿口縫處設有抽帶方便活動。后來由于在實際使用中對飛行員的穿脫產生了很大困擾，于1953年改良為分體夾克款飛行服，外形為草綠色夾克上衣配藏藍色散腿長褲，上衣同樣配備四個口袋，上平下斜。

50式春秋季飛行服皮質款上衣為敞袖口、敞下圍、散褲腿，由黑色光面羊皮革和草綠色棉平布里襯制作而成，設有四個口袋，同樣上平下斜左右對稱，褲子為同款面料敞口皮褲，此款飛行服也用于春秋兩季。1953年上衣改為了由深棕色光面羊皮服裝革制作而成的小翻領夾克，褲子造型調整為馬褲式。

50式冬季飛行服采用連體樣式，面料采用草綠色人字布配羊毛內里，領口采用羊毛皮領，肘部膝部加有護布；采用中間豎向拉鏈開口，共四個口袋，區別于其他季節的口袋，其上平底口袋縫有拉鏈；腰部配布腰帶一條，褲腿口散開。于1953年改為上下分體式，解決了穿脫不易、袖口褲口肥大等影響操作的問題，見圖2。

圖2 50式冬季飛行服

2.2 56式飛行服

隨著經濟的好轉，在飛行服的面料選材上增設了綿羊毛光面革及絲棉，在1953—1955年開始使用56式飛行服，其中包含56式夏季皮、布款飛行服，56式冬季飛行服。當時我軍主要使用的機型是殲5和殲6戰斗機，參與過20世紀50年代的臺海空戰及20世紀60年代的國土防空。

56式夏季皮、布兩款飛行服都采用夾克上衣配褲子的樣式，區別在于布款飛行服搭配散口褲，而皮款飛行服搭配馬褲式長褲。56式夏季布制飛行服夾克使用綠色平紋布面料，見圖3，褲子使用藏藍色平紋布。版型上采用了小翻領設計，胸口有兩個帶蓋貼袋，且在中間部位縫有裝飾性布帶，腰側有兩個斜插帶，褲子左右各有兩個內裝插袋，全套服裝共計六個口袋，同時對下圍、袖口進行了收緊處理。56式夏季皮制飛行服面料采用了深棕色光面羊皮革搭配草綠色平布里襯的設計，適用季節廣，除冬季皆可使用。夾克版型同樣采用小翻領，前襟配有拉鏈方便穿脫，胸部兩個挖袋含拉鏈，腰部兩個斜口挖袋共有四個口袋，背部兩個折裥，下圍和袖口均采用松緊布設計。褲子左右兩側各一個帶拉鏈的斜口袋，其余拉鏈分布在前開門及褲腿開口處。

56式冬季飛行服為夾克式上衣和馬褲式下裝，以深棕色光面羊皮革為外表面，草綠色平布為里襯，內部填充絲棉[4]。夾克領口處配有貂皮毛領，胸前與腰側分別配有兩個內裝式口袋，其中胸前部位口袋有拉鏈。此外，夾克前襟處的拉鏈，后背處的兩個活裥，袖口及下圍裝配的松緊布，都讓這一款飛行服更具舒適性。褲子有兩個含拉鏈的內裝式斜口袋，前開門和褲腿裝有拉鏈，見圖4。

圖3 56式夏季飛行服

圖4 宣傳畫中穿56式冬季飛行皮服的飛行員

2.3 59式飛行服

技術的發展帶來了超音速飛機，多樣的飛機種類也帶來了飛行高度和區域的變化，傳統飛行服已經難以滿足新型飛機的飛行需求。為了應對飛機產生的過載壓力，科研人員采用了飛行服預沖壓的方式，以提高服裝抗過載能力，高空代償服及抗荷服就在此時應運而生[5]。由于這兩種防護服裝需要搭配飛行服穿著，所以原有飛行服在尺寸規格、制作工藝、面料選材上都進行了改良。這款經過多次改進的飛行服也是目前為止我國裝備時間最長的飛行服，當時我軍主要使用的機型為強5、殲7、殲8等戰斗機。

飛行員在執行大量任務的過程中，可能會出現頭部血壓降低、黑視、意識喪失、器官位移等情況，抗荷服就是用于應對此類情況的特殊防護裝備。抗荷服分為囊式、管式兩種，可以通過向飛行員腹部及下肢加壓為人體中樞神經系統和大腦皮層的運轉提供良好條件。腹部、大腿、小腿處連接的氣囊組成了囊式抗荷服，當飛機正向加速度超過臨界值時，調節器會提取發動機、壓氣機等不同部位的氣體向抗荷服氣囊充氣，以此形成保護飛行員的氣壓來保證頭部的正常血液循環。管式抗荷服由腹部氣囊及下肢側管組成，采用交叉定位的方式用帶子固定在服裝表面。

接著人們發現，飛行員在操控新型高空戰斗機時極易出現氣栓癥狀，氣栓又會引起胸痛、休克等。為了解決這一問題，科研人員以潛水服的抗壓原理為靈感，研制出了可以在緊急情況下隔離外界影響的代償服。代償服分為側管式、囊式兩種，可以滿足不同高度的飛行需求，主要由主體及張緊裝置兩部分構成，一般與面罩和頭盔配套使用，見圖5。

圖5 穿著高空代償服的飛行員

59式夏季飛行服同樣分為皮、布兩款，樣式與56式同季飛行服基本相同，見圖6，在尺寸上進行了細微調整，同時為了配合代償服的使用在褲腰處增設了兩個導管插孔，其中夏季皮制飛行服在腋下部位增加了透氣孔，以解決長時間穿戴代償服后引起的升溫問題。用料及樣式均與原夏布飛行服相同。此外，皮制飛行服面料選材改為了山羊服裝革。59式冬季飛行服樣式與56式同季飛行服基本相同，同樣為了配合代償服使用對尺寸、結構進行了部分調整。在面料上由于狩獵限制把原有的貂皮領改為了羊毛皮剪絨領。

圖6 59式夏季飛行皮服

值得一提的是，空軍部隊的飛速發展培養出了大批女性飛行員，而原有的飛行服都是參考男性身體結構設計的，所以自1974年后飛行服開始針對女性飛行員進行了改良，在尺寸、結構、版型上都做了許多調整。

2.4 02式飛行服

隨著新型戰機的研發，老式飛行服的性能樣式已無法完成當時的飛行任務，50式飛行服正式退役[5]。為了加強軍隊配套建設，提高空軍執行任務能力，02式飛行服于2004年開始武裝部隊，其中主要包括夏服、春秋服、冬服、裝具4個子系列，21個品種。形成了一個由外衣、內衣、鞋襪、手套、裝具組成的完整體系。與老式裝具相比，增加了飛行棉衣、飛行腰帶、遠航褲衩、飛行褲衩和夏飛行襪5個品種，便于保暖量的調節，其中前4個為新研制品種。

02式飛行服在面料、制式、尺寸上都進行了大幅改進，功能和版型都有了極大進步，同時具備作戰需求、安全防護、應急逃生等多方面的能力，款式簡潔大方，使用靈活舒適，有利于更好地操控飛機完成飛行任務，同時可搭配多種飛行裝備使用，以應對不同的飛行環境與場景。主要分為夏季、春秋季、冬季三種飛行服套裝。其中夏季飛行服選用蔚藍色毛、滌、黏膠混合紡織物面料，表現為連體式分體外觀結構。冬季飛行服外表選用深藍色山羊服裝革面料，以丙綸片填絮，樣式為夾克式分體套裝。春秋季飛行服夾克上衣選取灰藍色山羊服裝革，下裝選用羊毛混紡材料具備一定的阻燃功能，見圖7。與此同時，飛行服上增加了胸章與臂章等標飾，用于區分不同軍種、機種及飛行等級，其中臂章包含海、陸、空3個軍種和殲擊機、強擊機、轟炸機、運輸機、直升機5個機種的信息，飛行等級分為特級、1級、2級、3級飛行員及未定飛行等級的空勤人員，同時在飛行員的腰帶上也包含了軍種符號等標志，利于識別。

圖7 穿02式春秋飛行皮服的飛行員

2.5 新型連體飛行服

2010年第四代戰機入役，我國投入了最新一批飛行服并沿用至今[6]。樣式以連體服為主，連體服沒有腰帶的特點減少了腰部出汗后對飛行員身體造成的影響。在色彩上統一修改為淺草綠色，具有極強的隱蔽性，以增加緊急遇險后的逃生率。材質采用新型科技面料，增加了防火、防水、防刺的功能[7]。

另一個較大的改變表現為飛行服在性別上的區分，早期飛行服雖有女性飛行員的專用服裝，但僅在男性飛行服的基礎上對尺寸號型進行了修改。科研人員于2009年研發了新一代女性飛行制服，分為女性夏季短袖、長袖飛行服，春秋季女性飛行服，以及冬季女性飛行服4個種類，樣式上根據女性生理特點進行了調整，例如下裝拉鏈改為側開口、腰部收緊等，選取淺灰色作為主色調。

3 影像交互設計

目前現有飛行服的影像呈現方式主要為書籍，記錄內容多半以文字為主，缺少影像案例。考慮到現有影像資料多為歷史紀錄片，在印刷過程中極易出現模糊不清的情況，故選擇更加清晰的經過處理的數字化影像進行重新排版、調整，并結合交互技術完成應用。

3.1 交互設計與數字化影像

計算機的發展帶來了網頁設計的需求，網頁設計與工業設計的交融誕生了交互技術，故早期對交互技術的定位是人與計算機或其他人造物的交流互動技術。隨著交互技術應用領域的拓寬，呈現出的不再只是人與物單向的交流，而是人與物的相互反饋[8]。此外，科技的飛速發展也給交互技術帶來了許多可能，交互技術也不僅單純依賴于計算機技術，相關學者拓展了對該技術的定義，提出交互技術是一種能夠實現人與外部環境進行交流互動的技術。

人類為了再現視覺感知發明了相機，接著科學技術的發展帶來了數字化影像，主要通過有限的二維數字組來展示圖像，也是一種利用視知覺進行信息傳播的語言工具。電影、電視、紀錄片等的興盛都源于數字化影像的普及，目前越來越多的產業都在引入這一技術。

數字化影像作為獨特的語言工具能夠傳遞出非常豐富的內涵，配合同樣是基于計算機技術誕生的交互技術便形成了影像交互設計領域。交互設計可以豐富影像的內在，而影像的美感與內涵能夠更好地帶動交互體驗。隨著技術的更迭，影像交互設計不僅僅局限于二維空間，影像分層、動效動態、三維立體等層出不窮的設計方法帶給了人們更具趣味多元的交互體驗[9]。

3.2 影像交互設計特點

3.2.1 交互性

互聯網信息技術的飛速發展，使原有物理影像和簡單數字化影像無法滿足人們日益增長的體驗需求，因此設計師開始嘗試在數字化影像的基礎上融入交互技術。交互技術所擁有的豐富的感知、隨時的反饋、明確的信息等優勢在與數字化影像結合后大大提升了用戶體驗。此外，交互作為一種雙向傳輸的技術，可以對用戶反饋信息進行收集歸納，以便更好地完成后期優化[10]。

3.2.2 直觀性

相較于傳統技術來講，影像交互技術具備更加直觀的體驗。傳統影像技術因載體限制使影像中的許多信息都無法被準確傳遞，而數字化的影像可以最大程度地減小這種局限性，譬如用戶能夠以不同角度、大小觀看數字影像。隨后，虛擬3D技術的普及讓影像從二維走向三維，由平面走向立體。增強現實技術更是借助多感官的交互手段，完美融合了數字影像與現實場景。未來技術的更迭或許還會增強這種直觀的效果，通過影像的后期處理和對細節更加精密的把控讓影像交互技術更加真實化、人性化。

3.2.3 普適性

影像交互設計在交互部分的規劃具備一定的普適性，設計師有職責對用戶操作時的任意環節進行指引，并且由于大部分影像交互產品面對的用戶群體十分寬泛，所以設計師還要挖掘大部分用戶的基礎行為邏輯，讓用戶可以更加輕易地理解產品。

3.2.4 藝術性

傳統影像本身已經具備了一定美感，與交互技術的融合讓影像的藝術觀賞性更加豐富。但藝術性不僅局限于美感的輸出，更要迎合用戶的心理。通常，用戶在交互過程中會產生一些設想，這就需要設計師及時發現并滿足用戶的心理預期，才能帶來更加良好的用戶體驗。因此，要完成具有藝術性的影像交互設計作品，往往還要具備美學、心理學、傳播學等學科的知識。

3.3 影像交互技術呈現方式

科學技術的發展為影像交互設計帶來了越來越豐富的呈現方式，能夠從人的多處感官切入，譬如視覺方面的圖片、動畫、模型，聽覺方面的音效、背景音等，一個優秀的影像交互設計作品往往需要多種呈現方式的結合，以帶給用戶更加優質的體驗。

3.3.1 圖片

圖片也就是影像的二維靜止展示形態，是影像交互設計中的重要組成部分。得益于圖片對所需展示設備要求較低的特點，圖片易傳輸、便于理解、利于傳播[11]，所以大部分影像交互作品都會以圖片的表現形式為主展開設計，也是用戶普遍能夠接受的一種呈現方式。

3.3.2 文字

文字在影像交互設計中主要用于產品的介紹，以及基礎操作流程的說明，還能夠對影像的內容進行補充。其中的文字大多通俗易懂能夠被大眾理解，極個別專有名詞也會做詳細注解方便用戶操作理解。同時，文字的排版、字號、字體等需具有基礎美感，且與其他呈現方式結合得當。

3.3.3 聲音

聲音作為聽覺傳輸的主要交互方式是非常重要的，也是最為基礎的一種呈現方式。交互操作過程少不了音效的輔助，甚至許多交互產品是因音效受到用戶喜愛的，例如蘋果手機的鍵盤交互音效完美還原了物理鍵盤的敲擊音，能夠帶給用戶接近真實的打字敲擊體驗。同時，背景音也存在于大部分影像交互產品之中，針對不同的主題配合適宜的音樂能夠營造氛圍，使用戶更易獲得沉浸式體驗。此外，語音或是合理的音效能夠輔助用戶的交互操作，對不同文化背景或是視覺受限的用戶而言，聲音甚至能夠實現比圖像文字更加直觀的效果。

3.3.4 動畫

動畫是近年來交互設計中的重要探索方向。動畫是二維影像的延伸，能夠增強視覺效果并提升整體的交互效果，相較于靜態的圖片，動畫帶給人的感官刺激更加強烈、更具吸引力。其次，若用圖片或文字的表現形式來表達系列動作或某種行為是非常煩瑣的，而動畫很好地彌補了這一缺點，能夠以一種較為直觀易懂的方式展示表達內容。

3.3.5 模型

模型是技術發展帶來的新型呈現方式，早期模型需依托手機、電腦等常見的電子設備，雖然三維的立體效果較二維圖片而言更有吸引力，但因制作成本大、時間長、硬件設備要求高的特點，所以還是沒有成為主流的表現形式。虛擬現實、增強現實、混合現實等技術手段的推廣進步讓人們認識到了其優勢所在，立體模型也已成為未來影像交互設計的主要發展方向。

3.4 影像交互技術應用類型

3.4.1 APP、H5

目前APP、H5是影像交互設計的主要應用路徑。這種基于融媒體技術的應用手段是最為簡潔方便的，并且展示的設備非常多樣，無論是手機、電視、電腦，還是新興的電子手表、智能眼鏡等都離不開影像交互技術。如果說APP對于移動端設備是必不可少的，那么H5對于影像交互設計的應用則是更為多元的，常見的有網頁、小程序、公眾號推文等。由于這類軟件數據一般儲存于遠端的公共服務器中，不會占據過多的個人設備儲存空間，僅需鏈接就能打開使用，具有極強的傳播能力，所以是影像交互設計應用的極佳選擇。

3.4.2 虛擬成像

虛擬成像更加通俗的名稱為全息投影，主要被應用在商業活動之中[12]。傳統影像僅具有展示功能，缺乏互動性，而虛擬成像可以在現有裝置上進行拓展并與用戶產生互動，并且許多受困于現有技術無法表達的構思都可以通過虛擬成像的形式展示出來[13]。

3.4.3 數字博物館

數字博物館是近幾年影像交互技術應用數量增長最快的地方，數據顯示在我國省級以上的博物館中，對影像交互技術的使用高達九成[14]。數字博物館分為線上線下兩種模式，線上大多是現有博物館數字轉化后的展廳，線下在原有展廳的基礎上進行了內容的延伸。

4 中國近代飛行服影像小程序設計

小程序具有制作成本低、開發速度快的特點，在滿足基礎應用的同時能夠融入大量的互動特效，及時對用戶操作進行反饋，提升體驗感，適合非剛需、體量較小的應用。對用戶而言能夠節省內存、節約時間成本，對開發者而言具備開發易、推廣快的特點。因此選擇以小程序的形式完成對飛行服數字化影像的整理[15]。

4.1 基礎信息架構

以使用功能為導向，把小程序分為歷史發展、詳細介紹和信息交流三大模塊，見圖8。其中歷史發展記錄模塊包含年份進度條和飛行服影像兩部分內容，重點對中國近代飛行服發展變化的歷程進行了統一匯總。詳細介紹模塊包含了飛行服的款式、面料、功能和使用背景的詳細介紹，以文字、平面及立體影像結合的方式展開說明。信息交流模塊，是指主要使用者進行航空知識交流的板塊，為便于查閱，按照面料、款式、功能、配件四個部分進行分類。

圖8 小程序的信息架構

在界面布局上參考市面現有的同類型小程序，根據首頁、分類、收藏、我的四個版塊布置導航欄[16]。首頁和分類分別對應歷史發展、詳細介紹及信息交流模塊，收藏和我的兩大板塊以服務使用者為目的，便于隨時跳轉進入目標頁面。

4.2 界面元素設計

4.2.1 小程序的標志設計

以飛行員駕駛的戰機為特點，提取戰斗機的螺旋槳、機翼、機身等元素進行標志設計，從而應用于小程序的界面及待機進入窗口，見圖9。首先對戰機的機頭部分進行元素提取，將螺旋槳進行簡化變形，側邊加入機翼剪影圖案，并融入國旗中五角星的元素。整體標志造型接近正視戰機外形，在色彩選擇上以綠色、藍色、黃色為主體色彩，呼應小程序的界面配色。

4.2.2 小程序的相關圖案設計

相關圖案包含背景及導航欄按鈕設計。整體背景部分選用小程序標志衍生的相關圖案作為底紋背景，以綠白兩種配色為主，見圖10。圖案靈感源于小程序標志機頭部分的螺旋槳外形，對其進行幾何化處理，形成三個葉片組合的T字圖案，陣列旋轉角度后通過色彩區分正負型，構成類似服裝面料的布紋圖案。

導航欄按鈕的樣式是依據按鍵內容進行簡化后的圖標，主要包括首頁、分類、收藏、我的、詳情、返回、分享等圖標，都是由簡單的平面幾何圖形構成的，即使沒有文字說明用戶也可以通過相關經驗快速了解按鈕圖標內容，見圖11。

4.2.3 界面視覺風格

以簡約的帶有科技元素的風格作為整體基調，根據航空與飛行服本身的特征，提取藍、白、綠三種主色彩完成小程序整體的界面設計。藍色（#E6E9EC）代表天空，象征飛行員遨游空中的景象，同時也有著工業技術發展的意味。白色（#FDFDFD）代表云朵，作為整體背景色方便影像搭配排版，不同的配色也能很好地融合在一起。綠色（#BCC0BA）源于新一代的飛行服，符合大眾對飛行員制服的基礎印象。

圖9 小程序的標志

圖10 小程序的衍生圖案

圖11 小程序的相關圖標

4.2.4 字體

界面字體多選擇辨識度高、易讀性強、造型工整的基礎字體，根據調研發現，市面上現有交互界面多使用宋體、等線、黑體等字體。因小程序屬于風格較為嚴謹、具有科普用途的應用，所以選用思源黑體作為界面的主要字體。該字體筆畫頓挫較少便于閱讀，適配不同大小屏幕時不易影響界面的整體排版，稍有變化的字形在保持風格一致的基礎上還能夠豐富層次關系。

4.3 界面展示

4.3.1 界面設計說明

界面按照功能架構進行安排，主要分為登錄頁、首頁、詳情頁、分類頁、收藏頁、個人信息頁幾個主要頁面，見圖12。登錄頁用于用戶登錄及綁定信息，包含默認微信用戶授權及新用戶注冊登錄。首頁的歷史發展部分由頂部搜索欄、中部內容及底部導航欄組合構成，中部內容主要為以時間發展順序排列的歷代飛行服影像。

詳情頁是主要的信息展示頁面，由文字介紹和影像兩部分組成。在文字介紹部分對專有名詞進行了重點標記，可依次點擊查看解釋，同時會將重點名詞設為名詞標簽置于頂部方便分類，可通過搜索欄的推薦標簽快速查看對應的飛行服。此外，影像拆解介紹模塊設有簡要的文字說明，對服裝各部位進行分塊說明，例如口袋的安排，關節活動處的剪裁等，見圖13。影像分為主視圖、相關影像及立體影像三個模塊，主視圖放置于詳細文字介紹上端，相關影像及模型位于詳情頁底端，可分別點擊進行查看，相關影像包含飛行服多角度視圖、配套使用器具及相關歷史影像，相關歷史影像也會收集整理交流頁用戶提供的更多相關影像，豐富數據庫內容。立體影像部分可以按照手勢提示進行縮放或局部觀察，見圖14。相似款式飛行服還會顯示對比與改良內容，便于查看。

分類頁主要以飛行服飾的不同分類方法進行放置，主要由面料、版型、功能、關鍵詞等內容構成。同時交流板塊位于分類頁頂部，小程序用戶能夠及時發表相關問題及科普帖，易于用戶間的溝通，也方便小程序后期調整和信息更新。收藏頁可對感興趣的飛行服款式及未瀏覽完畢的頁面進行收藏，且用戶能夠對收藏內容進行分類整理，易于用戶查看。

個人信息頁分為個人資料、瀏覽記錄、設置及幫助四個模塊，頂部的頭像和名稱可通過長按手勢進行修改，或點擊個人資料進行調整。瀏覽記錄包含7天內瀏覽過的歷史記錄內容，設置包含小程序的文字大小、顏色、背景及小程序的用戶反饋，點擊幫助按鈕能夠還原初次使用小程序的手勢操作提示。

圖12 小程序界面

圖13 影像拆解

圖14 立體影像多角度視圖

4.3.2 小程序使用操作

小程序初始頁面為藍色伸縮感背景，完成用戶登錄授權后正式進入界面。依次點擊導航欄中首頁、分類、收藏、我的四個按鈕可以跳轉進入對應的頁面。用戶能夠通過多種手勢進入目標頁面，包含較為基礎的向右滑動手勢，可以瀏覽首頁的完整圖示；可以通過搜索選框進行精準搜索；可以參考一周內其他用戶搜索討論的熱點款式服裝進行模糊搜索，見圖15。

詳細介紹頁面能夠通過單擊對應按鈕跳轉至相關頁面，雙擊頂部服裝影像可以直接進入部分拆解頁面，頁面主要通過單擊操作進行查看，還可以雙擊放大局部，也可以使用三指雙擊固定影像取消動態動畫。

圖15 小程序操作流程圖

立體影像部分主要通過拖拽、兩指收縮的手勢進行查看。整體影像使用單手指長按滑動的方式切換視角，雙擊屏幕能夠還原初始影像位置。在初次使用時會顯示相關操作提示動畫，忘記手勢時也可在個人頁面點擊幫助，以重新播放操作提示，見圖16。其余頁面的操作手法查看以單擊形式呈現，與大部分應用軟件操作手法一致。

圖16 部分操作手勢演示動畫

4.3.3 小程序設計價值

“云翼”小程序作為中國近代飛行服發展記錄的新載體，不僅能夠對飛行服本身的發展進行統一整合，也是航天領域特殊服裝器具面向普通大眾傳播的新途徑。作為國家前沿科學技術展示窗口之一的飛行服，在保護飛行員完成任務的同時，理應受到更多的關注。除去部分航天愛好者及服裝愛好者，強化普通民眾對于飛行服裝具的基本了解能夠使大眾產生更多的榮譽感，同時可以激發孩童對于航天相關領域的興趣，為祖國的未來培養更多航天人才。

小程序對飛行服裝器具及相關歷史發展的記錄不僅起到傳播的作用，更是搭建起了大眾與特殊領域服裝專業人員溝通的平臺。小程序中的信息交流板塊可以對歷史細節進行補充，通過吸引相關領域人士參與交流完成對飛行服發展過程的豐富，以及對飛行服演變歷史的保護。

5 結語

對飛行服完整的匯總梳理，能夠使人們更加直觀地感受到技術和生產方式的轉變帶給飛行服的影響，這些影響大多源于飛行員自身的需求和所使用的戰機。傳統影像資料不能完全保留飛行服的全部特征，在觀看時缺少互動性，即使結合詳細的文字說明也難以完整還原服飾細節。而影像交互技術對飛行服的整合在增加體驗感的同時也擴大了傳播，還起到了科普的作用，同時小程序中的信息交互模塊在便于交流的同時，還可以方便補充缺失的飛行服相關文字及影像資料。未來在服裝領域的影像交互方面亟需融入增強現實、虛擬現實等技術，以更具互動性的方式對原有和現有服裝進行整合。

[1] HUARNG K H, BRESCIANI S, FERRARIS A. Experiential Interaction Design Model[J]. Journal of Business Research, 2020, 118: 486-490.

[2] 楊超. 新媒體環境下的影像交互發展研究[J]. 西部廣播電視, 2022, 43(16): 42-44.

YANG Chao. Research on the Interactive Development of Images in the New Media Environment[J]. West China Broadcasting TV, 2022, 43(16): 42-44.

[3] 鄧樹香, 徐英. 自媒體旅游APP影像設計研究[J]. 藝術科技, 2018, 31(10): 12-13.

DENG Shu-xiang, XU Ying. Research on Image Design of Media Travel APP[J]. Art Science and Technology, 2018, 31(10): 12-13.

[4] 邱婧, 吳國棟, 宋新川, 等. 抗浸防寒飛行服發展綜述[J]. 中國個體防護裝備, 2022(S1): 80-83.

QIU Jing, WU Guo-dong, SONG Xin-chuan, et al. Review on the Development of Immersion Resistant and Cold Weather Flight Suits[J]. China Personal Protective Equipment, 2022(S1): 80-83.

[5] 程剛. 飛行服的前世今生[J]. 軍事文摘, 2019(24): 16-19.

CHENG Gang. Past Lives in Flight Suit[J]. Military Digest, 2019(24): 16-19.

[6] BOUTY I, GODé C. “our Flight Suits are not Just Plain Blue”: The Co-Production of Coordination and Bodies in a Military Air Display Squadron[J]. Organization Studies, 2022, 43(11): 1769-1792.

[7] Baekhee, Lee, . Development of a Distributed Representative Human Model Generation and Analysis System (DRHM-GAS): Application to Optimization of Flight Suit and Pilot Oxygen Mask Sizing Systems[J]. International Journal of Industrial Ergonomics, 2019, 72: 261-271.

[8] LIU Chu-yi. Process Product Design Based on Multimode Interaction Design[J]. Scientific Programming, 2021, 2021: 1-10.

[9] 尹珍. 數字博物館沉浸式交互設計[J]. 傳媒論壇, 2021, 4(20): 52-54.

YIN Zhen. Immersive interaction design for Digital Museum[J]. Media Forum, 2021, 4(20): 52-54.

[10] 許王旭宇, 顧藝. 數字媒體語境下海派繪畫的保護開發設計研究[J]. 藝術科技, 2020, 33(11)76-80.

XU WANG-xu-yu, GU Yi. Research on the Protection, Development and Design of Shanghai Style Painting in the Context of Digital Media[J]. Art Science and Technology, 2020, 33(11)76-80

[11] 劉波. 探究影像交互設計中IH5技術的創新應用[J]. 科教文匯(下旬刊), 2019(1): 100-101.

LIU Bo. Exploration on the Innovative Application of iH5 Technology in Image Interaction Design[J]. The Science Education Article Collects, 2019(1): 100-101.

[12] 富馳華. 融媒體時代的交互影像探索[J]. 衛星電視與寬帶多媒體, 2019(6): 113-114.

FU Chi-hua. Exploration of Interactive Images in the Era of Media Integration[J]. Satellite TV & IP Multimedia, 2019(6): 113-114.

[13] 李夢黎. 古建傳承背景下的洛陽傳統祠堂小程序設計[J/OL]. 包裝工程, 2022: 1-13. (2022-10-21). https://kns.cnki.net/kcms/detail/50.1094.TB.20221117.1559.002.html.

LI Meng-li. Small Program Design of LuoYang Traditional Ancestral Temple Based on the Protection of Ancient Architecture[J/OL]. Packaging Engineering, 2022: 1-13. (2022-11-21). https://kns.cnki.net/kcms/detail/50.1094. TB.20221117.1559.002.html.

[14] 付泓瀟, 季鐵, 蔣友燏. 地方性知識平臺構建中的影像設計方法應用[J]. 包裝工程, 2018, 39(10): 40-45.

FU Hong-xiao, JI Tie, JIANG You-yu. Application of Video Design Methods in Constructing Local Knowledge Platform[J]. Packaging Engineering, 2018, 39(10): 40-45.

[15] XU Ying. Interaction Design of Mobile-Based Product Display System[J]. Mathematical Problems in Engineering, 2022, 2022: 1-8.

[16] VAN AMSTEL F M C, GONZATTO R F. Existential Time and Historicity in Interaction Design[J]. Human- Computer Interaction, 2022, 37(1): 29-68.

Image Interaction Design of Modern Chinese Flight Clothing

QIANG Kun, ZHANG Yu-chen

(Xi'an Polytechnic University, Xi'an 710048, China)

The work aims to summarize the digital images of Chinese modern flight clothing combined with interaction design technology, explore the characteristics of the way in which digital images and interaction technology are combined, and analyze the impact of image interaction technology on flight clothing. The process of change and development of Chinese modern flight clothing was sorted out through Internet and book survey. Combined with existing cases, the characteristics of different image interaction designs were analyzed and a reasonable interaction design method was selected. The historical changes of flight clothing in modern China were analyzed systematically and intuitively. The interaction design of digital images of flight clothing was completed in combination with the basic theory of interaction design. For the flight clothing with scarce existing images, the applet with low production cost and low RAM occupation is simple and easy to understand, and has the advantages of being easy to view and use, quick and convenient to spread, and also high interactivity. Reasonable color matching, simple graphics, detailed text descriptions and rich interactive operations can bring users an excellent using experience.

interaction design; flight clothing; image

TB472

A

1001-3563(2023)04-0018-10

10.19554/j.cnki.1001-3563.2023.04.003

2022–10–26

陜西省教育廳服務地方專項計劃項目（22JC032），陜西省哲學社會科學重大理論與現實問題研究（一般項目）（2022ND0134）

強坤（1987—），男，講師，主要研究方向為服裝設計與多媒體視覺影像設計。

張予琛（1998—），女，碩士生，主攻設計學。

責任編輯：馬夢遙