定制服装产品App交互界面设计研究（服装类app界面设计）

定制服装产品App交互界面设计研究

纪庆楠

（陕西服装工程学院 艺术设计学院，陕西 西咸新区 712046）

摘 要：随着服装数字化与智能化产业的发展模式兴起，以及当前对个性化服装需求的不断激增，定制服装产品已经成为了当下服装消费的流行趋势。文章以WeX5数字技术为背景，阐述了定制服装产品App的设计思路，总结了定制服装App交互界面设计风格，分析了服装App中的服饰个性化定制服务功能用途，并利用Markov Model模型对消费者喜好风格进行预测。希望通过对定制服装产品App交互界面设计的研究，为定制服装产品数字化设计提供一定的借鉴与参考。

关键词：定制；服装产品App；交互界面设计；风格；服装面料

Research on the design of App Interactive Interface for Customized Clothing Products

JI Qingnan

(College of Art and Design, Shaanxi Fashion Engineering University, Xixian New District 712046, China)

Abstract:With the rise of the development model of clothing digitalization and intelligent industry, as well as the increasing demand for personalized clothing, customized clothing products have become the current fashion trend of clothing consumption. Based on WeX5 digital technology, this paper expounds the design idea of customized clothing product App, and summarizes the design style of interactive interface of customized clothing App; This paper analyzes the function and purpose of clothing personalized customization service in the clothing App, and uses the Markov Model model to predict the consumer preferences and styles of the clothing App interface, with a view to providing some reference and reference for the digital design of customized clothing products by combing and studying the interactive interface of the customized clothing product App.

Keywords:customized; apparel product App; interactive interface design; style; clothing fabric

————————————–

作者简介:纪庆楠（1990.12－），女，汉族，陕西西安人，陕西服装工程学院教师，讲师，研究方向为设计学，369865536@qq.com。

————————————–

前言

随着数字技术的飞速发展，作为传统的劳动密集型制造产业，服装行业正面临着大洗牌，朝着智能化与数字化方向转型。目前许多服装品牌开始朝着轻奢化、私人化、个性化和定制化方向发展。当前，定制服装产品App凭借着智能终端系统中的交互式和便捷化优势，利用O2O场景，以高效真实的服装模拟方式，有效地满足消费者对服装产品的定制需求，App界面功能在测试后还可不断开发应用，使消费者对服装产品的选择有了更多的可能性[1-2]。

其中，App交互界面的设计风格对消费者的使用感受有着重要影响。为此，本文以服装定制产品App交互界面为研究对象，探讨了服装产品App界面的定制功能与设计方法。

1 定制服装产品App交互界面设计思路

现阶段，定制服装产品App通常采用WeX5技术进行开发[3]，其优势在于UI组件技术完全是开放主流，使界面的交互功能流畅性良好，同时满足浏览器、微信等软件及IOS、安卓等系统的使用要求，其丰富的组件体系和向导性可满足消费者在使用定制服装过程的稳定性。

同时，考虑到定制服装产品的特点，App交互界面设计要充分结合服装品牌的特点进行设计。通常，定制服装产品App交互界面包含了页面基本布局、NPC（非玩家控制角色，Non-Player Character）、颜色搭配等内容。其中，App界面交互关系的合理化和设计风格，在很大程度上会直接影响消费者定制服装的体验。

因此，定制服装产品App界面设计首先要对服装消费者的视觉映像进行分析，确定界面主题基调和目标人群画像；其次，要针对品牌的特点明确App界面的基本风格，满足服装消费对App界面的基本喜好；最后，对服装产品App界面的功能要进行细致设计，满足定制服装过程中所包含的基本内容。

2 定制服装产品App交互界面设计风格

结合当前各大服装品牌的调性特点与常见的服装App界面风格，针对当前定制服装产品的消费者喜好需求，可将目前主流的交互界面风格分为扁平式、极简式和响应式3种基本风格，其特点如表1所示。

3 定制服装产品App交互界面设计的功能与实现

3.1 设计要素

