狼人杀作为聚会必备推理类桌游非常火爆，“一入狼坑深似海，从此节操是路人”。

一局APP自研时下最火的线上桌游【一夜狼人杀】，这款桌游不同于以往逻辑推理版狼人杀，没有夜里死亡，适合休闲娱乐，满足每个人的参与感，更像是真相探索游戏。

本文以制造积极情绪、打造体验峰值为设计目标，设定游戏世界观，构建游戏故事背景，绘制精美插画，赋能魔力特效，打造标杆小游戏。解密小游戏设计秘籍，接下来让我们揭开小游戏设计的神秘面纱吧。

1

故事背景-设定世界观 代入故事情境

欢迎来到一夜狼的世界，夜幕降临，一群身怀绝技的冒险者们准备在幽暗的森林里度过一夜，明天即可到达森林中心，那里的古堡中有古老家族遗留下的宝藏和数不尽的财富。但队伍中一直隐藏着狼人和他的同伴，他们准备在今晚发动袭击，伺机夺取宝藏。幸存的几位冒险者在夜里暗中施展绝技，要在到达古堡的前一天，揪出隐藏许久的狼人，以保证能够顺利取得宝藏……

 

游戏设计-情景化设计 体验游戏乐趣

结合故事背景设定，以易用性原则为基础，加入情景化设计，在【触发期】制造惊喜感，合理布局，明晰操作，快速上手游戏；【兴奋期】代入沉浸感，黑白场景切换，沉浸游戏；【结束期】凸显成就感，高光时刻，强视效感知，胜负判定。

美式轻写实风格，以游戏背景与角色设定为依托，提取古堡、岩石、沙漏等关键元素贯穿整个游戏界面设计。

卡牌设计-精进主美视觉 刺激感官神经

卡牌作为整个游戏的灵魂，代表玩家的身份，同时也会做成实物卡牌周边，作为奖品发放给玩家。身份角色设定：共计9个角色，分为三大阵营。好人阵营：预言家、守夜人、捣蛋鬼、强盗、失眠者、酒鬼；狼人阵营：狼人、爪牙；第三阵营：皮匠。

人物形象根据角色职业技能进行设定；设计风格为强氛围感的美式魔幻风格，突出卡牌氛围感并保证人物清晰度，角色比例选择展示腰部以上，角色以正面和四分之三面为主，角色的姿态和样貌根据角色设定具体设计；三大阵营以边框和氛围颜色做区分，同阵营边框（除道具外）不变；卡牌设计包含底框、边框、角色，道具设计在边框顶端两侧，根据角色替换。

卡片设计拆解

三大阵营设计

卡背设计

动效设计-制造积极情绪 打造峰值体验

运用动效手段在游戏的关键节点打造峰值体验，刺激用户游戏情绪，快速带入游戏人物和情节。

[触发期]-[情绪带入阶段]

引发好奇心，极具仪式感的动画（发牌和确认身份）推动用户快速进入游戏氛围，感知游戏。

[沉浸期]-[情绪沉浸阶段]

流畅的操作体验和反馈、场景转场动画提升游戏沉浸感与趣味性。

[结束期]-[情绪满足阶段]

通过整场的悬念铺设，在最终的结果公布缓解来到情绪的高峰时刻。

游戏体验情绪变化曲线

a.情绪代入阶段

仪式感渲染-模拟牌桌发牌，卡牌掉落的过程，表现卡牌质感和厚度在现实世界中的感受，身份确认动效添加强烈的反转效果刺激用户，不同阵营不同的色彩倾向强化对抗感知。

b.情绪沉浸阶段

游戏体验沉浸感-流畅简单的操作体验和环节转场动画明确游戏进度，降低游戏难度给玩家带来的焦虑情绪，强烈的操控感与烧脑悬疑玩法结合，使游戏体验心流曲线趋于专注、乐趣、享受。动效平缓削弱视觉刺激保证玩家的专注。

游戏体验心流区间

场景切换

白天黑夜场景用日月升起和场景氛围的变化提示玩家环节的转换，在平缓的游戏感受中自然的进入下一环节，沉浸在游戏线索思考和角色代入中，仿佛一切变化都是理所当然而不会因为意料之外的事件发生导致分心。

c.情绪满足阶段

游戏体验情绪高峰时刻-经过正常的悬念铺设，最终在结果展示环节用强烈的光感和卡片破坏动效，引导用户产生强烈的成就感和刺激感。并在此环节中游戏情绪达到了高峰时刻。

动效如何落地？

动效设计过程中运用了粒子插件、辉光插件，以及一些伪3D的技法。为了保证落地效果，技术使用游戏引擎开发，设计师采用拆解组合标注的方式交付研发-动效标注（代码实现，如位移、简单粒子效果）+序列帧&MP4视频。最终达到了80%还原度。

写在最后

作为第一款自研游戏，我们分为三条线：UI、主美、动效，紧密协作，联合研发同学还原设计效果。游戏上线后，取得了一定的热度，大大提升了一局的日活跃量。后续我们会继续将业务目标与设计目标相结合 ，逐步迭代，提高游戏体验。

原文地址：百度MEUX（公众号）

作者：文娱平台用户体验

转载请注明：学UI网》游戏UI设计项目分析–狼人杀

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务