系统UI切换规则.docxVIP

UI切换规则

目录TOC\o1-5\h\z\oCurrentDocument版本更新记录1前言1

设计目的1

\oCurrentDocument如何达到设计目的1正文2

\oCurrentDocument界面分类规则2

\oCurrentDocument界面分类2

\oCurrentDocument分类规则2

\oCurrentDocument切换过渡规则2

\oCurrentDocument按钮2

界面3

\oCurrentDocument对白框5

\oCurrentDocument镜头切换5

等待图示6

生涯Loading61版本更新记录2前言

时间

作者

内容

2014-10-23

陈恒

创建文档

2.1设计目的规范ui层级的处理,贴合玩家操作习惯，形成统一认知；增强UI切换时的视觉冲击，提升代入感；22如何达到设计目的

统一ui层级、各层级操作之间的相互影响规则；各UI界面中增加切换过渡（动态）表现，呈现的更酷炫;3正文3.1界面分类规则

界面分类?游戏中的UI大致分为以下几级:

1级界面。通常为全屏，包括但不限于：

主界面、车库界面、武器界面、关卡界面、副驾驶界面、世界boss界面等。

2级界面。非全屏交互UI,主要为各系统界面中弹出的界面，包括但不限于以下：

1）VIP系统界面2）消息系统界面3）关卡信息界面4）关卡好友界面

5）侠盗猎车界面6）每日任务界面7）世界boss界面中：伤害排名界面、排行奖励界面，详细规则界面8）商城界面

3级界面。提示窗口类，包括弹出的通用提示、各1、2级界面中点击道具图标后的悬浮提示、剧情对话。包括但不限于：

1）金币不足通用提示、钻石不足通用提示、材料不足通用提示2）道具信息界面：

关卡掉落界面中显示的道具图标点击后出现领奖界面中显示的道具图标点击后出现3）剧情对话分类规则

高级界面永远在（氐级界面的上层显示；

注：新手指引出现的图标或遮罩层不在此列，默认为最上层的级别。

高级界面存在时，彳氐级界面上的按钮点击无效设计上，同个屏幕中不会同时出现2个以上的同级界面。

点击高级界面外的任何地方，关闭该高级界面，回到下层界面;即除了关闭按钮的另夕I种关闭方式；3.2切换过渡规则按钮?统一按钮的点击动效:（包括点按卡牌）

按下：略微变暗，同时放大至105%,时间0.2S左右。

松开：变回原来亮度，缩小至100%,时间0.2S左右。

界面

3.2.2.1基础规则统一所有的暗底效果：

暗底均为立即出现/消失，不要放大缩小出现。

所有二级界面：

放大出现90%-100%,0.3S左右。

关闭直接消失。

所有PS:

放大出现90%-100%,0.3S左右。关闭直接消失?所有选择：

使用加入底图框的效果。如图。

主界面

?进入动效：

三个玩法入口做大小变化进入：95%-105%-100%,时间0.3S左右。

其他UI直接出现。

邮件的提示小黄点：每3秒做一次放大缩小，100%-110%-100%,每次0.6S左右。注：所有的时间以实际效果简洁实用为准

车库司玩家名字六字W10f100/100。?1234567890?123456789。法极速

385生命

200

防御75狂野装甲进入动效：

防御

75

狂野装甲

左边属性区做大小变化进入：95%-105%-100%,时间0.6S左右。

其他UI直接出现。

车库、改装、氮气的属性进度条切换：

副驾驶界面?进入动效：右边的列表从下至上滑入至顶部,0.3S左右。属性进度条从左侧弹出，时间0.3S左右。

副驾驶界面

?进入动效：右边的列表从下至上滑入至顶部,0.3S左右。

武器界面武器界面

武器界面

武器界面

武器界面攻击购买?)100000,

武器界面

攻击

购买?)100000

,m玩家名字六字VIP10f100/100。?123456789育3#123456789。

J

激光：’向赛车正前方发射一束激光，激光的攻击力高i,且具有贯穿效果。

进入动效

武器从红色区向上滑出，0.3S左右。

赛车播放一次武器装载动画。

每次切换武器都播放一次赛车装载武器动画。

3.2.3对白框

对白仅适用剧情对白和新手引导所用的气泡框。

出现方式：

从头像处弹出，弹出时由窄变宽，持续0.15秒

头像在屏幕左侧，则从左至右弹出，反之亦然。

消失方式：渐变至透明+从大变小，持续0.15秒。

头像仅适用于剧情对白和新手引导所用的头像。

出现方式：

根据头像的位置，从屏幕边框弹出，持续0.15秒。

头像出现后位于屏幕左侧，则出现过程为从屏幕左侧弹出，反之亦然。

消失方式：

向距离最近的屏幕边缘移动，直至