编钟文化体验的交互设计-以“编取”APP为例

摘要曾侯乙编钟文化是中国古代礼乐文明的顶峰代表，承载着华夏民族“礼乐和鸣”的哲学思想，不仅是先秦政治制度的物质见证，更是中华声学智慧的永恒结晶。在当代文化传播语境下，传统博物馆的静态展陈模式很难满足年轻人对礼乐文化的体验需求，互联网时代的发展变革为文化的传承和推广带来了新的挑战和契机，因此借助数字化手段对编钟文化进行创新性转译是有效传播曾侯乙编钟文化的重要方式。展望编钟文化的传承与发展，通过利用互联网推广的高效性向大众普及曾侯乙编钟文化的魅力，设计一款易于操作的趣味性APP积累更多的用户和受众，从而达到加快该文化在年轻群体中推广的目的。在设计过程中，首先通过梳理总结曾侯乙编钟文化的特点，将曾侯乙编钟文化与APP界面交互设计相结合的手段来与用户建立紧密的联系，更加生动地传递文化的内涵。其次，制作合理的设计流程，对用户需求、产品定位、架构搭建、交互原型图等来设计，旨在以曾侯乙编钟文化为主题设计一款集文化科普、互动体验深度融合的APP，提高用户的参与感和良好的文化体验感，使得曾侯乙编钟得到数字化传播，其文化得到传承和推广。关键词:曾侯乙编钟；文化体验；用户体验；APP；界面交互设计；目录前言 11.设计主题 21.1“编取”APP产品需求分析 21.2品牌名称和IP形象的意义 21.3“编取”APP的视觉风格定位及分析 32.设计构思 62.1产品信息构架分析 62.2页面流程设计分析 72.3低保真原型交互设计分析 82.4交互体验创新分析 83.设计内容 93.1形态要素分析 93.2色彩要素分析 103.3图案要素分析 103.4交互设计分析 104.设计应用 124.1“编取”APP界面设计 124.2“编取”APP元素设计 124.3“编取”APP人机交互设计 134.4“编取”APP交互动效设计 134.5“编取”APP高保真设计方案 13结语 16参考文献 18前言在文化传承与创新的浪潮下，青年群体对传统文化的探索热情愈发高涨，这一现象日益受到社会关注。笔者设计这款APP的初衷是助力广大年轻人深入探索曾侯乙编钟文化，实现文化知识的自我汲取、文化素养的自我提升。在“编取”APP的设计里，考虑到年轻人不同的兴趣倾向与知识储备程度，设计了多样化的互动板块。例如，在“曲钟境”板块，针对编钟音律基础薄弱的用户，设计了简单易上手的编钟节奏敲击游戏，让这类用户轻松体验编钟演奏的乐趣；而对具备一定音乐素养的进阶用户，制定了编钟曲目创作挑战，促使他们深度探索编钟音乐魅力。同时，设计呆萌可爱的IP形象，以亲切、可爱的姿态伴随年轻人在APP中畅游，带领他们解锁编钟文化。以下正文内容将详细对设计思路进行展开阐述。

