分享此网站可得100G教程,联系小洁领取点击这里给我发消息

游戏UI之外发光色彩讲解教程

游戏UI 学UI设计 761次浏览 0个评论 扫描二维码

红橙黄绿青蓝紫的外发光到底是什么颜色?实例图如下
游戏UI之外发光色彩讲解教程
游戏UI之外发光色彩讲解教程
游戏UI之外发光色彩讲解教程

知道了外发光对我们做游戏UI有什么帮助?我们来做一些实验看看~
游戏UI之外发光色彩讲解教程

利用好这些外发光原理可以做什么?外发光的深层次运用!
游戏UI之外发光色彩讲解教程

游戏UI界面层次感设计

8.1.色彩对界面的层次感设计

我们用紫色调子的BG图为背景,蓝色的做底板,偏青蓝色做按钮,是不是符合青蓝色按钮外发光的感觉?

用红色偏暗的调子作为BG图,偏橙色做底板,按钮偏黄色,是不是看起来一下子就有视觉引导了?
游戏UI之外发光色彩讲解教程
游戏UI之外发光色彩讲解教程

这就是色彩的基本运用,利用好外发光就可以做出这样的界面层次感,多多思考你可以举一反三在整个界面设计的过程中灵活运用!

字体对界面的层次感设计

可以发现图1的字体没有层次关系,整个界面所有东西都是凸出来,浮起来,迎面而来的感觉是不是?

在内容界面能不加描边投影的字体就尽量少加,我们可以通过字体的大小粗细还有色彩去区分主次不就好了吗?
游戏UI之外发光色彩讲解教程

整理信息之后的优化字体效果图如下,这样的界面是不是标题,角色和按钮都凸显出来了?视觉引导就做到了我们需要主动给予玩家知晓的信息,然后内容字体尽量让它退下去,用之前说的区分方法去区分不就和整个界面形成了对比关系吗?主次层次关系也凸显出来了不是吗?
游戏UI之外发光色彩讲解教程

游戏UI界面空间感设计

上面一节已经讲了利用色彩来制作界面的层次感的设计,那只是其中一种方法,更多方法可以自行摸索。基本上来说已经够用。但界面的空间感又是什么?

说到空间感那就要灵活运用好现有的项目场景设计,原画也好,3D截图也好,自己制作的简易空间场景设计也好都无所谓。我这里就简单的举一下例子就好。

1、先做一个有空间感的场景背景素材作为最底层的自带空间感的设计,不要在意图素的处理,最终静帧效果图是看不出来穿帮的,如果是正式项目设计,也会有专门的场景原画设计师来设计这样的背景图就会避免我做个人练习时候带来的不和谐感了不是吗?~
游戏UI之外发光色彩讲解教程
游戏UI之外发光色彩讲解教程
游戏UI之外发光色彩讲解教程

这样的设计就让我们在方寸之间就拉出了空间感不是吗?结合适合该游戏的UE就可以让整个界面灵动起来,这样的空间感设计就会给人带来震撼的视觉效果!

 


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!