恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
真相探秘:解密一夜狼人杀游戏设计
59.8°
原创文章 / 经验/观点 / / 举报
13183 20 163 4

2021-11-08

一局APP自研时下最火的线上桌游【一夜狼人杀】,解密小游戏设计秘籍,一起揭开小游戏设计的神秘面纱吧。

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

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

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


///

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

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


///

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

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

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


///

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

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

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

卡片设计拆解

三大阵营设计

卡背设计


///

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

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

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

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

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

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

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

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

游戏体验情绪变化曲线


a.情绪代入阶段

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

b.情绪沉浸阶段

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

游戏体验心流区间


///

场景切换

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

c.情绪满足阶段

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


///

动效如何落地?

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


///

写在最后

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

Powered by Froala Editor

收藏

20人已收藏

百度MEUX

百度移动生态用户体验设计中心 简历投MEUX@BAIDU.COM

  • 42

    作品

  • 2013

    粉丝

  • 0

    关注

  • 轻奢格调|构建百度直播平台设计语言系统
  • 盲盒热潮-设计师必备工艺揭秘
  • 译文:开启新时代的响应式网页设计
  • 一局APP首页体验升级

猜你喜欢

    百度MEUX

    百度MEUX

    百度移动生态用户体验设计中心 简历投MEUX@BAIDU.COM

    身经百战小有名气首页达人一鸣惊人原创小生
    • 2013

      粉丝

    • 1069.4

      人气

    • 1.3w

      颜值

    作品

      最新推荐

      2021 | 造梦狂欢 DREAM MAKER

      3996 2 1

      相关佳作
      换一换

        百度MEUX

        点赞:163

        收藏:20

        评论:4

        真相探秘:解密一夜狼人杀游戏设计

        你确定要举报真相探秘:解密一夜狼人杀游戏设计

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年11月08日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录

        可云端编辑的专业级UI设计工具

        立即体验