制作有效的菜单

平面设计 设计原则 界面设计
2022-01-30 22:00:48

我正在为独立游戏制作菜单,但我对我的结果不太满意。菜单本身需要两个文本字段(一个输入您的用户名,另一个输入您的密码)和两个按钮。(“登录”和“注册”)我还需要一个用于显示积分的按钮和一个用于显示设置屏幕的按钮。

目前,标题位于屏幕顶部的中心。标题下方是一个包含用户名和密码字段的框。该框下方是“登录”和“注册”按钮。这就是问题所在,我不知道在哪里放置其他按钮。(信用和设置)我应该把它们放在右上角吗?或者我应该让它们更加突出?或者我应该完全重新安排当前的布局?

当前设计: 菜单截图

顺便说一句,当前(临时)主题有点偏离。它采用 web 2.0 风格,但 MMO 应该是冒险的,所以我想让背景提醒人们一张旧地图。在你的答案中加入这个主题想法将有很大帮助。

谢谢。

4个回答

我会创建一个不同的层次结构——一个用于登录,一个用于注册。您可能可以执行以下操作:

登录:
用户名
密码

需要登录?注册:(进入新页面)

用户登录后,您可以为他们提供一个启动页面,例如:

欢迎,你的名字在这里
设置按钮--积分按钮

这样,您一次只向他们提供一个选择 - 我有登录名(在这种情况下我可能应该登录)还是我必须注册(在这种情况下我会自动被带到一个地方我输入的唯一信息是所需的登录名和密码)。

如果你试图同时提供太多信息,你总是会以沮丧的用户告终(“每次我登录时,我不小心把登录信息放在错误的框中”或“注册太复杂 - 我会去玩宝石迷阵”)。

您应该设计您的界面,就好像它将由一个聋哑、视力受损的祖母使用,而这些祖母对 WIMP 约定没有固有的知识。精通计算机的用户仍然可以使用这种界面,但是过于复杂的界面会使经验不足的用户望而却步。

亚马逊页面就是一个很好的例子——他们会给你提供数百种选择,但是当需要提供你的登录名和密码时,他们会切换到一个非常简单的“把你的名字放在这里,把你的密码放在这里,如果你找不到你写密码的便利贴”页面。
另外,很抱歉这不是图形密集型的;我现在在 Photoshop / Illustrator 中有一个大项目,不想再创建另一个窗口。:-P

首先使用一些浅色舒缓眼睛的颜色,因为黑色和快速绿色不起作用...如果您给定,请从登录文本中删除任何效果。并使您的主要文本有点闪耀它有点沉闷..它在中心看起来不错。

希望你能得到一些好的结果:)

你提到游戏是MMO冒险?游戏的主题究竟是什么?老实说,我从中得到了一种科幻氛围。菜单很重。我建议把它调低,把重点放在需要强调的地方。我只是快速重新皮肤: 在此处输入图像描述

我认为,如果您有一个非静态背景(不会分散注意力),它将有助于营造一种深度感,并使您的东西更加突出。(因为时间关系,我只是让它来回走动)

我将登录按钮更多地与实际输入框组合在一起,并使寄存器看起来更加分离。一开始,是的,大多数人都需要注册。但是注册是一次性的。

另外,我把所有的绿色都去掉了,把它压缩成一个可以改变颜色的简单圆圈。我将字体更改为更具脚本性,以使其具有更旧世界的感觉。(同样,我不是 100% 确定你要做什么)

希望这能给你一些想法。我真的很喜欢草地捕手的想法,他有一些很棒的意见。

稍微偏离主题:作为一个额外有趣的事情,如果你使用旧纸张背景(如图所示),如果你想强调冒险方面,可能会出现一些微妙的虚线,就像有人在四处走动,也许它会导致像宝藏一样的“X”?只是觉得会很可爱。

我曾经不得不为 Ye Olde Worlde MMO 设计一个非常相似的东西,我想出了这个:

在此处输入图像描述

不是很好,但可能会把你推向正确的方向:)