李 欣

（運城學(xué)院，山西 運城 044000）

定制化App的交互設(shè)計界面是消費者主導(dǎo)自主消費的關(guān)鍵，交互關(guān)系的合理化以及及時性會直接影響到用戶的使用感受。本研究針對交互界面的設(shè)計風(fēng)格，從定制類紡織服裝的受眾出發(fā)，結(jié)合目前的App開發(fā)WeX5技術(shù)，通過分析，對App界面的設(shè)計風(fēng)格給出合理化的建設(shè)性意見，并提出在定制化App設(shè)計環(huán)節(jié)需要注意的內(nèi)容。

1 紡織服裝產(chǎn)品App界面設(shè)計風(fēng)格分類

紡織服裝產(chǎn)品App設(shè)計風(fēng)格是指App通過主要的顏色搭配、頁面布局和非玩家角色（NPC）等給用戶帶來的整體視覺感受[1]。設(shè)計風(fēng)格的重要意義在于對用戶的畫像進行分析，準(zhǔn)確地刻畫使用者的視覺印象將會成為增強客戶黏性的主導(dǎo)因素，同時，App設(shè)計風(fēng)格在視覺上的反饋主要體現(xiàn)在主題基調(diào)和目標(biāo)人群畫像兩個方面。

現(xiàn)有的交互風(fēng)格設(shè)計大多需要針對使用人群的功能需求以及審美流向進行區(qū)分設(shè)計，同時，強調(diào)功能化的App界面設(shè)計還需要有合理的邏輯主線及行為動線分析。針對紡織服裝類定制化App的設(shè)計，需要從定制化的功能性出發(fā)，在強調(diào)使用流暢的同時，針對客戶畫像的風(fēng)格描繪，其所產(chǎn)生的視覺審美形象也十分重要。因此，已有的App界面設(shè)計風(fēng)格可為研究有特定功能的App界面設(shè)計提供幫助。目前，主流交互界面的設(shè)計風(fēng)格主要有3種類型，主要形式及特點表現(xiàn)為以下方面。

（1）扁平化的設(shè)計風(fēng)格。具體表現(xiàn)在去掉了多余的透視、紋理、漸變以及能做出3D效果的元素，強調(diào)了抽象、極簡和符號化[2]；

（2）極簡設(shè)計風(fēng)格。簡潔整齊大方，回歸自然，尊重自然規(guī)律，依據(jù)形態(tài)自然體現(xiàn)，具有強烈的視覺沖擊力[3]；

（3）Material Design設(shè)計。該風(fēng)格的界面設(shè)計結(jié)合了部分扁平化設(shè)計以及極簡設(shè)計風(fēng)格的要素，主要針對谷歌安卓手機系統(tǒng)，代表為卡片化，是今后界面風(fēng)格發(fā)展的主流趨勢[4]。

從現(xiàn)有的界面設(shè)計風(fēng)格可以看出，針對服裝定制類產(chǎn)品App界面的風(fēng)格，應(yīng)在結(jié)合其優(yōu)勢的同時，注意到用戶的交互體驗感，更好地體現(xiàn)交互環(huán)節(jié)的流暢性。

2 針對紡織服裝產(chǎn)品的個性化定制App界面設(shè)計要素

紡織服裝類商品作為人們?nèi)粘Ｉ畹囊徊糠?，定制化能賦予其個人審美以及個性化的精神內(nèi)涵，在以終端數(shù)字化界面進行表達的內(nèi)容中，設(shè)計要素的展現(xiàn)最為直接，包括功能作用、審美意象、商品展示、AI換裝等主要功能區(qū)。相對于普通的電商購物，其自我主導(dǎo)性更加強烈，App界面的風(fēng)格形式就需要追隨其功能，詳細地刻畫出用戶畫像，更好地服務(wù)于功能性。

2.1 設(shè)計功能要素

通過分析發(fā)現(xiàn)，設(shè)計要素主要包括功能和形式兩個方面，針對不同的服裝展示內(nèi)容，如服裝款式展示、面料展示、工藝展示以及行業(yè)資訊（圖1），應(yīng)有不同的功能畫像，滿足不同性別、年齡、身份的使用者。因此，在使用上，要盡可能根據(jù)App界面內(nèi)容的功能分區(qū)進行劃分，準(zhǔn)確把握用戶群的思維邏輯及其在購買過程中可能出現(xiàn)的邏輯問題。

圖1 功能模塊內(nèi)容

2.2 設(shè)計風(fēng)格要素

在定制化App界面設(shè)計中，應(yīng)該針對用戶畫像進行風(fēng)格描摹，不同使用者對不同功能及其使用邏輯有所差別，如圖2所示。針對大部分用戶，應(yīng)在設(shè)計上注重多種形式的有機結(jié)合，并保證風(fēng)格的統(tǒng)一性，在保障功能的基礎(chǔ)上，對設(shè)計風(fēng)格要素進行合理的甄別。

圖2 個性化定制App界面設(shè)計

3 紡織服裝類產(chǎn)品App界面風(fēng)格設(shè)計的要點及展望

定制化設(shè)計的形式在紡織服裝類商品中逐漸走進人們的視野，使用者可以占據(jù)商品的設(shè)計主導(dǎo)地位，這對個性化的發(fā)展及消費理念中的人文主義關(guān)懷都有推動作用。

3.1 紡織服裝類產(chǎn)品App界面的風(fēng)格設(shè)計要點

