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

概要

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

流程清晰

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

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


界面设计合理

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


设备兼容性

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


易操作

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


功能热区

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


广告内容

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

主次分明

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

开始页

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


结算页

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


排行榜页

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


谨慎选择内容元素

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

按钮元素

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


分享卡片

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


个性鲜明

风格一致

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

创意设计

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,319评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,801评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,567评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,156评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,019评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,090评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,500评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,192评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,474评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,566评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,338评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,212评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,572评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,890评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,169评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,478评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,661评论 2 335

推荐阅读更多精彩内容

  • 笔者已经完成游戏充值篇、消费篇和活跃篇的套路设计总结(点击查看),本文是成就篇,作者尝试从用户心理角度分析游戏和非...
    天马的行空阅读 946评论 0 5
  • 《2018年区块链游戏产业白皮书》由ChinaJoy、DappReview、Cocos、INB硬币资本四方联合制作...
    笔名辉哥阅读 4,246评论 0 51
  • 《2018年区块链游戏产业白皮书》由ChinaJoy、DappReview、Cocos、INB硬币资本四方联合制作...
    小宝686阅读 1,358评论 0 2
  • 《了凡四训》这本书是明朝袁了凡先生所作的家训,以此来教戒他的儿子袁天启,认识命运的真相,明辨善恶的标准,改过迁善。...
    罗卜Rob阅读 191评论 0 0
  • 室内与环境艺术设计 环境艺术设计是一个新兴的设计学科,它所关注的是人类生活设施和空间设计。 环境...
    槑槑啊阅读 618评论 0 2