还在纠结该怎么做小游戏吗？到底什么样的小游戏利于传播？什么样的小游戏能留住玩家？怎样才能让玩家有更好的游戏体验？什么样的设计能增加创收？ 小游戏入门N连问，在这里你都能得到解答。令人烦恼的夏日，送上一份清凉解暑的快速设计指南！ [图片] 在以下的四个章节里，我们将通过案例，为大家分享以下几个话题。现在，让我们先来看看一些基础的知识点： 体验——《升级游戏体验》 分享——《分享的玩法》 留存——《留存的“套路”》 收入——《变现和收入》 准备好上课了吗？翻开手中的指南，我们开始～ 本指南为第一次进行小游戏开发的开发者提供快速的设计指引。它能让你快速的避免一些常见的产品设计错误，并能让你了解微信在小游戏上的价值主张。 什么是小游戏 微信小游戏是微信小程序的一个新增类目。 和所有小程序一样，小游戏无需下载、安装与卸载，即点即玩，体验轻便优秀。 同时，小游戏与微信关系链捆绑，可以方便的邀请微信好友、群好友进行PK、围观等，充分享受与朋友同玩的乐趣。 小游戏之于APP手游，是相对更轻松休闲的一种模式，而重度的APP手游，是以富有挑战性的玩法、沉浸式参与感等方式给玩家带来更极致的体验和深度的娱乐。 二者带来的用户体验差异不小，两者在整个游戏产业中分别扮演着不同的角色，没有直接竞争的关系。 如何找到小游戏 你可以在微信主界面上下拉，呼出最近使用的小程序，也可以找到最近玩过的小游戏； 除此之外，你还可以在微信「搜一搜」搜索小程序的名称，如「跳一跳」； 小游戏的官方入口在微信 - 发现 - 游戏 功能中。

《全民小镇》H5游戏是由光子工作室与北京华夏乐游科技股份有限公司合作研发，曾荣获2018金翎奖"玩家最喜欢的H5游戏"。该项目于2018年8月11日正式不删档公测。为了符合当下主流审美及微信小游戏小而美的产品特性，华夏乐游与腾讯小伙伴们在美术风格改版方面做了较为大胆的尝试。本文主要就项目美术设计的改版思路进行分享。     《全民小镇》微信小游戏版本与APP版本上线时间相隔近五年，玩法也有较大差别。项目研发初期本着展现IP继承性的目的，UI及游戏内美术资源均大量使用了APP版本的原版资源。但上线后从玩家反馈及市场数据显示，初期版本的美术市场接纳度较低。本着提升用户新进及留存的目的，项目组决定对游戏整体美术进行全面优化，并制定了一套流程方案： 问题评估——竞品分析——执行方向——用户调研——方案落地 问题评估 我们从识别性、统一性、易用性和乐趣性出发，针对以下几个维度对最初版本进行了评估——交互、颜色、造型、质感。总结出以下问题：  主界面 icon 过多，冗余杂乱，层次感差；  颜色偏暗沉，缺乏轻薄感；  部分后期新增界面在排版、颜色、造型等方面与主体风格脱节；  部分界面操作体验较差、缺乏引导 [图片] [图片] 安卓端由于提供了较多活动，即使是新手阶段主界面的 icon 数量也严重过载；ios 端相对情况稍好 [图片] [图片] [图片] UI 界面的主色调偏暗沉，棕黑色描边加深了色彩的沉重感，不符合当前轻薄化的主流趋势 [图片] [图片] [图片] 竞品分析 同品类游戏中《海盗来了》近期同样进行了美术的优化改版，优化方向总结为一下几点：  增强 沉浸感。为轮盘按钮和修理按钮围绕海盗主题绘制了轮船底板；  调整色彩 层次。降低了背景区域、岛屿等非功能区的色彩饱和度，提升了轮盘、icon、金钱等区域的色彩醒目度。增强了视觉引导力；  调整 UI 质感。整体风格扁平化，简化了按钮及 icon 造型，使游戏质感更加轻薄。 重新 安排 icon 布局。活动、每日、分享整合收纳入单独图标，减少了一级界面的icon 数量并统一显示在轮盘界面。分类添加了蓝色底框，增强条理性。 [图片] [图片] 《海盗来了》UI 改版前后对比（左为改版前，右为改版后） [图片]  [图片] 《麦兜环游世界》也做了简单的 UI 调整（左为改版前，右为改版后）——重新绘制了投骰按钮，简化了建造按钮，适当缩小了 icon 大小 执行方向 Icon 布局及设计调整重新梳理 icon 布局及数量，将平级 icon 规范入统一 icon 下（需和策划进行功能探讨）。主界面 icon 数量尽量压缩至 10 个以下； 缩小 icon 大小，注意留白空间； 重新设计 icon 外观， 描边淡化，图案 扁平化、 简化。 底板不透明化 [图片]  [图片]  [图片] （布局参考游戏——损友圈，麦兜环游世界；大小及外观参考——海盗来了，欢乐麻将） 颜色提取     为在原版色调的基础上做轻量化、年轻化调整。参考色彩效应与风格定位的这张坐标图（图片引用自umili同学的跨团队协作之——我叫MT4的变革之路），往更休闲、温和的方向走，重新定位我们的主视觉色调。 [图片] [图片] 其他要点 ：删除黑描边； 降低整体饱和度，提高明度； 用色规范化，在主色调范围内取色。 增加 UI 框体边角弧度，增加圆润感。 基于以上几点分析及执行建议，我们制作了三套UI方案： [图片] [图片] [图片] [图片] [图片] [图片] 用户调研     我们基于以上三款 UI 风格方案，和当前 UI 画面比对设计了用户调查问卷，在玩家群内及微信公众号发放了调研，最终根据得到选票数据及反馈建议敲定了第三版美术风格，并以此作为参照坐标对接下来的改版工作进行铺量。并在每周对后续设计方案进行针对性评估反馈。 改版前后部分画面对比： [图片] [图片] [图片] [图片] 总结     本次美术的整体性改版，由合作研发商与腾讯光子小伙伴共同协作执行。该版本实装后，此方案解决了项目初期的一系列问题，使画面更加轻薄，信息模块层级清晰化，信息可读性增强，整体配色明快舒适。同时减少了美术资源，缓解了性能压力，使整体更加符合微信小游戏的调性。个人也对小游戏的风格把控有了更进一步的认识。   最后感谢项目组和开发商小伙伴的信任与支持，希望小镇的数据在今后越来越好。 本文仅代表个人的设计心得总结，如有不当之处，欢迎共同探讨！

