当前位置:首页 >教程首页 > 游戏设计 > 游戏UI设计师班 >游戏中的设置界面如何设计?

游戏中的设置界面如何设计?

发布时间:2020-12-28 09:54:54

作为一个交互设计师,游戏中的设置界面如何设计?在设计设置界面的时候需要注意一些什么?如何设计才能做到又符合逻辑又好用?

1.png

设置界面每个游戏都会有,如今设计师和玩家都对此见怪不怪了,那么作为一个交互设计师,在设计的时候到底需要注意一些什么?如何设计才能做到又符合逻辑又好用?

设置界面作为一个给玩家提供更改游戏内设定的界面,它应该以操作简单,分类清楚,及时反馈作为首要的目的,在这个界面内,功能是大于美术的。

现如今大部分游戏的设置界面入口分为两个:一是点击玩家头像。二是点击主界面右下角(RPG)或者右上角(FPS,MOBA)专门的icon,icon的样式大都用齿轮。点击以后根据通用规则来确定是弹弹窗还是弹界面。排版一般都是标题起一行,接着内容和控件另起一行。市面上控件的样式多种多样,不过说到底就是单选框,多选框,以及开关按钮三种。画质的设置一般会把结果的截图放上去,让玩家所见即所得,音效则会用滚动条。

2.webp.jpg

我们把市面上的大致情况分析了一下,那么面对如此多的选择,我们在设计的时候又该如何选择呢?不妨先来看看我对于用户的一个操作原型图,根据用户的需求,来做设计。

3.png

根据上图对玩家的需求分析,总的来说,我认为一个好的设置界面应该有这么几个优点:通俗易懂,尽量的减少玩家学习成本、在美术和功能中优先选择功能、逻辑统一,操作简单,分类清晰以及及时反馈。

总结:除去特殊情况,一个好的设置界面应该这样设计,入口最好保持在主界面的ICON点击触发,ICON最好是齿轮样式。如果内容比较少,页签作为标题以及够用,那么在内容区域就不需要标题了,直接内容加上控件。控件的样式最好保持在一到两种之内,并且显示逻辑要统一。每次操作都需要反馈,可以是音效也可以是系统文字提示。排版保持一种对齐方式。

●优先考虑阅读和操作的成本,根据内容多少来决定一行显示一条还是两条

●利用好格式塔原理,不同模块之间需要跟相同模块之间作区分,可以是填充色块,也可以是分割线或者拉大间距等等

●排版应该保持一种对齐方式,内容对齐,或者操作区对齐。

●控件显示逻辑保持统一,比如“灰色”表示未开启,那么所有控件都应该遵循

●两个控件之间需要拉开距离,至少保持30PX

●“开关”控件尽量能从颜色就区分出状态,关闭状态尽量别用灰色,容易误解成“未解锁”,建议参考IOS的“开关”控件

●设计主界面的时候,需要考虑到运营商的ICON位置以及登录渠道的ICON

●如果选用单复选框作为控件,那么控件尽量放在文字内容前面,增加亲密性

●音效需要给总开关,当前音效的数值,以及滚动条用来微调

●画质最好给图片显示而不要单纯的文字,尽量让玩家所见即所得

●每次修改设置都需要给反馈,可以是音效也可以是系统文字

来源:站酷

作者:小王的交互笔记

学员作品赏析
  • 2014期学员黄雨婷作品

    2014期学员黄雨婷作品

  • 2103期学员沈继龙作品

    2103期学员沈继龙作品

  • 2105期学员秦洋洋作品

    2105期学员秦洋洋作品

  • 2108期学员陆昶存作品

    2108期学员陆昶存作品

  • 2107期学员赵锦威作品

    2107期学员赵锦威作品

  • 2104期学员胡婷婷作品

    2104期学员胡婷婷作品

  • 2107期学员何亮作品

    2107期学员何亮作品

  • 2103期学员张子安作品

    2103期学员张子安作品

专业问题咨询

你担心的问题,火星帮你解答
  • 哪有角色原画师的线上培训班

    想要成为一名优秀的原画师一定要多方面来选择适合自己的培训机构。一般来说,原画师培训班分为线上网课与线下实体店两种,目前线上培训......

  • 游戏原画网络培训班有用吗

    有用,如果你想要更好的学习游戏原画,小编建议大家考虑专业的培训机构,比如说火星时代开设的游戏原画大师班,火星时代的课程实践加理......

  • 3d建模软件rhino培训班哪家好

    3d建模师是很有前景的职业。3d建模师的就业领域广,就业机会多,薪资很客观。3d建模师已成为很多人的理想职业。3d建模软件是3......

  • 用什么软件制作3d模型贴图

    3d模型贴图是3d模型制作中不可缺少的环节。如果你想学3d模型制作,你需要学习3d模型贴图技能。一些小伙伴想问用什么软件制作3......

  • pr基础视频调色技巧大全

    前一篇文章小编为大家讲解了ps调色技巧,今天我们来聊一聊pr调色的技巧,如果想要在剪辑行业里发展的同学可以多多关注火星时代官网......

  • 自学网ps教程新手入门

    很多photoshop新手都习惯在网上疯狂的看视频教程,掌握各种工具、滤镜等技巧。掌握一门技术最深层的背后往往是最基本的,所以......

×