设计主题1.1“编取”APP产品需求分析1.1.1产品定位“编取”APP的定位为集文化科普、互动体验于一体的综合性APP。其主要功能包括编钟文化内容的科普、分享和演奏互动体验。主要受众年龄群体为18-24岁的年轻群体。主要目标是通过“编取”APP为曾侯乙编钟文化打造一个更适合传播的载体，面向用户展示编钟文化，从而加大编钟文化在年轻群体中的保护和传播度。1.1.2竞品分析通过搜索查阅，分别对两款软件进行分析，《听见山河数字》是一个传统文化的数字化保护和传播平台，专注于古琴和编钟体验的小程序，核心功能是乐器展示、互动体验。主要特性是拥有高度还原的古琴音调和编钟音色，注重用户的深度体验，不足之处在于部分功能和界面过于简洁，互动元素少，文化历史内容深度挖掘有限，界面风格古板，交互形式单一,体验模块只适合专业人士或有编钟音律基础的用户使用。《折扇》是一款宣传折扇文化的APP,该APP围绕折扇文化展开设计，从了解扇子基本知识，包括制作所需要的全过程，还提供折扇制作的虚拟体验，用户通过手势与屏幕互动来体验扇子的制作过程，加强用户的体验感。同时，用户还可以对扇子进行个性化设计。《折扇》APP不仅在内容和功能上彰显出其优势，在它的交互方式上也使人体验感满满。不足之处在于进入不同内容的页面时，入场很慢，会对用户的体验感造成一定的影响。1.1.3用户调查问卷通过发放不同方面的问题对用户进行询问，深度了解用户的基本需求，为后期制作“编取”APP功能提供有效的数据支撑。围绕曾侯乙编钟进行了两次问卷调查，在第一次问卷调查中侧重于了解参与者对编钟文化的了解程度、对传统文化APP的了解情况，以及用户对APP功能与内容需求等。第二次问卷调查侧重于参与者对该APP的体验和交互需求。第一次调查总共分发问卷220份，收到有效问卷202份，完成率90%。第二次调查总共分发问卷100份，收到有效问卷95份，完成率91%。据统计数据，提炼以下关键调查结果：(1)18-24岁年龄层占比60.23%,25-30岁年龄层占比30.26%。可以得出结论年龄层次年轻人居多。(2）参加调查问卷的用户有32.05%表明非常愿意使用编钟文化体验的APP，可能会尝试的人占45.56%。(3)参与调查的用户期望该APP的主要功能有：编钟基本文化科普、互动体验、编钟演奏视频和音频分享。(4）参与调查的用户认为APP要具有几个核心要素：界面设计具有吸引力，交互体验要有趣味性和参与感，功能模块应覆盖多样化需求，使用流畅，信息资源丰富多元。(5）参与调查的用户中有35.62%的人没有用过文化类或非遗类APP。大多认为文化类APP很大程度上体现出内容不足，缺少挖掘深度、体验感弱和界面不够美观等问题。通过上文调查得出结论，设计“编取”APP时要展示好编钟文化自身特色，还要融入年轻元素的特征。需要在界面美观性和交互体验上多下功夫，以此来提升用户的体验感，增加用户使用满意度，达到吸引更多用户所关注和使用的目的。1.1.4用户画像及用户体验地图图2“编取”APP用户画像（图片来源：自绘）据调查问卷把用户年龄锁定在18-24岁的用户区间，所以该APP定位的主要群体在年轻群体。通过对用户目标、行为、需求和痛点来分析，把潜在用户分为两类，一类是借助图2“编取”APP用户画像（图片来源：自绘）通过制作用户画像，可以比较清楚的了解用户的需求和行为，将需求和行为进行归纳可以列出用户旅程图。通过绘制旅程图，了解用户的使用流程，找出使用时用户产生的情绪，分析用户的痛点，从中得出设计的不足，通过机会点的分析来调整产品的功能，优化用户体验。例如，用户在体验“编取”APP过程中，当接触点为开启页面时，用户接触行为是打开APP接收的主要信息能够一眼就看到，情绪体验一开始比较平静，但等待入场时间过长会使情绪下降，用户痛点是等待时间过长，页面无互动，通过对用户痛点的分析找到机会点，所以在开启页面时要注意时间，可以进行开场动画设计，增加趣味性。又如，当用户接触点为“曲钟境”板块时，用户接触行为是趣味互动部分，用户情绪体验比较新奇，用户痛点是没有教程引领、体验说明，趣味玩法少，响应反馈少，通过分析痛点找到机会点，所以在体验“曲钟境”板块时要设计教程指引，设计多样的功能玩法，如录音、根据录好的音频DIY定做录音封面、录好的音频命名以及分享等功能，同时通过响应式设计给用户多重反馈。图3“编取”APP用户体验地图（图片来源：自绘）总的来说，在设计“编取”APP时，绘制用户旅程地图能够站在用户视角，清晰地展示用户初次体验该APP的感受，分析用户的痛点能够有效的找到设计中的不足，及时调整设计方案，确保图3“编取”APP用户体验地图（图片来源：自绘）1.1.5用户需求总结通过需求分析，在考虑制作“编取”APP时，要从用户的需求出发，页面设计要体现曾侯乙编钟的文化特点。还要注重交互性，良好的交互会给用户带来好的用户体验，在设计时不仅要设计出用户和用户之间互动的模块，也要设计出文化和用户的互动的模块。1.2品牌名称和IP形象的意义“编取”APP是一款文化体验类APP，集编钟文化科普和互动体验于一体。其名称有两个含义，对应该APP的两大功能。其一，“取”字有获得、汲取的意思，吸取编钟文化，其二，“取”字谐音“曲”。“编取”对应出该APP的特色功能自定义编曲。图4“图4“编取”APPIP三视图设计（图片来源：自绘）1.3“编取”APP的视觉风格定位及分析首先，“编取”APP中大量运用到了插画，如：启动页、引导页面、功能页面以及一些图标等，结合扁平化设计手段通过国风风格展现出来。其次，插画主要集中在首页，将首页的主要内容图像化通过场景小插画表达出来，用户可以通过左右滑动卡片来点击想了解的内容。国风风格插画的运用，使用户在体验APP时，能感受到浓厚的文化氛围，将用户带入编钟文化的历史情境中，增强用户对编钟文化的期待感和探索欲。总的来说，国风风格在“编取”APP里面的运用能够起到很好的烘托文化底蕴的作用，与编钟古文化搭配起来相得益彰。同时，国风风格越来越受到年轻人的喜爱，正好符合“编取”APP产品的受众定位。

设计构思2.1产品信息构架设计分析图5“编取”APP信息架构图展示（图片来源：自绘）通过前期调研的需求分析，构建出思维导图来展示“编取”APP信息功能架构。整体“编取”APP分为四个板块，内容由浅入深，从初步的了解编钟文化知识再到体验编钟，用户互动分享，最终完成获得成就感的目的，使用户有良好的体验感。其中图5“编取”APP信息架构图展示（图片来源：自绘）2.2页面流程设计分析页面流程图是站在用户立场，对用户展示进入APP时要有的操作及相应页面的流程演示。能够清楚的展示页面的布局逻辑和用户在其他页面的跳转逻辑，让界面的交互流程与功能的理解和使用看起来更直白和简单。通过下图为“编取”APP绘制的交互流程图，可以直观的展示信息，能有效的提升用户体验，促进用户和产品之间的互动（如图6所示）。科普知识是“编取”APP的重要功能，通过绘制查看“甬钟”信息流程图，能够清晰的向用户呈现查看编钟相关文化的流图6交互流程图（图片来源：自绘）程（如图7所示）。图6交互流程图（图片来源：自绘）图7查看图7查看“甬钟”信息流程图（图片来源：自绘）2.3低保真原型交互设计分析原型图是APP页面制作的初步方案，是根据产品构架把规划的结构和基础功能进行初步的展示。首页是用户进入APP时第一个正式界面，也是汲取到知识的第一个界面，给用户首要的印象最深。通过对“编取”APP首页低保真原型交互图的绘制，能让用户清晰的了解到该APP首页聚集的功能。（如图8所示）图8图8“编取”APP首页低保真原型交互设计图（图片来源：自绘）2.4交互体验创新分析“编取”是一款集文化科普、互动体验于一体的综合性APP，主要目标用户年龄为18-24岁的年轻人。交互体验创新分析主要是从该APP两大类介绍。第一类是从功能出发，“编取”APP有两个大的互动体验板块，即“曲钟境”板块和“集章小站”板块。“曲钟境”板块为线上互动体验，用户可以通过这个板块选择想要体验的模式，其中，“独奏创编”是用户自定义作曲模式，“三觉合一”是娱乐模式，用户根据自己的兴趣选择想要的模式以获得最佳体验感。“集章小站”板块是结合线上线下联动的一个板块，用户通过线上猜关于曾侯乙编钟的谜底，谜底猜中会获得一枚虚拟徽章，然后再根据谜底显示的编钟部位，线下打卡拍照上传到该板块，谜底猜测成功和照片上传成功即可获得一枚实体编钟徽章。同时，用户在集章小站“谜趣打卡”活动中，谜底和实地打卡全通关后，即可在博物馆内相关位置获取一套编钟纪念品以及一张编钟演出门票优惠券。第二类是从APP交互表现手法和用户体验感出发，在这类设计中将从简洁易懂的交互、及时反馈的交互、明确目标的交互三个方向开展设计。第一，简洁易懂的交互。“编取”APP避免复杂的操作步骤和繁琐的界面元素，让用户能够易懂的了解内容。例如，在登录注册时，采取第三方登录或手机号一键登录，操作步骤简单，用户不用在此花费过多的时间，体验感得到提升。在首页时，用户只需左右滑动页面点击自己感兴趣的板块，操作简洁明了，使用户快速上手。第二，及时反馈的交互。用户从首页一级页面上的按钮点到二级页面时，二级页会有小的图标动态显现，充满趣味感。当用户在体验模拟编钟演奏遇到困难时、挑战成功时、挑战失败时，要及时给予情绪反馈。例如，在挑战成功时，会弹出胜利的画面，画面会呈现出充满光芒的氛围感，IP也会弹出来与用户产生互动，同时也会有奖励机制使得用户持续体验。在挑战失败时，画面会呈现乌云灰灰的氛围感，同时IP也会用激励的话语鼓励用户。第三，有明确目标的交互。“编取”APP进入模拟编钟体验环节时要有新手指引，帮助用户理解不同板块的内容和玩法，使用户获得良好的体验。综上所述，“编取”APP从不同的方面出发考虑用户的体验感，通过有趣的互动内容和表现手法提升用户的体验。在互动内容上，通过自定义创作、挑战、解谜和打卡的游戏感设计来呈现，符合年轻群体的兴趣，同时也降低了传统文化的接受门槛。在表现手法上始终采用简洁明了的方式呈现，提升用户体验感。

设计内容3.1形态要素分析“编取”APP在设计时考虑到角色形态、场景形态、界面形态，给用户带来视觉享受。角色形态的设计在互动体验环节中发挥重要一面，在用户和APP之间起到一个衔接作用。角色的形态包括角色的外貌特征和动作。在设计时要根据不同的场景进行动作的衍生设计。在“编取”APP的“曲钟境”板块进入到不同模式时都会有IP进行引导，通过想表达出的文字内容对IP形象进行动作设计，例如，在进入“曲钟境”板块时，出现IP引导弹窗，其中一个IP动作为拿着敲编钟的棒槌在空中挥舞，以表示欢迎。又如，在告诉用户玩法时，IP形象会化身为一个老师拿着教鞭指挥黑板的动作，形象地引领用户了解玩法规则。同时在省缺页中，也有IP的形态设计，如没有收到任何消息的页面，会出现表情呆滞手捧破碎爱心的IP形象。场景形态设计在互动体验环节中起到一个重要作用，场景形态的设计是营造文化氛围感的关键。例如，在进入“曲钟境”时，会出现一个导入页面，页面插画的文化氛围感浓厚，其视觉中心聚焦于曾侯乙编钟，它屹立在编钟世界的舞台上，用户则化身为乐师进入到编钟世界选择感兴趣的模式体验编钟，模式背景里也对其进行了场景形态设计，古朴的背景，生动的小插画，线性的图标，营造出一种古典的氛围感，让用户沉浸式文化体验。界面形态设计是提升用户体验感的主要因素。在视觉元素设计上，首页所需展示的所有内容都通过文字图形化，将文字内容设计成小插画，以简洁的图形传达功能和含义。在布局结构设计上，“编取”APP将核心功能摆在界面最显眼处，如Tab栏的摆放。在内容展示上通过采用卡片式布局，确保信息的准确分层，例如，在该APP的首页，采取的就是左右滑动的卡片式布局。在该APP的内容展示页里面也运用到了卡片式布局，用于区分信息。在交互逻辑设计上，“编取”APP在“曲钟境”板块设置了多的用户反馈机制，例如，点击编钟钟体时，会出现花瓣波纹。当用户遇到不同的情况时，会出现IP进行互动，缓解用户的情绪。在情感设计上，“编取”APP在“曲钟境”板块和“集章小站”板块设定成就体系，当用户完成相关任务时，会出现夸奖机制，当遇到困难时、挑战失败时，IP会给用户提供情绪价值的话语。3.2色彩要素分析曾侯乙编钟是战国早期青铜礼乐的重器，在青铜文化体系中处于重要角色，有着丰富的文化内涵。用户在首次访问APP时色彩即构成是对他们的直接而深刻印象。交互界面的配色是设计中的重要重要组成部分，对产品的风格和定位发挥着重要作用。好的色彩搭配能塑造其本身的风格特征，还能起到反映不同文化背景下的民族情感、审美习惯与历史底蕴的作用[[]REF_Ref4296\h邢嘉宝，龚鑫.基于色彩案例和灰色关联分析的人机界面交互配色设计研究［J］．化纤与纺织技术，2021.]。[]REF_Ref4296\h邢嘉宝，龚鑫.基于色彩案例和灰色关联分析的人机界面交互配色设计研究［J］．化纤与纺织技术，2021.首先，从整体主色基调来看，“编取”APP是以文化为主题的APP，选择古代纸张的颜色作为主色调，以强调文物文化的历史感。其次，从首页插画的色调来看，每副小插画虽然颜色多样，但是都运用比较柔和的颜色表达，与底色主色调产生对比，不仅丰富了画面的活力感还与主色调适配度高。同时，从其它的一级页的图标来看则多的采用的是和主色调一致的线性图标和矩形方式，这与插画图标进行对比，减少视觉疲劳。紧接着，从导航栏图标的色调来看，也与主色调一致，但是点击前为线性图标，没有颜色填充，点击后图标为面性，颜色呈现古铜色与主色调一致。最后，棕色、浅米色、米白色的碰撞虽然打破了编钟的沉重感，但是整个色调不会突显编钟文化的轻浮。反而这些色调的搭配会让画面呈现出现代感和历史感融合的氛围，在视觉上显得灵动，同时也符合年轻用户追求现代感又不失文化内涵的审美需求。3.3图案要素分析图案设计是提升APP视觉效果，营造文化氛围，提升用户体验的基本手段。可以彰显出APP的特色，为用户带来良好的视觉体验。首先，在首页的布局上打破传统的图标按钮和版式，用有趣的卡片场景小插画代之。从编钟的发展起源、编钟种类、结构特征、制作工艺、文化价值、编钟之音、历史故事、集章小站八个不同内容为插画设计主要对象，将文字图形化，展开符合文字的小场景插画设计，增强视觉吸引，使用户更直观知道文字传达的信息。其次，下方Tab栏和二级页面的图标设计中也运用一样的设计手段，把编钟相关元素作为基础和功能名称结合设计的有文化特色的图案和图标。最后，图案要素在APP界面设计中发挥重要的作用。编钟元素和现代设计表现手法结合不仅契合文化主题，还符合年轻人的审美需求。3.4交互设计分析交互设计的主要目的是提升用户的体验感。辛向阳把交互设计的设计对象定义为人类行为的设计，认为设计师应该多去关注经过设计的、合理的用户体验，而不是简单的产品功能[[]REF_Ref7862\h辛向阳,交互设计：从物理逻辑到行为逻辑[J].装饰，2015.]。“编取”APP是一款综合性移动应用，主要文化传播对象为曾侯乙编钟。根据调研结果显示，目标用户群体为年轻人，当传统文化和年轻用户群体碰撞在一起时，创造有趣的交互很有必要。就趣味性而言，在“曲钟境”板块，通过虚拟敲击编钟让用户产生体验感。在交互设计上，钟体被敲击的瞬间，会有对应编钟的声音，屏幕中会以触点为中心绽放动态花瓣波纹，用户在敲击钟体时，会觉得很有乐趣。通过多感官交互设计，一种整合运用视觉、听觉、触觉等各类感官刺激的设计手段，意在增进用户在虚拟现实环境里的沉浸感与交互体验[[]REF_Ref7862\h辛向阳,交互设计：从物理逻辑到行为逻辑[J].装饰，2015.[]REF_Ref7973\h刘子健,刘颖.虚拟现实交互界面设计中的沉浸感提升方法研究[J].鞋类工艺与设计,2024.

设计应用4.1“编取”APP界面设计4.1.1“编取”APP启动页面设计启动页作为应用程序的首要页面有两点任务，首先是作为一个APP启动到投入使用的承载页面，避免用户因加载时间过长而出现卡顿或空白页面的情况，从而带给用户不好的体验，其次也是为了提升用户从启动应用程序到投入使用应用程序的感知度[[]REF_Ref10156\h谢娟.非物质文化遗产花瑶桃花APP界面交互设计研究[D].桂林理工大学,2022.]。在“编取”[]REF_Ref10156\h谢娟.非物质文化遗产花瑶桃花APP界面交互设计研究[D].桂林理工大学,2022.图9启动页页面展示（图片来源：自绘）图9启动页页面展示（图片来源：自绘）4.1.2“编取”APP引导页面设计优秀的移动端界面设计可给用户带来舒适、自由且简洁的使用体验。在“编取”APP的引导页设计中，设计了三个页面，分别搭配不同的主题和文字介绍，背景主要运用米黄色纹理背景，和整个APP的颜色呼应。画面内容分别是以甬钟、镈钟、钮钟为主体进行的小场景插画设计，搭配丰富的颜色，营造一种国风氛围感，画面丰富美观，风格协调，给人一种很强的舒适感。（如图10所示）图10引导页面展示（图片来源：自绘）图10引导页面展示（图片来源：自绘）4.1.3“编取”APP首页及其他板块页面设计首页的设计以用户需求为主，“编取”APP在首页主要展示的是该APP的功能分区，首页整个版式打破了传统APP的首页版式设计，没有过多的用文字和宫格框来堆砌，而是进行了明显的区域划分，首要的是核心内容页面的陈列，将每个功能通过图形转换呈现出来的，使用户更方便的点击了解文化详情。其次是首页上方的搜索栏和每日推荐，搜索栏方便用户查找所需要的内容，每日推荐为用户推荐不同的编钟小知识。（如图11所示）图11首页页面展示（图片来源：自绘）图11首页页面展示（图片来源：自绘）“曲钟境”页面是整个APP的互动体验部分，在进入正式的体验前会有一个导入插画设计和目录设计引导用户进入到想要体验的栏目。进入到正式的体验页面时会由IP指引用户。当用户进入“独奏创编”自定义编曲页面时，页面会呈现收起、音库、音符、模式、提示、录音、暂停、播放、保存九个按钮，对应不同的功能，收起即将上方的图标按钮收起，音库即用户可以选择音乐跟曲练习以及显示用户创作好的音频，音符即为用户提供每一个钟体的发音，模式即切换两种模式，提示即为用户提供在体验界面对应的音标，录音即用户可以点击录音录制自己编的曲子，其中用户也可以根据录好的曲子在“DIY封面图腾”里面自由绘制录音封面。通过这几个功能，用户可以在此页面进行自定义编曲。当用户进入“三觉和一”模式时，页面会呈现收起、关卡、指示线、模式、暂停、播放六个按钮，其中关卡会显示用户正处于第几关以及提供每关不同的任务，指示线为用户提供准确的点击线路，增强通关率，用户可以在此页面进行娱乐挑战，丰富用户的体验感。（如图12所示）图12图12“曲钟境”页面展示（图片来源：自绘）图13“图13“交流”页面展示（图片来源：自绘）“我的”板块分为个人信息区和功能模块区，方便用户查阅关于有关自己的相关信息。（如图14所示）图14图14“我的”界面设计（图片来源：自绘）4.2“编取”APP元素设计4.2.1“编取”APP字体设计文字是信息传递的核心，字体的一致性对用户阅读体验带来一定的影响。因此标题应更加醒目和容易理解，以吸引用户的注意，而文本内容则要保证阅读的便捷性，这对于信息的有效传递很重要。“编取”APP在字体选择上运用简洁现代的思源体。思源宋体具有很浓的文化气息与画面国风风格相符，思源黑体简约大方，现代风味足，两者的搭配既留存了传统文化的味道，又迎合了年轻人现代化的审美需求。通过采用不同的字体样式、大小和颜色来区别信息级别。4.2.2“编取”APP图标设计启动图标是用户产生记忆点的第一视觉画面。在LOGO的设计上直接选用的是甬钟外形作为主体,将“编”和“取”两个字巧妙的进行处理融入到甬钟形状中，图像化表达出来。图15“编取”APPLOGO展示（图片来源：自绘）在LOGO中，对“编取”二字进行了巧妙的图形化处理。将绞丝旁部分和图15“编取”APPLOGO展示（图片来源：自绘）Tab栏图标的设计在APP里面也很重要，要能够起到一个定位作用。“编取”APP的框架结构分为四大类，分别是首页、曲钟境、交流、我的。根据可识别和简洁性原则，图标设计为点击前和点击后两个状态。首先在它们的外观设计上，点击前为线性，点击后为面性。同时，还要在运用编钟文化元素的基础上，通过文字和设计内容相互呼应的方式进行内容呈现。（如图16所示）图16图16“编取”APP底部导航栏应用（图片来源：自绘）4.3“编取”APP人机交互设计4.3.1“编取”APP游戏设计在APP交互设计中加入互动游戏可以增加交互的趣味性，提高用户的使用体验。在“编取”APP中也设计了适当的游戏互动板块，将编钟文化通过娱乐设计，借助寓教于乐的手段让用户了解编钟音律。例如，在“曲钟境”中“三觉合一”图17“图17“三觉合一”模式效果展示（图片来源：自绘）4.3.2“编取”APP加载页设计加载页的设计在交互中也至关重要，它能够缓解用户在进入页面时等待时出现焦虑情绪。在进行加载状态设计时要考虑到必要的加载提示信息，设计要有趣味性和吸引力[[]REF_Ref5133\h何佳丽.武强年画文化App界面交互设计[D].长春工业大学,2024.]。在[]REF_Ref5133\h何佳丽.武强年画文化App界面交互设计[D].长春工业大学,2024.图18图18“编取”APP加载页展示（图片来源：自绘）4.3.3“编取”APP省缺页设计在APP交互设计中，省缺页是链接用户和产品交互过程中不可缺少的组成部分，它具有双向传递信息的作用。通过视觉或动效向用户告知当前的状态，用户点击反馈等待系统回应，形成闭环交互。在“编取”APP中，“我的”板块设有省缺页，利用IP和符合状态文字的小场景插画和激励文案与用户产生互动。例如，在“我的帖子”页面，IP手抱着写有“快来发布吧！”的告示牌，下方配文“有趣事，等你来分享！”，用激励的文案指引用户在APP相关位置去发布，整个风格有趣可爱，能吸引用户注意，不仅具有引导功能，还能激发用户参与互动的兴趣。（如图所示19所示）图19图19“编取”APP省缺页展示（图片来源：自绘）4.4“编取”APP交互动效设计图20“编取”APP首页动效展示（图片来源：自绘）在交互设计中交互动效是构成界面交互设计的重要一环，在前往下一个流程时，交互动效的作用是对用户进行指引提示。在设计“编取”APP时，考虑用户的习惯操作手势，采用上下左右滑动和点击为主的操作方式，配合顺畅的交互动效响应，使用户有舒适的体验。在图20“编取”APP首页动效展示（图片来源：自绘）在首页二级页面的交互动效中，主要以点击为主要交互方式，运用卡片式的布局设计和圆形按钮设计。卡片式的页面设计设置为左右穿插进入动画和上下滑动动效，用户从首页进往详情页的过程中，有动画设计会提升用户体验感。在圆形按钮设计的页面，将文字图形化，加入动画效果，用户从首页点进详情页时，进行了有效的互动，指引用户点击此了解详情。（如图21所示）图21图21“编取”二级页面交互动效展示（图片来源：自绘）4.5.“编取”APP高保真设计方案图22“编取”APP高保真设计“编取”APP高保真设计方案。（如图22所示、如图23所示）图22“编取”APP高保真设计图23图23“编取”APP高保真设计

结语本文以编钟文化数字