針對App中定制服裝的主要展示區(qū)，設(shè)計風(fēng)格的內(nèi)涵需要協(xié)調(diào)和統(tǒng)一，在關(guān)鍵性的視覺表現(xiàn)上給予使用者最真實的再現(xiàn)，是品質(zhì)提高和個性化展示的重中之重。所以，界面的風(fēng)格設(shè)計需要注意以下6點：（1）自然表達：天然肌理為現(xiàn)實經(jīng)驗提供了視覺線索，觸覺屬性被自然而然地應(yīng)用在場景中；（2）空間表現(xiàn)：通過明暗、肌理和運動展現(xiàn)紡織服飾與自身數(shù)據(jù)的交互關(guān)系，以真實的光影關(guān)系分割空間，同時指示哪些部分可以進行操作；（3）設(shè)計適應(yīng)性：App界面的底層設(shè)計將針對交互關(guān)系進行大小的改變，同時也會對服飾換裝系統(tǒng)的不同內(nèi)涵進行表達；（4）元素強調(diào)動作效果：購買者對服裝的定制過程就是體驗服裝設(shè)計的本質(zhì)。界面中的基本動作效果是購買行為轉(zhuǎn)折點，可以改變整個設(shè)計，為用戶指明了“路標(biāo)”；（5）增強用戶行為自主性：用戶觸摸操作產(chǎn)生的效果要反映和強化用戶的作用；（6）動畫協(xié)調(diào)與統(tǒng)一：即使發(fā)生了服裝樣式變形或紡織商品重組的問題，對商品材質(zhì)及工藝細節(jié)的呈現(xiàn)也不能破壞用戶體驗的視覺連續(xù)性。

3.2 紡織服裝類產(chǎn)品App界面的風(fēng)格設(shè)計預(yù)測

研究紡織服裝類產(chǎn)品App的界面風(fēng)格發(fā)現(xiàn)，風(fēng)格形式的綜合運用是使不同人群對紡織商品試用及購買行為合理化的方法，但同時還應(yīng)注意到，界面風(fēng)格的變化是界面視覺及交互系統(tǒng)的屬性，隨著人們認識的變化而不斷進步和完善，這是界面風(fēng)格設(shè)計應(yīng)考慮到的。對于短期的界面風(fēng)格流行化，可以利用MarKov預(yù)測其可能存在的變化，為未來紡織服裝類定制化App界面風(fēng)格的表達提供借鑒。

3.2.1 預(yù)測模型

假設(shè)界面風(fēng)格是一個既定系統(tǒng)，界面風(fēng)格的表達是變化的獨立狀態(tài)，初始狀態(tài)向量可表示為：

水利工程項目，是開放性的、復(fù)雜的系統(tǒng)工程。實施中不可避免地受到各種不確定因素的影響，如果處理不好，必然會導(dǎo)致資源浪費和經(jīng)濟損失，甚至影響工程質(zhì)量和安全，對區(qū)域經(jīng)濟社會產(chǎn)生重大的影響。因此，有必要加強對各種各樣風(fēng)險因素展開分析，以提高工程施工效率，保證水利工程設(shè)施的功能充分發(fā)揮。

式中：Sa(0)表示為系統(tǒng)處于a狀態(tài)時的初始概率，經(jīng)過x次變化后處于a狀態(tài)的概率為Si(x)，狀態(tài)向量不變，有以下等式成立：

當(dāng)初始狀態(tài)轉(zhuǎn)移向量S(0)和狀態(tài)轉(zhuǎn)移矩陣P已知時，便可以預(yù)測系統(tǒng)在x時刻所處的狀態(tài)。

3.2.2 建立模型

參照2017——2021年的紡織服裝定制化App界面的風(fēng)格，如表1所示，統(tǒng)計現(xiàn)有界面風(fēng)格，并進行未來24個月后App界面風(fēng)格主流要素占比的參考依據(jù)概率統(tǒng)計。

表1 紡織服裝類定制化App界面風(fēng)格主流占比

按照最小二乘法原理，估計3種狀態(tài)相互轉(zhuǎn)移的概率矩陣為：

式中：t=1，2，…，5。

5年的擬合誤差平方和Qj為：

式中：j=1，2，3。

5年中不同風(fēng)格的擬合誤差平方綜合Q為：

在minQ下，建立非線性模型。

求解上述非線性方程狀態(tài)概率轉(zhuǎn)移矩陣。

將2017年設(shè)為最初狀態(tài)向量，并將結(jié)果代入預(yù)測模型；對數(shù)據(jù)結(jié)果進行偏差分析后，預(yù)測數(shù)值結(jié)果整理得表2。

表2 預(yù)測值與實際值比較

3.2.3 結(jié)論

從預(yù)測及結(jié)果來看，扁平化設(shè)計風(fēng)格的預(yù)測結(jié)果偏差呈現(xiàn)與實際情況較為符合，在3種方式中，扁平化設(shè)計風(fēng)格在紡織服裝App界面設(shè)計中會逐漸成為主流風(fēng)格。

4 結(jié)語

本研究就紡織服裝類App的界面風(fēng)格進行了簡要分析，從設(shè)計及相關(guān)要素上為同品類其他產(chǎn)品的App提供了借鑒，同時還應(yīng)注意的是，結(jié)合定制化設(shè)計的個性化表達，App界面風(fēng)格的設(shè)計是多元且具有深刻意義的，只有多方面、多層次的動態(tài)界面風(fēng)格設(shè)計，才能在實現(xiàn)功能化的同時，符合用戶需求及產(chǎn)品需求。