《我的世界》高校开发者夏令营注意的3大规划和注意事项

《我的世界》高校开发者夏令营注意的3大规划和注意事项

制作ui游戏界面的图标方法_游戏ui界面制作尺寸_ui手机界面图标设计

《我的世界》高中开发者夏令营火热进行中!

为了让大家能够更加系统的学习,除了课堂知识制作ui游戏界面的图标方法,每周三,学院大师们还会联合派出菌类,为大家送上额外的干货。 本期为第2期。

最近有开发者问:

“我怎样才能制作我的模组

为玩家提供更好的用户体验怎么样? “

悄悄告诉大家

秘密是——

设计出色的用户界面!

话不多说,一起来看看效果如何吧~

ui手机界面图标设计_游戏ui界面制作尺寸_制作ui游戏界面的图标方法

用户界面设计,又称UI设计,是对软件的人机交互、操作逻辑、界面美观的整体设计。 UI设计不仅仅需要搞艺术绘画,还需要定位软件用户、使用环境和使用方式; 就工作内容而言游戏开发素材,一般分为平面设计、交互设计和用户测试三大类。

制作ui游戏界面的图标方法_游戏ui界面制作尺寸_ui手机界面图标设计

简单的说,UI设计就是不断设计视觉效果让用户满意的过程! 在MC中,UI界面的美观和趣味性可以让玩家有身临其境的体验~╭(′▽`)╭

游戏ui界面制作尺寸_ui手机界面图标设计_制作ui游戏界面的图标方法

了解基本概念后

让我们来看看最常见的

我的世界UI界面设计软件!

MCStudio 界面编辑器

是一款专为我的世界中文版开发的便捷开发软件,专为游戏中的UI设计。 MCStudio不仅包括UI界面设计,还包括直接导入MC后在游戏中的预览测试等,可以在真机上进行很好的测试和修改。

游戏ui界面制作尺寸_制作ui游戏界面的图标方法_ui手机界面图标设计

总的来说,非常适合新手使用! (〃'▽'〃)

Photoshop

简称PS,常用于各种专业设计软件中,对UI界面的平面纹理设计有很大的帮助。

制作ui游戏界面的图标方法_ui手机界面图标设计_游戏ui界面制作尺寸

但是PS只能作为贴图辅助,不能直接做UI软件..(。•ˇ‸ˇ•。)...

制作ui游戏界面的图标方法_游戏ui界面制作尺寸_ui手机界面图标设计

接下来我们来看看

UI设计应注意

3大计划及注意事项~

1.设计必须一致

在实际的UI设计过程中,需要对人机交互有一定的了解。 因此,我们需要关注玩家体验。 在界面设计的时候,要简单直观,让玩家在接触到玩法后,一眼就能看懂界面上对应的功能。

制作ui游戏界面的图标方法_游戏ui界面制作尺寸_ui手机界面图标设计

操作越简单明了越好~(๑╹◡╹)ノ"""

2.设计精度

在设计界面时,尽量使用一致的标记、颜色等。

ui手机界面图标设计_游戏ui界面制作尺寸_制作ui游戏界面的图标方法

并注意弄清楚显示信息的含义~(o´ω`o)و

3、设计布局合理化

合理的布局会给玩家带来方便。 玩家在玩游戏或浏览页面时,基本上都遵循自上而下、从左到右的习惯。 因此,我们在设计界面时,一定要避免功能键的排列过多。 分散,导致玩家的鼠标或虚拟摇杆移动过远过长。

还有,多做“减法”操作,把不常用的按钮功能区隐藏起来,保持界面简洁~(*╹▽╹*)

学习笔记

这种排版距离太远,容易分散视觉焦点,让人头晕目眩。

ui手机界面图标设计_制作ui游戏界面的图标方法_游戏ui界面制作尺寸

这样按照人体的习惯进行排版,在视觉上可以达到很好的交互效果。

游戏ui界面制作尺寸_ui手机界面图标设计_制作ui游戏界面的图标方法

所以,游戏UI界面设计真的需要认真的思考和构思~(⁎˃ᴗ˂⁎)

ui手机界面图标设计_制作ui游戏界面的图标方法_游戏ui界面制作尺寸

了解 UI 的基础知识

快来做吧~

图标制造商

首先我们需要在MCStudio中打开界面模板。

ui手机界面图标设计_游戏ui界面制作尺寸_制作ui游戏界面的图标方法

将绘制好的贴图导入界面编辑器的资源管理界面。

ui手机界面图标设计_游戏ui界面制作尺寸_制作ui游戏界面的图标方法

接下来我们需要创建一个新的背景图像作为面板的底部。

游戏ui界面制作尺寸_制作ui游戏界面的图标方法_ui手机界面图标设计

注意一定要先选中上层图层再点击添加图片!

我们现在有一个没有图像的图像层。

制作ui游戏界面的图标方法_游戏ui界面制作尺寸_ui手机界面图标设计

然后直接把导入的图标贴图拖到图片层替换就可以了!

ui手机界面图标设计_制作ui游戏界面的图标方法_游戏ui界面制作尺寸

这样在游戏中就可以直接看到图标的效果了,是不是很厉害呢?

