GameUX游戏用户体验大会前瞻论坛－高效绘制游戏交互原型的方法_马骁菁

《GameUX游戏用户体验大会前瞻论坛－高效绘制游戏交互原型的方法_马骁菁》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、主办单位：大会官网：http://ixdc.org/2014/GameUX/扫一扫，立即报名微信号：ixdcorg高效绘制游戏交互原型的方法自我介绍马骁菁Maxjma来自腾讯互娱QQ游戏•游戏高级交互设计师•游戏体验设计专家组成员•腾讯交互设计课程讲师自我介绍30多款游戏的交互设计QQ游戏交互设计规范制定其他课程开发•《界面设计中的认知与逻辑》•《游戏交互设计的独到之处》•《游戏体验设计基础》•《交互设计与产品研发》交互设计的一般步骤需求分析用户分析场景分析流程规划界面规划绘制主框架绘制主要界面绘制交互细节撰写说明及补充细节目录•绘制原型前的准备工作•游戏场景/主框架的绘制方法•

2、功能场景的绘制方法•细节的绘制方法•界面与界面间关系的表达•绘制原型的要点绘制原型前的准备工作设计主任务流程，规划任务之间的关联方式选择玩法获取欢乐豆查看帮助普通玩法挑战赛推荐其他游戏设置新手场8倍场50倍场准备界面(只有我)获取欢乐豆开始聊天撮合界面查看任务中断游戏我开始后游戏中有人离场设置我主动换桌大家都开始或超时被踢结束界面(3个人)高倍场推荐绘制原型前的准备工作规划所有主要界面及之间的关系，规划各界面上需要的内容、功能、动态事件绘制原型前的准备工作规划所有主要界面及之间的关系，规划各界面上需要的内容、功能、动态事件绘制原型前的准备工作确认各场景界面的目标与重点绘制原型前的

3、准备工作咨询视觉设计师关于情景化设计的方向游戏布局的分类游戏场景的布局功能场景的布局细节的布局游戏布局的分类游戏场景的布局功能场景的布局常见布局结构专业相对复杂重度游戏追求效率相对高端布局简单轻度游戏分栏少手机游戏控件大效率相对次要在九宫格布局的基础上，移动、去掉、缩短线条目录•绘制原型前的准备工作•游戏场景/主框架的绘制方法•功能场景的绘制方法•细节的绘制方法•界面与界面间关系的表达•绘制原型的要点游戏场景/主框架的绘制方法根据游戏核心玩法既定样式布局游戏场景/主框架的绘制方法根据必须直接展示的内容数量布局游戏场景/主框架的绘制方法复杂的游戏多采用环绕式布局游戏场景/主框架的绘

4、制方法游戏场景布局的一般步骤：1.确认游戏核心玩法内容及其形式——按玩法设计或按模拟现实布局2.确认必须要放在某处的元素及其形式设计目标——按照规范和行业规则布局促成“玩”游戏3.确认重要的元素的位置——按照重要程度和需要频率布局结构清晰4.合理的见缝插针，补齐剩余元素——合理权衡、补齐元素确认核心玩法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素按玩法样式布局确认核心玩法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素模拟现实场景布局确认核心玩法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素按照设备或平台规范放置软件层级通用内容确认核心玩

5、法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素按照对应游戏通用设计方式放置确认核心玩法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素眼动手动重要信息低频操作重高要重要+高频查看重要+高频操作频信操息作高频查看高频操作紧急+高频：1步操作、顺手、突出紧急+低频：1~2步操作、在易于点击的位置不紧急+高频：1步操作、顺手不紧急+低频：2~3步操作、不醒目、边角、收起，甚至不放在当前界面设计要点：频繁眼动时，向下看优于向上；费兹定律；无形的手确认核心玩法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素高频操作集中在中间和下方，即时变化的信息最好

6、跟随当前视觉焦点确认核心玩法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素高频操作集中在中间和下方，即时变化的信息最好跟随当前视觉焦点确认核心玩法样式遵循规范和常规按重要程度和需要频率放置合理权衡、补齐元素目录•绘制原型前的准备工作•游戏场景/主框架的绘制方法•功能场景的绘制方法•细节的绘制方法•界面与界面间关系的表达•绘制原型的要点功能场景的绘制方法功能场景布局的一般步骤：设计目标1.引导目标2.呈现结构层级营造情景3.表达使用流程实现功能引导目标呈现结构层级表达使用流程利用对比设计呈现界面目标ABABAB动/静(最强)色彩大/小(一定范围内)ABABAB附属装饰

7、明暗(相对背景)厚度(质感)引导目标呈现结构层级表达使用流程利用对比设计呈现界面目标对比要明显，否则就不要做区分；不要过度使用，规律应尽量简单、少量引导目标呈现结构层级表达使用流程利用布局样式呈现界面目标BBBABABAABBBBBB主干形式环绕形式装饰物置于界面中心引导目标呈现结构层级表达使用流程利用布局样式呈现界面目标主干形式环绕形式引导目标呈现结构层级表达使用流程利用布局样式呈现界面目标装饰物衬托置于界面中心引导目标呈现结构层级表达使用流程利用箭头指向呈现界面目标引导目标呈