Project1

标题: 大家来讨论一下菜单界面~ [打印本页]

作者: rpg-sheep 时间: 2015-2-8 22:11
标题: 大家来讨论一下菜单界面~
本帖最后由 rpg-sheep 于 2015-2-9 10:30 编辑

小优正在努力的制作《光之歌》这部游戏，目前处于脚本制作阶段，望各位大大指点一二：
如图是今天刚做好的物品界面：

左侧是物品栏，我用拼图格分开了。可以显示数值。
右上角是物品详细信息，包括各种使用效果以及介绍。
右下角是角色选择窗口，可以显示对该角色使用物品的效果，切换角色会变化。

那么我先抛砖引玉啦，望各位大神指点一二
目前我的观点，觉得有以下几个问题：但不确认大家的想法，因此拿来讨论：
1.左侧窗口太花了
2.右下角窗口太简单

希望大家能够支持小优，给小优提一些意见和建议，我们一起完成心中的梦想~

作者: ·雾逝者· 时间: 2015-2-8 22:35
{:2_270:}窗口太花确凿无疑
右下窗口的信息可以考虑精简，例如用图标代替文字，让玩家知道需要解除何种状态，而非哪种状态无需解除

作者: 喵呜喵5 时间: 2015-2-8 22:35
左侧窗口太花了

右边的窗口给文字设置两种颜色或者增加一些图标吧，全部都是白色找不到重点……

比如：

[黄色]解除状态[/黄色] ：【麻痹图标】[白色]麻痹状态（100%）[/白色]

作者: 永燃的狂炎 时间: 2015-2-8 22:39
3个窗口的样式都不一样，看了感觉有些像在菜市场卖的花裤子。

作者: guaneva 时间: 2015-2-8 23:48
感觉很新奇，觉得棒极了，但是是什么游戏啊，要配合游戏才知道搭不搭配。

作者: 三途亚梦 时间: 2015-2-9 00:25
削弱一下图片的饱和度，太多艳丽的颜色会伤害眼睛的。

另外左边拼图有技术力的话这么处理：
如果没有道具是一个空的拼图，每一格道具增加一个拼图块。
这样会显得更加精致，而且玩家也更容易看到道具在哪。

当然一定要把道具本身突出，背景拼图的颜色饱和度在道具图标之上让道具本身的存在感太弱了。

作者: DyingCat 时间: 2015-2-9 00:44
你自己知道的问题我就不点了，主要说右边。
一般来说有功能说明就够了，下面没必要详细介绍能解除什么样的功能，那部分版面是没必要的。
然后最下面的状态栏吧好像是，可以看看口袋妖怪的，口袋妖怪只会同时显示一个DEBUFF，如果你没有同时挂载多种DEBUFF的设定，那么下面那么复杂的BUFF栏也是多余的。
总之除了刺眼之外还有一个感觉就是太挤。

作者: chd114 时间: 2015-2-9 02:15
如果是益智类游戏的话这样的菜单没啥大问题

作者: 断电 时间: 2015-2-9 11:31
本帖最后由断电于 2015-2-9 11:37 编辑

http://www.gameui.cn/←给你推荐个网站，里面收录了很多游戏ui图片资源为学习者提供参考，教程也有。

考虑到萌系和使用像素风格图标这两个关键点，我粗略翻了一下推荐你模仿这个风格：

结构并不复杂，只需在绘制边框及装饰元素时使用像素就能很好的迎合像素风格的游戏。
来简单分析一下这张图片的话，其实不是特别出众的ui设计，但也算中规中矩，列一下点：

1.棕褐色的背景搭配金属色的边框：棕褐色常让人联想到木材和家具，金属和木材作为常见的硬质材料，作为背景板能很直接地让玩家明白“哦这是个板子”不需要再转弯。这里有些细节希望你能注意到，一是金属框上的反光，二是框与板间那个细细的深褐色阴影，两者结合很好地暗示了“板子镶嵌在金属框里”一些小细节可以让材质表现事半功倍。

2.两处魔法阵和发光效果：（我先吐个槽，卧槽这魔法阵我没看错的话应该是百变小樱里的吧）明示了游戏的魔幻题材背景，蓝紫色与褐色是对比关系（棕色是低饱和度的橘黄色，而橘黄色和蓝色在色彩圆环上是近乎对称的关系）

3.左上角粉色的波利（扶额……）和右上角的红色叉：这两个元素的饱和度比较高，起到装饰效果，由因为面积小不至于喧宾夺主，相当于红花（绿叶就是背景板啦）。起到平衡画面的效果。

4.最主要的内容部分，装备列表：每件装备为一项，其中又将图标单独分出一个暗色的小框。这个暗色的小框很多UI里都有，因为它很好用。暗色在视觉上给人下沉感（一个洞）暗示着“装备槽”同时提升立体感。暗色又能很好地衬托亮度和饱和度普遍偏高的图标。这个示例里面，运用暗色提升立体感的效果其实不很明显。

最后还是建议你多看看别人的东西，先凭直觉感受一下什么样好什么样不好，再去分析，这样就能把别人的东西变成自己的（当然不是叫你照搬啊喂！(#`O′) ）

----------------------------------------------------------------------------补充

再看了看你贴出来的这几张图，觉得有些事情一定要再强调一下，色彩不是随便用的。因为我也没专业学过就不误人子弟了，色彩理论百度一下遍地都是，自己捡捡吧(ฅ´ω`ฅ)

作者: 我玩挖掘机 时间: 2015-2-9 14:27
乍一看左侧花花绿绿都是道具，用这样的背景道具图标就换黑白的比较好找吧（应该。。。

作者: RaidenInfinity 时间: 2015-2-9 15:38
畫面美得不忍直視

敢再華麗一點嗎？

作者: rpg-sheep 时间: 2015-2-9 20:05

三途亚梦发表于 2015-2-9 00:25
削弱一下图片的饱和度，太多艳丽的颜色会伤害眼睛的。

另外左边拼图有技术力的话这么处理：

为喵我觉得第一个好看。。

作者: 芯☆淡茹水 时间: 2015-2-9 21:53
物品方格太花哨，玩家辨认每个物品要多耗时 0.1 秒。看久了眼睛累。

作者: 歌莉·萌露 时间: 2015-2-9 23:11
左侧地方太过花里花哨了啊容易看花眼睛

欢迎光临 Project1 (https://rpg.blue/)