设计体系
从3天到90秒:日本QualiArts的交互体验进化之路
从3天到90秒:日本QualiArts的交互体验进化之路

ProtoPie
February 24, 2026

以毫不妥协的[手感]为核心的技术革新
QualiArts 借助 ProtoPie 实现手游 UI/UX 开发理想形态
在日本手游市场中,隶属于CyberAgent的智能手机游戏开发工作室QualiArts,以媲美主机级别的完成度,不断刷新 UI/UX 的行业标准。正如其代表作—偶像经营RPG 《IDOLY PRIDE(偶像荣耀)》所展现的那样,他们所追求的不只是视觉上的美感,更是通过对点击、滑动等游戏操作中精准「手感」的极致打磨,为玩家带来真正舒适、沉浸的体验。

然而,在实现这种'终极手感'的背后,曾经存在着巨大的技术挑战。过去,UI 的实现需要在 Figma、AE 和 Unity 之间反复切换,流程复杂繁琐。设计师的设计意图往往需要工程师在 Unity 中进行二次还原,整个过程通常要花费数天时间。
更棘手的是,每一次对动画时序或缓动曲线的微调,都会产生新的工程成本。一段动画的评审往往需要耗时三天,反复沟通与等待逐渐成为创意发挥的阻碍。
更棘手的是,每一次对动画时序或缓动曲线的微调,都会产生新的工程成本。一段动画的评审往往需要耗时三天,反复沟通与等待逐渐成为创意发挥的阻碍。

打破这一瓶颈的关键,正是高保真原型工具 ProtoPie的引入。设计师可以在数分钟内完成可在真机上验证的交互原型,并通过 Hand-off 功能彻底消除规格理解偏差。最终,团队将作品评审时间缩短了 70%,在保持像素级还原度的同时,实现了压倒性的开发效率提升。
那么QualiArts 是如何在创造力与效率之间取得平衡的?
无法“触摸”的原型,带来的三天停滞
QualiArts 的开发团队长期面临着一个悖论:他们希望追求用户真实操作时的理想手感,但在开发流程中,往往要到几乎无法修改的阶段,才能真正“触摸”到成品。
对于像《IDOLY PRIDE 偶像荣耀》这样高度重视“经纪人体验沉浸感”的游戏而言,对手感的任何妥协都是致命的。仅仅是角色选择时 0.1 秒的响应延迟,就足以破坏玩家的沉浸感。
在引入 ProtoPie 之前,工作流程受到诸多限制。即便设计师在AE中花费数小时制作了精细动画,但它依然只是一段视频。设计师只能向工程师描述:“希望做成这种感觉,并且是可交互的”,而要等到 Unity 中可以进行真机测试,通常需要三天时间。
即便最终实现的效果大体正确,也很难做到完美。例如:“按钮回弹稍慢了一点”、“连续点击时有违和感”等问题频繁出现。每一次微调,都会再次带来三天的等待。这种结构不仅增加了成本,也逐渐侵蚀了设计师的创造力——大家开始避免激进尝试,转而寻找“安全但平庸”的解决方案。
90 秒!让看不见的感觉,变成可触摸的体验
为了改变这一现状,QualiArts选择了ProtoPie,作为在构建前即可验证手感的工具。促成该决定的关键是: ProtoPie 能以媲美 Unity 实际开发成品的精度,复现《IDOLY PRIDE》中极其复杂的升级动画流序列。

引入 ProtoPie 后,验证周期从3天缩短到了90 秒。设计师无需编写任何代码,就能构建包含同步显示、粒子效果与触觉反馈在内的复杂交互,并立即推送到 iPhone 等真实设备上进行测试。
“点一下,觉得慢了 0.03 秒,就立刻调整,再点一次确认。”这一完整流程可以在几分钟内完成,设计师终于可以亲手反复打磨,直到对“手感”完全满意为止。此外,那些在静态设计稿中永远无法发现的问题——例如: 单手拇指难以触及的操作区域、Android 设备特有的性能差异,也都可以在设计阶段被提前识别并解决。
终结设计与工程之间的传话游戏——究极 Hand-off
ProtoPie 带来的真正突破,体现在验证之后的 Hand-off(开发交付)阶段。过去,设计意图在传递给工程师时不可避免地产生理解偏差,而这种“理解成本”在使用ProtoPie后被彻底消除。

ProtoPie 的 Hand-off 功能会将设计师精心打磨的交互行为,自动生成工程师可直接使用的精确规格说明:
- 精确的时间定义: 不再是“稍微快一点”,而是“0.18 秒”
- 明确的缓动曲线: 不再是“有点弹性”,而是具体的 cubic-bezier 曲线
- 清晰的数值变化: 包括缩放、不透明度、坐标移动等所有具体参数

这就像是口头说“涂成蓝色”,和直接给出准确的「色值代码」之间的差别。工程师不再需要反复确认规格细节,Slack 上无意义的沟通被大幅减少。
通过 Figma 负责布局、ProtoPie 负责交互、再通过 ProtoPie Cloud 交付给工程团队的一体化流程,产品还原度提升至 99%,动画评审时间缩短 70%。
从“犹豫发布”到“自信上线”的文化转变
ProtoPie 的引入,带来的不仅是效率提升,更彻底改变了 QualiArts 的组织文化。过去,设计师往往因为顾虑工程成本而自我压抑创意;而现在,他们可以自由制作实验性原型,大胆提出更具野心的设计方案。
在《IDOLY PRIDE》这样强调高端体验与顺滑操作的作品中,整个界面的 UI 动画包含了复杂的视差效果、多层级显示、动态状态反馈以及高度情境化的微交互。这些细节在 ProtoPie 中被反复验证了数百次,直到行为表现达到极致。最终,当 Unity 的正式实现完成时,甚至连设计师自己都无法分辨哪个是原型、哪个是正式版本。

ProtoPie 让“速度还是品质”的二选一,成为了过去式。通过高速、高质量的验证,问题得以在早期被解决,整体开发节奏反而进一步加快。
QualiArts 通过直观、高掌控度的工具,成功建立了一套能够稳定交付”手感”这一无形本质的工作流。他们不再只是制作原型,而是带着充分的信心,向玩家发布真正、最好的体验。