李 欣

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

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

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

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

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

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

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

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

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

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

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

2.1 設(shè)計(jì)功能要素

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

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

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

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

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

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

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

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

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

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

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

3.2.1 預(yù)測(cè)模型

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

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

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

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

3.2.2 建立模型

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

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

按照最小二乘法原理，估計(jì)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ù)測(cè)模型；對(duì)數(shù)據(jù)結(jié)果進(jìn)行偏差分析后，預(yù)測(cè)數(shù)值結(jié)果整理得表2。

表2 預(yù)測(cè)值與實(shí)際值比較

3.2.3 結(jié)論

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

4 結(jié)語

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