游戏里，玩家要赢就得打败BOSS。 开发者也有BOSS：加载慢、画面卡、闪退、耗电高、网络延迟……性能作为游戏的“基石”，不好的体验分分钟就变成“实力劝退”玩家的大BOSS。 为了帮助开发者们第一时间抢救流失用户，小游戏数据助手“上新”了！全新的“性能数据”有5大技能，帮你找出游戏运行中的“BUG”，让游戏体验更顺畅。 ROUND 1启动性能 等待游戏启动加载就像等待英雄“放大招”，玩家等待时间过长，就有大招放不出的憋屈感，留存率自然上不来。 [图片] 通过“小游戏数据助手-性能-启动性能”可以发现，某个小游戏总的启动过程中留存率（包括非首次打开玩家）约为90%，而首次打开游戏的玩家中，只有87%度过了代码包下载的过程。 [图片] 同时根据“性能数据”中的流失时间分布情况显示，不论有无代码包下载，如果能把时间缩短到4s内，可以减少大约30%玩家的流失。 [图片]   对应技能：开发者可以通过精简首包，例如代码、资源压缩，或分包加载等方式优化。如果问题出现在首屏渲染阶段，则减少首屏前资源加载、精简初始化代码逻辑、对重度逻辑进行分帧。 开发者还可以使用小游戏开发工具Profile，对启动阶段的包体大小、网络资源请求、分包加载、初始化耗时等问题做进一步分析。 ROUND 2运行性能之FPS 丰富的画面和游戏逻辑可以让小游戏更“酷炫”，但也更容易遇到操作不流畅、画面卡顿等“BUG”。尤其是中档和低档机型，卡一秒，等待玩家的只剩下Game Over。 [图片] （通过一些FPS查看工具，可以发现在释放技能时帧率明显降低的情况） 在“小游戏数据助手-性能-运行性能”中，可以看到某款小游戏的帧率普遍偏低，中档机型在20帧以下的占比接近60%，许多玩家被拦在这一关。 [图片]   对应技能：FPS是整体流畅度的表征，问题较为复杂，开发者需要根据Profile工具做分析，针对不同CPU/GPU/内存等进行排查。 ROUND 3运行性能之内存 高品质的小游戏更受玩家和创意评审团青睐，但高品质美术的游戏往往需要占更多的内存。内存跟不上，就会遇到闪退或无法运行等“BUG”。 [图片] 通过“小游戏数据助手-性能-运行性能”，可以看到某款小游戏内存占用接近700MB，内存增长也已达到400MB。 [图片] 在“小游戏数据助手-性能-性能运行”还能看到不同机型下的内存均值，以及用户异常退出次数和人数，方便开发者们分析阈值是否超过预期，从而更合理平衡游戏质量和游戏稳定性。 [图片]   对应技能：开发者可以通过避免内存泄露、规划美术资源、降低资源质量、及时释放资源等方式减少内存占用。 ROUND 4运行性能之CPU 物理、寻路、AI等小游戏复杂度较高，占用的CPU也比较高，更容易导致手机发热严重、耗电量高、流畅度下降等问题。 在“小游戏数据助手-性能-运行性能”可以看到，某小游戏CPU在iOS各分档机型下都非常吃CPU资源。 [图片] 同时根据性能概况显示，不同分档机型在几天下来CPU均值都非常高。 [图片]   对应技能：开发者可以开发阶段Profile工具做CPU热点分析，如使用微信开发者工具“Performance”或“真机调试”工具对计算热点进行分析，适当优化算法减少CPU计算逻辑。 ROUND 5网络性能 对竞技类、io类玩家来说，想要成为MVP，网速必须跟得上。短短几秒的网络延迟，能使一位“黄金”变“青铜”。 通过“小游戏数据助手-性能-网络性能”，开发者可以查看网络接口的综合性能，如延迟、回包长度、错误量等。 [图片] 同时开发者还能在这一模块的“网络接口错误分析”中找到TOP的网络路径，并在“网络接口延迟分析”找到网络延迟的“病因”。 [图片]   对应技能：开发者可以通过压缩资源、精简协议字段、优化服务器环境部署等方式，改善玩家游戏体验。