腾讯空间的卡在腾讯游戏界面面

来源：蜘蛛抓取(WebSpider) 时间：2018-05-26 15:48 标签： 腾讯游戏平台界面补丁
本周热门推荐：
本周上升最快：【腾讯GAD】以“吃鸡”手游为例，讲解游戏交互界面设计（一）
1. 需求整理
1.1 界面层级拆解
游戏界面不同于应用，同屏的元素特别多，我之前的文章里介绍到，可以用“分组”、“相关元素贴近”的方式，将繁多的元素整合，提高界面的可读性。
以上我们采用的是“平面”的组织方法，还有一种“立体”的组织方法，让我们安排和设计界面时更有条理，还不容易遗漏需求。
“吃鸡”手游界面，我们将其分成了以下层级，大家也可以按照喜好安排界面UI的分组：
序号名称说明1游戏层纯游戏画面，相当于在魔兽世界里面alt+Z2特效层附着在游戏画面上的特效，例如被自己击中提示、击敌伤害跳字（或是大出血效果）、加速效果（开车或跳伞时））、被毒、空投物品提示等。3HUB层玩家和游戏场景互动的提示，例如开门开车、队友的标记等。4操作UI层操作按钮等，最重要的一层，下文会详细说明5辅助提示层大部分都是文字，特点是不常驻（显示几秒后消失），例如文字TIPS、文字警告、击杀信息、新手提示等。6二级菜单层提供额外功能的弹出框，例如整理背包、整理武器、查看地图、拾取界面）7系统UI层非游戏部分的UI，覆盖在所有层级之上，例如断线提示、退出询问等。
排序是以“从底层到高层”的方式，例如第1层是放在最下面，其次是第2层，当层级之间的元素有重叠时，高层的元素遮挡低层的元素。
& 注意：这个层级关系可以作为程序的参考。不过有一些特别重要元素，例如被毒或是被攻击的效果、队友的标记，可以放置在操作UI层或是二级菜单层之上，根据游戏的需要可作特别安排。
层级拆解的意义：
为自己整理思路提供方便。后期加入新元素，可以比较容易地规避遮挡、重复等冲突。为程序员实际编码绘制图层提供参考。不容易漏需求，测试期间，方便复查。
1.2 规划操作UI层
整理好了纵向的层级，我们就可以开始平面的规划。
& 平面规划的主要工作集中在第4层——操作UI层上，目前市面几款“吃鸡”手游主要的界面区别在这一层上。但有一点可以确定，纵向的层级几乎都保持一样的设计，这也是由于同一个类型的游戏性质决定的。
这里，我就先以猪场的《终结者》为例，看看如何一步步地规划。
横屏手机操作的特点
显而易见，红色热区颜色，越深越容易点击，适合放置最重要的操作。根据这个原理，我们将需要放置的元素一个个地置入界面，从功能区域，然后再一步步细化。
放置主要功能区域
市面上大部分射击手游基本都采用了这个设计，这个习惯也是从游戏机手柄上沿袭而来的。
此外，屏幕的两个牛角（左上角和右上角）也是比较可以舒服点击的区域。但是，“牛角区”适合“快速响应”，不太适合“精细点击”，如果此处同时存在2个或2个以上不同触控区域的功能，就会造成一些麻烦，下文也会介绍到。
插入特殊功能区
除了移动和射击，但还有很多次级操作（例如：换弹药、调整身姿、狙击开镜等），作为重要的操作组成部分，要进入这两个区分“分一杯羹”。所以，我们为此特别划分了几个“特殊功能区”。另外，HP的显示从设计的角度来看，不应该在此处置入过多细小的功能按钮，但这两块地方是手机上唯一的可以进行快速且精细点击的区域，这也是一种折中和妥协。
到这一步，我们已经完成了界面上几乎所有可以点击区域的规划了，其他位置都不太适合加入需要手指点击的功能或按钮了。
和红色热区的重合度很高：
&如果一定要红色热区之外放置需要点击的按钮，玩家将不得不放弃双手持握的姿态，改成单手持握（一般是右手），用另外一只手的食指去点击那个该死的按钮。
操作UI层的几个状态
不同的场景下，显示的操作按钮也不同，有以下几个场景：
跳伞状态普通状态开镜状态驾驶状态
具体的细化在下文正式开始绘制原型图时介绍。
更多关于游戏交互界面设计访问：http://gad.qq.com/article/detail/37659?ADTAG=gad.tg.sh
责任编辑：
声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
专业游戏开发社区
服务广大游戏开发者，为开发者们解决游戏开发中的难题
今日搜狐热点腾讯设计团队QQ空间小游戏
工具与监控
上架PC的流程介绍
告知对接平台的运营负责人该游戏准备接入PC平台
开发商再玩吧后台配置PC端信息
按照先自测无误后，将自测结果发送邮件提交至平台侧审核验收
审核通过后发布到PC
外网验证PC及客户端各入口进入游戏及操作流程正常（我的游戏列表/QQ分享消息/空间feed/H5小游戏专区）
PC端使用手机扫一扫可切换至移动端登录游戏
双端互通不仅可以满足小游戏用户不同场景下的游戏需求，同时也可以增加游戏的曝光场景，有利于提升用户活跃度。开发者通过空间小游戏接入后台，配置相关参数。审核通过后，即可同时上架PC，实现双端互通。
API接口兼容：分享、支付、收藏到桌面等
用户的游戏列表展示同步：PC端我的游戏列表中包含打开过的H5互通游戏
分享QQ消息和空间动态支持双端互通登录
上架PC详细技术指引
一、玩吧管理端新增上架到PC配置项
配置入口：
二、填写上架到PC的相关信息
重要：需要开发商调整游戏UI，以适配PC界面，首期可以快速移植上线（后续再调整为横屏UI）
游戏详情：字数不超过100个字符
应用宽度：在PC空间的游戏界面宽度，推荐设置为1208，范围为700-1208
应用高度：在PC空间的游戏界面高度，推荐设置为750，范围为600-900
战斗方式：下拉选择，映射到PC空间游戏的战斗方式
游戏题材：下拉选择，映射到PC空间的游戏题材
应用图标：16*16，20k以内，png格式
游戏背景图：内页的背景图，暂无（后续迭代添加）
联调地址：可模拟外网环境，方便调试游戏开发者可以直接在下面的url上添加width和height的参数，调试应用宽高
1. 兼容PC侧分享
目前平台PC端只支持==mqq.ui.shareMessage==接口，不支持mqq.ui.setOnShareHandler接口,游戏在PC侧分享需要做兼容处理，直接调用mqq.ui.shareMessage(params,callback)即可。
注：红色圈住的字段暂时没有兼容，请开发商自行做兼容处理。
2. 兼容保存到桌面
移动端保存到手机桌面的功能，目前已经兼容保存到PC桌面
回调接口会尽快兼容，暂时请默认保存到桌面成功即可3. 登录态问题
安卓与PC共用1个登陆态，若用户在其中一个平台登陆，则另外一个平台需提示用户登陆态失效。 如下图所示：
4. 其他兼容
需要测试并兼容PC端的玩法内容，以及充值流程是否正常
目前PC端需要暂时屏蔽下载app的入口、设置空间背景的入口
需要在PC端屏蔽一切无法在PC端正常运行的入口和功能功能兼容详情请下载查看
三、平台审核并发布到PC
开发商接入完成提交配置后，先在测试环境中对照的要求完成自测
自测范围：登录、游戏运行、数据互通、支付、分享等各个功能模块操作正常
完成自测后，将自测报告发送邮件到规定收件人邮箱，通知平台进行审核验收
平台侧验收完成，上架PC并展示在互通游戏专区注：审核时间为周一至周五上班时间，节假日除外
四、互通H5游戏在PC端入口
举例，地址：
空间游戏中心-H5小游戏专区
空间游戏中心-我的应用列表
H5游戏分享到空间feed或QQ的消息
QQ游戏中心客户端-我的游戏列表
PC推广资源位（完善中）
支持空间搜索
空间运营位，后续迭代上线五、双端互通产品标准
游戏UI兼容：PC端推荐横屏UI，符合PC用户场景需求
功能兼容：PC端体验流畅，充值分享等功能皆可正常体验
双端引导：游戏内引导用户在双端进行登陆
推荐参考产品：QQ空间农场、捕了个鱼等
六、引导用户进行双端登陆
1.在移动端引导用户在PC端登录：
在游戏内发布公告/指引，引导用户可以在PC空间登陆游戏
引导用户分享游戏到QQ，在PC QQ接受分享的消息，点击即玩
每天在PC登陆游戏可以获得礼包奖励2.在PC中指引用户可切换在移动端登陆：
可以通过手机QQ扫一扫直接在手机玩，后续强化双端游戏概念
每天通过二维码在手机登陆游戏可以获得礼包奖励（可通过via参数H5.QZONE.PCQRCODE来识别用户是否通过扫描二维码登陆）怎么在手机QQ空间里添加小游戏?
互联网 & 发布时间： 11:04:49 & 作者：佚名 &
有时候喜欢在手机QQ空间里玩些小游戏,初次接触的朋友可能还不知道怎么进入小游戏吧,下面小编就为大家分享怎么在手机QQ空间里添加小游戏的方法，一起来看看吧
有时候喜欢在手机QQ空间里玩些小游戏，可是每次玩游戏都要去小游戏那里重新找，很麻烦有没有，要是可以直接在我的游戏那里点击就好了，其实是可以的。下面随小编一起看看怎么在手机QQ空间里添加小游戏的方法，下次就不用跑到小游戏那里找啦。
1）首先打开【手机QQ空间】，进入界面后点击右下角【玩吧】后在点击左上角【小游戏】，选择自己喜欢的游戏点击后面的【打开】。（如下图）
2）界面跳转后点击【授权并进入应用】，等玩完退出来后在【我的游戏】那里就可以看到了呢。（如下图）
以上就是怎么在手机QQ空间里添加小游戏的方法介绍，大家看明白了吗？希望对大家有所帮助！
大家感兴趣的内容
12345678910
最近更新的内容

我要回帖

更多关于 腾讯游戏平台界面补丁 的文章

 

随机推荐