[转】微信小游戏设计指南

概要

小游戏,是传统游戏的一种新的表现形式,它可以是故事,是价值观,是开发者和玩家一起进行创造的载体。基于小游戏轻便快捷、便与传播的特点,我们拟定了小游戏界面设计指南和建议,旨在帮助小游戏开发者创造更优秀的游戏产品,同时给玩家更好的游戏体验。

流程清晰

整个小游戏应有清晰的流程,方便玩家在各个页面之间自如切换,不受干扰或阻碍。页面之间的逻辑关系应该简单明了,确保玩家在游戏内不会迷路或感到无助。

下图的是在玩一个小游戏时,玩家比较常见的操作流程,开发者可结合自身游戏的特点设计页面间的跳转逻辑,这些页面包括但不限于:开始页、游戏主界面、结算页、排行榜页、分享卡片等。


[转】微信小游戏设计指南_第1张图片
[转】微信小游戏设计指南_第2张图片

界面设计合理

在进行游戏界面设计时,页面结构和界面布局的好坏将会直接影响玩家的操作体验。我们基于小游戏用户数据进行了分析,大部分用户屏幕分辨率比例为 16:9,综合屏幕分辨率占有率和设计稿通用性的考虑,我们建议开发者选择 4.7 寸屏幕的 750x1334 作为设计稿基准值。


[转】微信小游戏设计指南_第3张图片

设备兼容性

游戏开发者应关注不同设备、不同操作系统的使用场景,采取兼容适配方案来保障玩家获得最佳体验。使用 750×1334 的基准值,并以此对其他设备尺寸进行兼容,对于特殊屏幕设备,如:全面屏、刘海屏、异形屏,可专门提供独立的兼容方案进行优化。


[转】微信小游戏设计指南_第4张图片

易操作

手机操作中绝大部分交互场景是由拇指完成的,开发者在界面设计和布局时,应优先考虑易操作性,让界面操作更人性化。


[转】微信小游戏设计指南_第5张图片

功能热区

结合拇指热区,我们可以将游戏界面划分为不同的功能区:主要功能区、次级功能区、辅助展示区、广告区等,开发者可根据不同组件的权重进行合理布局。


[转】微信小游戏设计指南_第6张图片

广告内容

常见的广告内容可放置于界面底部,开发者应选择合适的缩放比例,保障广告 Banner 展示效果的同时,也兼顾到玩家的体验。相关广告规范的细节请参看《小游戏广告应用规范及违规处罚》,兼容适配相关请参看《小游戏 Banner 广告流量量主指引》

主次分明

每个页面都应明确其目标,展示重点内容,减少无关的设计元素对玩家目标的干扰。我们以开始页和结算页为例:

开始页

开始页作为玩家打开的第一个页面,能否留住玩家显得尤为重要。明确玩家的首要目标是快速了解并进行游戏,建议使用直观明了的呈现形式。另外,对于有一定上手门槛的游戏玩法,可以提供适当的新手引导内容。


[转】微信小游戏设计指南_第7张图片

结算页

结算页负责承上启下,对上局游戏进行总结,展示相关结果内容,然后再引导玩家进行后续操作,如:“再玩一局”、“排行榜”等。


[转】微信小游戏设计指南_第8张图片

排行榜页

排行榜页旨在帮助玩家快速了解自己与其他玩家的排名情况。开发者应描述清楚排行榜的性质和维度,例如:好友排行榜、世界排行榜、周排行榜、特殊玩法排行榜等。对于玩家自己的分数建议单独展示,方便其查看。排行榜条目数量应有所控制,不建议使用分页等方式加载全部内容,以免影响阅读体验。


[转】微信小游戏设计指南_第9张图片

谨慎选择内容元素

每个界面承载的元素不宜过多,以免过于杂乱干扰玩家的选择,应有所取舍。

按钮元素

游戏中的按钮元素最为常见,如:按钮、图标、挂件等。应避免全部平铺展示,可根据玩家的特点做差异化的展示,有选择性的进行隐藏,层层递进。


[转】微信小游戏设计指南_第10张图片

分享卡片

开发者应正确使用分享卡片的能力,分享图片和文案应服务于游戏内容本身,帮助用户理解跳转后的情景,切勿做诱导分享之用,更多细节请参看《小游戏发布内容规范》。


[转】微信小游戏设计指南_第11张图片

个性鲜明

风格一致

除了以上各项原则,开发者设计游戏时应保持整体风格一致,如:元素尺寸、配色方案、UI 样式、交互体验等,逐渐形成一套自己特有的设计理念,应用于各个页面,给玩家带来更佳沉浸的游戏体验。

创意设计

每个小游戏都应有自己的品牌。我们建议开发者结合自身小游戏的特点,从核心玩法、美术表现、剧情设定、音乐音效和整体完成度等方面进行创意性设计,给玩家创造更多的记忆点和传播欲。对于创意小游戏,官方也给予了四项鼓励措施,详见《微信小游戏创意鼓励计划》。

你可能感兴趣的:([转】微信小游戏设计指南)