火星网校
游戏中的设置界面如何设计？
作为一个交互设计师，游戏中的设置界面如何设计？在设计设置界面的时候需要注意一些什么？如何设计才能做到又符合逻辑又好用？
设置界面每个游戏都会有，如今设计师和玩家都对此见怪不怪了，那么作为一个交互设计师，在设计的时候到底需要注意一些什么？如何设计才能做到又符合逻辑又好用？
设置界面作为一个给玩家提供更改游戏内设定的界面，它应该以操作简单，分类清楚，及时反馈作为首要的目的，在这个界面内，功能是大于美术的。
现如今大部分游戏的设置界面入口分为两个：一是点击玩家头像。二是点击主界面右下角（RPG）或者右上角（FPS，MOBA）专门的icon，icon的样式大都用齿轮。点击以后根据通用规则来确定是弹弹窗还是弹界面。排版一般都是标题起一行，接着内容和控件另起一行。市面上控件的样式多种多样，不过说到底就是单选框，多选框，以及开关按钮三种。画质的设置一般会把结果的截图放上去，让玩家所见即所得，音效则会用滚动条。
我们把市面上的大致情况分析了一下，那么面对如此多的选择，我们在设计的时候又该如何选择呢？不妨先来看看我对于用户的一个操作原型图，根据用户的需求，来做设计。
根据上图对玩家的需求分析，总的来说，我认为一个好的设置界面应该有这么几个优点：通俗易懂，尽量的减少玩家学习成本、在美术和功能中优先选择功能、逻辑统一，操作简单，分类清晰以及及时反馈。
总结：除去特殊情况，一个好的设置界面应该这样设计，入口最好保持在主界面的ICON点击触发，ICON最好是齿轮样式。如果内容比较少，页签作为标题以及够用，那么在内容区域就不需要标题了，直接内容加上控件。控件的样式最好保持在一到两种之内，并且显示逻辑要统一。每次操作都需要反馈，可以是音效也可以是系统文字提示。排版保持一种对齐方式。
●优先考虑阅读和操作的成本，根据内容多少来决定一行显示一条还是两条
●利用好格式塔原理，不同模块之间需要跟相同模块之间作区分，可以是填充色块，也可以是分割线或者拉大间距等等
●排版应该保持一种对齐方式，内容对齐，或者操作区对齐。
●控件显示逻辑保持统一，比如“灰色”表示未开启，那么所有控件都应该遵循
●两个控件之间需要拉开距离，至少保持30PX
●“开关”控件尽量能从颜色就区分出状态，关闭状态尽量别用灰色，容易误解成“未解锁”，建议参考IOS的“开关”控件
●设计主界面的时候，需要考虑到运营商的ICON位置以及登录渠道的ICON
●如果选用单复选框作为控件，那么控件尽量放在文字内容前面，增加亲密性
●音效需要给总开关，当前音效的数值，以及滚动条用来微调
●画质最好给图片显示而不要单纯的文字，尽量让玩家所见即所得
●每次修改设置都需要给反馈，可以是音效也可以是系统文字
来源：站酷
作者：小王的交互笔记
上一篇 游戏中如何制作拟物化UI设计？
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
电脑已经是我们生活和工作离不开的工具了，不论是从事什么样的工作，不论是使用什么样的软件，都是需要运用互联网技术的。而想要掌握这......
-
在当下互联网时代，如果不会电脑，是很难找到好工作的，几乎很多岗位都是要基于电脑完成的。不过，不同的电脑培训，他们的课程是不一样......
-
电脑设计是现在艺术和电脑计算机相结合的产物，是设计中最为常见的设计方式，目前主要应用在平面设计、包装设计、产品设计、影视行业、......
-
影视作品是离不开影视制作的。影视制作包括调色、加画面效果，加文字效果，加特效等后期处理，而学习影视制作也是很有就业前景的，可以......
-
CAD就是目前全使用非常广泛的制图软件之一。在很多方面都会涉及到，比如说我们常见的工程上的应用，如建筑设计图纸，装修设计图纸，......
-
影视制作在影视行业是非常重要的，尤其是当下影视行业的发展，对影视制作人才的需求扩大。当然学习影视制作技术也是一个不错的选择，不......