这也说明icon做出来之后,一定要多做测试,从尺寸上进行标准化,这样后期修改的次数会大大减少,从而提高效率~╭(′▽`)╭

字体制作

字体设计

也是平面设计中绕不开的话题

因为好的UI,平面设计师

必须掌握如何进行合理的字体设计

或者在不同的地方

设计满足您需求的不同字体

制作ui游戏界面的图标方法_ui手机界面图标设计_游戏ui界面制作尺寸

这种字体设计的思路在游戏中也是一样的。 这是一套大致可以理解的思路~

学习笔记

文本设计是有框架规范但设计自由的部分。 它与ICON有着相似的设计思路。 大家要牢记,天马行空的设计构思,一定要有一个基本规范的框架。 在基本规范下进行设计,给人的感觉是乱而不乱。

1、标题文字的排版

如果你排版设计的文字对用户和玩家的吸引力不够大,或者看字体设计累了没精神看,那你就需要观察文字和玩家之间的排版是否有问题段落之间是否有太多空间。 跳。

游戏ui界面制作尺寸_制作ui游戏界面的图标方法_ui手机界面图标设计

一般来说,你的眼睛会先看到标题,然后自然而然地回到左边开始阅读~

2.文字中断

正文的章节设计有一定的两个方面。 如果用得好,更能体现硬朗和线条感。 如果用不好,就是崩溃的失败。 只有合适的字体和合适的裂变效果,才能达到合适的视觉体验。

游戏ui界面制作尺寸_ui手机界面图标设计_制作ui游戏界面的图标方法

3.图形化

有时候过度的图形设计会降低文字本身的辨识度,但是适当的图形设计会大大提高整体的辨识度。

ui手机界面图标设计_游戏ui界面制作尺寸_制作ui游戏界面的图标方法

合理的图形和整合是最难的,需要开发者多多尝试才能把握好度~(σ′•ω•´)σ

由于游戏中的文字承载了很多功能,我们不仅要考虑玩家在玩游戏时能否看清文字,还要考虑这些图标的用途和这些按钮的实用性,也就是说游戏开发素材,在游戏中,我们需要充分考虑文字的可读性~

参照以上概念,我们来对游戏中的文字效果做一个简单的排版。

游戏ui界面制作尺寸_ui手机界面图标设计_制作ui游戏界面的图标方法

在文字排版中,我们可以看到大小合适的logo文字只是整个菜单的主体部分。

游戏ui界面制作尺寸_ui手机界面图标设计_制作ui游戏界面的图标方法

所有的匹配信息都放在中间部分,同时给出了一个统一的段设计。

制作ui游戏界面的图标方法_游戏ui界面制作尺寸_ui手机界面图标设计

然后我们看到最后一部分,下意识的从左往右看,直接看到商品店铺。

制作ui游戏界面的图标方法_游戏ui界面制作尺寸_ui手机界面图标设计

在所有的字体设计中,只有logo是单独排版的制作ui游戏界面的图标方法,其余的都是简洁统一的,让玩家不会有乱七八糟的视觉体验~

UI界面制作

了解图标和文字的基本规范和应用后

我们要开始学习今天的重点了——

界面布局设计

UI界面是整体布局的重中之重,与玩家的实际游戏时间密切相关。

游戏ui界面制作尺寸_ui手机界面图标设计_制作ui游戏界面的图标方法

所以,在制作UI界面的时候,一定要和制作素材包一样,先定型,再定色调。 (确定之后再开始画就不会大范围选错颜色了。)

游戏ui界面制作尺寸_ui手机界面图标设计_制作ui游戏界面的图标方法

UI界面的排版规范,我们也可以参考字体的排版方法~

首先,不要跳排版。

比如一般情况下,建议将输入框和发送框放在比较近的距离,因为如果输入框和发送按钮距离太远,会有很不人性化的交互感。

制作ui游戏界面的图标方法_ui手机界面图标设计_游戏ui界面制作尺寸

在MCStudio中设置按键按下前后的效果。

这将提供更逼真的点击感觉。

制作ui游戏界面的图标方法_ui手机界面图标设计_游戏ui界面制作尺寸

因此,一个合理的UI界面需要结合图标文字和物理交互来完成。

学习笔记

以这款药水的合成表为例,为大家讲解如何完成一个合理的UI界面。

ui手机界面图标设计_制作ui游戏界面的图标方法_游戏ui界面制作尺寸

优化了原版的不足,合理化了药水界面的设计:可以清晰的看到放置药水和输出的材料位置。

ui手机界面图标设计_游戏ui界面制作尺寸_制作ui游戏界面的图标方法

通过它的主题,也能让大家明白游戏是科幻的界面设计。

ui手机界面图标设计_制作ui游戏界面的图标方法_游戏ui界面制作尺寸

同时摒弃了原来的划分,改为条纹的文字行排列。 本次设计简洁明了,主次关系分明。

游戏ui界面制作尺寸_制作ui游戏界面的图标方法_ui手机界面图标设计

通过上面的学习,我们可以看出一个好的UI界面需要好的创意和布局。 只要我们多练习,多了解,一定可以布置出属于自己的UI界面~٩(๑>◡