全部作品
用户体验设计 · 文化叙事

弄影

通过互动任务,介绍传统皮影的制作与表演过程。

“弄影”皮影互动体验的移动端界面概念
项目背景
学生设计项目 · 2022
我的职责
用户体验设计

从幕后制作,走向亲手体验。

《弄影》将通常难以接触的皮影制作过程,转化为一系列互动任务。雕刻、敷色与组装成为体验的一部分,让人们在参与中理解传统工艺。

我在项目中负责用户体验设计。项目获得腾讯 2022 大学生开发者大赛创意奖;图形界面设计由刘心仪负责。

01

把幕后技艺变成交互任务

《弄影》将观众通常难以接触的幕后制作过程转化为游戏互动体验。通过拆解皮影制作流程,让用户在操作中逐步理解从制作到表演的完整过程。

游戏以《西游记》中的孙悟空为主角,通过模拟皮影手部与身体操纵杆的运动来控制角色,并以打戏交互推进叙事。

我负责皮影箱局外系统设计,将皮影制作转化为可在手机上逐步体验的交互过程。

  1. 01

    雕刻

    通过雕刻任务理解皮影的造型与细节。

  2. 02

    敷色

    通过敷色认识皮影的色彩表达。

  3. 03

    缀结

    通过缀结连接部件,进入表演体验。

游戏背景与灵感:皮影戏台前表演与幕后制作。
02

从台前到幕后,连接两种体验

以传统戏台的空间关系组织游戏:台前对应章节演出,幕后连接皮影典藏与皮影箱制作。玩家在表演、收藏和制作之间往返,体验一出皮影戏的不同环节。

流程区分首次游玩的引导路线与后续自由探索路线:新手从选样、制作进入表演,熟悉流程后则可返回典藏和工作台,继续探索。

游戏框架:台前演出、皮影典藏与皮影箱制作。
交互总览:首次游玩路径与界面之间的连接。
03

皮影箱:让制作过程可被感知

将样稿选择、雕刻、敷色与缀结组织在同一工作台中。通过分层界面,将工具、皮影预览和进度反馈对应到具体制作动作,让每一步的变化可见。

皮影箱系统分层图:从样稿选择到皮影制作完成。
04

把传统工序转化为触屏动作

选样界面提供皮质、雕刻方案与配色选择,并同步预览角色效果。长按进度圆环推进制作,滑动调整敷色深浅,再通过连接缀结点完成皮影组装。

  1. 01

    选样

    结合皮影预览,选择皮质、花纹与配色。

  2. 02

    长按与滑动

    通过进度圆环和敷色控制,感知制作步骤。

  3. 03

    缀结

    沿提示连接部件,完成皮影组装。

样稿选择界面:皮质、雕刻方案、配色与角色预览。
雕刻、敷色和缀结界面及操作反馈。
05

移动端体验设计

我负责 UX 设计,GUI 设计由刘心仪完成。项目获得腾讯 2022 大学生开发者大赛创意奖。

《弄影》移动端界面概念。UX:康璐;GUI:刘心仪。
下一个项目

温州方言观察录