UI动效创造游戏的世界观
3686 4
实名

通过了实名认证的内容创造者

发布于 2024-5-12 08:25:27

您需要 登录 才可以下载或查看,没有账号?注册

x
UI动效的设计在游戏中其实扮演着非常重要角色,动效设计不仅需要表达功能性,而且还需要给用户提供引导视线以及舒适的动画。而游戏的UI动效与应用程序APP不同,游戏不仅关注功能,更注重娱乐和世界观的创造。所以游戏UI动效设计本身也不是单纯的功能性动效。
a47a10ee2f0e27d888d6a59186a31ee2.gif
随着游戏产业的发展,UI设计在游戏中的角色发生了很大的变化。过去,UI界面仅仅是作为解释功能的辅助工具,动效基本是不存在的。而现在的UI不仅设计要匹配游戏风格,而且还需要通过UI动效来营造游戏的世界观。
e61c9efac58c86633c40a7e3b4e93f7e.png


早期游戏的UI与游戏世界基本属于分离的状态,它更像是一个控制器,而不是表达世界观的元素。

然而,现今的UI更多受游戏产业的改变,设计规则也发生了许多变化,以便让用户更深度地体验游戏世界。

而UI动效可以通过创建与UI设计相匹配的动画,不仅可以消除用户的不适感,并给予他们一种熟悉的感觉,还能与UI设计同步匹配合理的世界观。举例来说,对于基于书籍设计出来的UI,通过简单的淡出效果,并不会干扰游戏的操作,也不会影响世界观,而且用户也能够毫无不适地浏览信息和内容。

常规动画但是通过创建与UI相匹配的动画时,如翻页的动画,则可以创造出更自然的视觉体验,而不是像上图简单的显示或隐藏图标来进行转换。

与UI匹配的动画
诸如此类的参考,目前现有的很多游戏都有类似的设计手法。所以当UI动效作为世界观的一部分来设计时,画面更容易被想象。

就像用户知道卷轴像下图那样打开和移动,通过这种形式的打开,可以使用户更容易沉浸在游戏世界当中。





假如你的游戏世界风格像赛博朋克等特殊化的风格,UI本身的设计又相对简单,此类的界面可能很难从设计本身中想象出相应的动画效果。

那么只要我们能识别出不应该表达为动作的元素以及想要融入的元素,也就是所谓的风格化元素,你的动效在某种程度上就能更容易的去表达游戏世界观。

就算是无法想象的动画,也不能用动画规则来表现的内容。如果能有限制的梳理出准确的风格元素,那么在某种程度上来说还是很容易设计的。比起无限制设计,有限制的设计会更简单。









动画规则:星形、圆形、柔和度、减速运动、超调、自然法则运动...准确风格化元素:光线、监视器、数字、切割、笔触、方格、闪烁...像这样总结出游戏世界观的风格要点和元素再去进行世界观风格化设计就容易很多

所以在游戏整体设计中,UI动效不仅要关注功能性,还应该强调娱乐性和世界观。很多时候没有必要强行把动画放进去,因为我们不是在制作一个应用程序,我们制作的是一个游戏。

在动效设计中如果能够融入一些好玩且合理的风格化设计元素,这样动效的存在会更有意义,也会让用户更快的融入世界观,游戏也变得更具有代入感。



总结:UI动效在游戏中的设计不可忽视,它们能够创造出与世界观相匹配的游戏体验,追求用户想要了解的功能并提供舒适度。随着UI的发展,UI动效也在不断演变,成为塑造游戏世界观的重要元素之一。在游戏制作过程中,我们应该注重UI动效的设计,以打动用户的情感,并为他们创造一个引人入胜的游戏世界。如果你想学习UI动效设计,又或者想学习更多的动效知识,欢迎来了解我们的动效课程《Unity项目全流程动效班3期》

本期分享就到这里,我们官网平台还有更多高清动效视频参考资料,您可以关注我们官网乐魔UI,或者想学习动效,也欢迎来到我们的官网,官网里有大厂大佬的动效课程,以及各种免费动效课,还等什么,快来加入我们吧!https://www.lemooui.com





也欢迎您加入到我们的动效交流群




群里有多个大厂HR,提供更多的UI、动效、交互工作岗位我是Leo,快跟我一起了解游戏动效吧!

本帖被以下画板推荐:

关注最流行,最专业的游戏界面动效知识,学习最新的职场技能,生动有趣的动效技术分享。
使用道具 <
mewfly  发表于 2024-5-13 18:23:54  
2#
感谢楼主分享~
回复 收起回复
使用道具
MJ漫步  发表于 2024-5-15 00:25:04  
4#
感谢分享!
回复 收起回复
使用道具
啱买完菜翻来  发表于 2024-5-23 14:01:34  
5#
回复 收起回复
使用道具
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表