注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

网络新势力

关注互联网,研究互联网,学习互联网,参与互联网——做一个互联网人

 
 
 

日志

 
 
关于我

姓名:何直群 网名:腾龙 职业:网站策划、BS程序开发(ASP\PHP) 介绍: 网站程序员(ASP & PHP)、网站构架与策划人,长期关注互联网的发展。曾就职于通信世界网(非记者)、盛大网络北京分公司、互联网观察中心、宝利亚洲。现就职与265负责网站联盟产品相关工作。曾创办过新农在线(已停)、我摘(www.wozhai.com)等网站…… ---------- 腾龙博客好友请加: QQ群:3347162 MSN群:group137861@xiaoi.com -----------

网易考拉推荐

游戏界面设计的一致性原则  

2010-08-30 10:02:16|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

    近一两年都是在做社区游戏方面的工作,最近做一个项目,在UI界面方面遇到很多问题,周末想写一个东西,但是开了头过后,发现不合适,不是写的不合适,而是不合适在我想要些的东西中出现。所以,想将这部分开头的内容整理成博客发出来。

   i. 相关元素一致性

1. 相关元素是指表达相同的对象、属性、内容、含义的元素(图标、按钮、动画等,,下同)。

比如:充值币的图标、充值币充值的按钮、消费充值币的动画;

2. 相关元素一致性,是要求所有相关的元素,及其表达方式需要有一致的体验。

3. 考虑相关元素一致性需求的时候,需要考虑多重相关性的需求。

比如:消耗充值币的动画,既和充值币系列的元件有相关性,同时与消耗游戏币、消耗体力等消耗类的动画也有相关性。

ii. 相近元素一致性

1. 相近元素是指在同一个界面中,邻近的而且是同级的同类元素。

比如:同时在顶部出现的一排按钮。

2. 相近元素的大小、间隔、鼠标效果等都需要一致;

iii. 风格一致性

1. 风格是指交互界面元素所展示给使用者的直观感受。

比如:欧式风格、东方古典风格、卡通风格、金属风格等等;

2. 游戏界面的设计风格,需要与游戏本身的故事背景、故事内容有一定关系。比如:讲古罗马的游戏使用一个东方古典风格的UI必定会贻笑大方;

3. 风格一致性是要求整个游戏界面的所有元素的设计,必须遵守既定的设计风格。

4. 风格的要求甚至需要统一到边框的线条颜色/粗细、阴影的浓淡/大小、圆角的大小/弧度。

iv. 色彩一致性

1. 这里所说的色彩,主要是值界面设计中所用到的色系和色调;

2. 色彩的一致性规范,是指在界面中的元素的色彩都需要按照既定的色系和色调来设置,避免色彩偏差带来的界面粗陋和僵硬;

3. 界面色彩的选择,需要考虑与游戏内的元素和界面相关,但是不相同。避免玩家在实际操作中,视觉识别的混乱;

v. 操作一致性

1. 所有需要玩家选择、点击、鼠标滑过、拖放、输入的过程都叫做操作。

2. 操作一致性,包括所有操作相关元素的位置、大小、显示状态等。

3. 相同的状态需要有相同的现实风格,比如:不可点击的按钮,统一使用灰度显示;

4. 类似功能的按钮需要在大致相同的位置,比如:对话框的确定、取消按钮,统一靠右侧,但取消在左、确定在右(即使没有取消,确定按钮的位置任然不变);

相近元素的操作一致性需求,当相近元素在界面切换、功能、状态切换时,需要尊崇尽量保持位置一致性的原则,使得用户无论在任何界面实现需要的功能时,都不会点错。

  评论这张
 
相关小组: UED部落格
阅读(187)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017