定制服装产品App交互界面是以终端数字化方式让服装消费者在线下单，交互界面的直观感是设计中的关键。其中，交互界面的内容还包含了App的基本功能、界面审美、界面审美风格和服装产品展示、AI虚拟换衣等。因此，在对于交互界面的设计在明确基本的界面风格后要从“功能 形式”要素进行设计。

2.2 设计功能

定制服装产品App交互界面的功能设计中，要围绕服装“定制”主题开展，移动端功能模块具体包含了服装展示、注册、品牌定制、个性定制、企业中心、在线客服六个部分，具体内容如图1所示。以服装展示模块内容为例，这部分分为服装款式展示、面料展示、工艺展示和行业资讯四部分，App在消费者登录界面时，依据消费者喜好自动推送相关内容，引导消费者浏览。

图1 定制服装产品App功能模块设计

3.3 设计实现

在App界面设计实现过程中，首先针对用户画像使用者进行风格描摹；其次结合不同使用者对功能的需求进行分类开发；最后测试App界面的流畅性和交互性能。以“扁平式”风格尝试界面设计，结合前文提到的定制服装App移动端功能模块分布，测试效果界面基本功能、个性定制、虚拟试衣最终效果如图2所示。

图2 “扁平式”风格定制服装App交互界面测试

4 定制服装产品App交互界面设计预测

4.1 预测思路梳理

为了更好的判断定制服装产品App交互界面设计对消费者喜好的直接影响，以及定制服装产品App交互界面视觉系统的合理性，考虑到消费者对定制服装App认知的不断完善和对服装功能需求的扩大，以“界面风格”作为评判短期未来定制服装App流行的主要趋势方向，利用Markov Model模型来进一步预测其未来可能会存在的变化，并结合近5年的定制服装App风格数据进行预测计算。

4.2 预测模型建立

将定制服装App界面风格假设为一个既定系统，界面风格的表达是不断变化的独立状态，初始状态向量可表示为：

式中Sa(0)表示为系统处于a状态时的初始概率，经过x次变化后处于a状态的概率为Si(x)，如果状态向量不发生变化，则有以下成立等式为：

若当初始状态转移向量S(0)和状态转移矩阵P已知时，便可以预测系统在x时刻所处的状态。

4.3 预测模型测试

统计Pixos设计平台中2018-2022年定制服装App界面风格数据，对现有的3种主流风格进行数据整合，如表2所示，将前文的公式代入数据进行概率统计，并以此数据对未来24个月的定制服装App界面风格进行趋势预测，作为后期定制服装App风格评判的参考依据。

将定制服装App三种风格状态，按照最小二乘法原理估计相互转移的概率矩阵设为：

则三种状态的第j(j=1,2,3)种风格的比例在t年的拟合误差λj(t)表示为：

5年内拟合误差平方和Qj为：

5年内不同风格的拟合误差平方综合Q为：

建立非线性模型：

根据预测的数据结果进行偏差分析，整理得表3。

4.4 预测模型结论

从预测数据结果来分析，“扁平式”风格的预测结果偏差相对较低，与实际情况较为符合；同时“响应式”风格在近5年预测值变化趋向于接近平缓，但是误差仍旧存在。因此，在未来24个月的定制服装App界面流行趋势中，“扁平式”风格逐渐会占据主流设计风格。

5 结语

线上定制服装是许多服装品牌面向数字化转型升级的重要布局，对服装品牌的数字化发展起到了重要作用。服装定制App是当前服装品牌的线上推广的重要渠道，而App中界面交互设计的风格和功能，则对消费者的喜好引导、促进服装线上购买体验起到了关键作用。因此，设计师应不断对服装定制App界面的交互性和风格进行设计研发，以此更好的提升服装消费者的体验。

参考文献：

[1] 陈铭,华中伟,景涵,等.基于3D图像建模的服装搭配及妆颜定制App的设计研究[J].民营科技,2016(12):69.

[2] 许西平,孙恩乐.论服装模块化App系统在服装行业的应用[J].纺织科技进展,2020(02):50-53.

[3] 高依康.服装个性化定制App界面设计风格研究[J].西部皮革,2020,42(13):52-53.

原载：《西部皮革》杂志2023年4月第8期