找回密码
 注册帐号

扫一扫,访问微社区

综合新闻 通过动效学习UI设计!

2
回复
204
查看
[ 复制链接 ]
排名
1
昨日变化

6508

主题

7148

帖子

2万

积分

Rank: 16

UID
1
好友
30
蛮牛币
17859
威望
10
注册时间
2013-5-15
在线时间
4916 小时
最后登录
2021-4-16

一贫如洗游戏蛮牛QQ群会员活力之星

2021-3-3 10:49:56 显示全部楼层 阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

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

x
动效和UI的结合是未来游戏的发展趋势,UI设计也要过程也要注重动效的最终呈现,两者结合才能做出更好的效果

游戏行业越来越多的公司开始注重动效的设计,但动效的表现是建立在UI设计的基础之上,更多的时候动效是拿到UI设计才开始的设计,其实这个过程就已经很被动了,会受UI设计的局限而影响动效的发挥。

UI设计也需要通过动效来增强界面的交互感觉,UI设计和动效就需要有一定的磨合,动效如果能在前期介入到设计当中,那么最终的游戏中呈现的效果会更好。

我把多年的动效经验送给大家,希望能给UI设计师带来帮助

一、镜头方式的UI设计

界面中的镜头运用能提升游戏的沉浸感和品质感,甚至能够参与到叙事与指引功能之中。

微信截图_20210303104744.png

这种设计的表达方式必然是在同一个画面中以交互的方式存在,让界面切换更有明确的指向性

这种表现在某些游戏里可能是某一个系统,而非主界面

103806i6kg9tgbyz5zjvj5.jpg

我们需要这种思考意识,有了这个意识,就会在UI创作中多了新的设计思路

之后我们还需要在创作前积累更多的镜头素材,我想大家也看过各种科幻类的电影,从这些电影,音乐MV等小片中都可以找到很多的设计灵感

103806j0ozkb0808tfztnm.jpg

我们看到图中12345...都代表着一个功能入口,在切换的过程中产生了画面关联,这样的表达会让我们的交互更加清晰,容易理解

103806z30osobtds46k3tb.jpg

二、模型能给我们带来哪些灵感

3D模型,在界面中的运用也越来越普遍,它能将界面的空间层次提升到另外一个维度,增加我们的视觉感受,

空间层次将在后面讲到,大家可以看下边的图

103807wcvb4k8s8wrczriq.jpg

103807nfbyhe6b4iqzqpb6.jpg

103807gp8eo6s8y2k9p2pk.jpg

3D模型的融入可以提升UI的几个点

1:提升空间感

2:维度的增加,可以让UI动效立体感更强,丰富视觉

3:运用镜头增加带入感,提升界面交互体验

微信截图_20210303104807.png

三、空间维度如何运用设计

空间想象是由平面素材联想到3D空间展现的设计能力

103808u2fi0i084ikiwan2.jpg

当拓宽一个空间维度后,从动效的呈现效果上会得到明显的提升。

微信截图_20210303104817.png

微信截图_20210303104825.png

UI设计在设计初期能考虑到空间这个维度,带有入场式的思维去思考设计,那么设计的界面在最终实现上也就会更利于动效的发挥,和最终表现的呈现

微信截图_20210303104835.png

总结

一、镜头方式的UI设计

他存在的方式必然是在同一个画面中以交互的方式存在,让界面切换更有明      确的指向性这种表现在我们的游戏里可能是某一个系统,而非主界面、

二、模型能给我们带来哪些灵感

3D模型的融入可以提升空间感,维度的增加,可以让UI动效立体感更强,丰富视觉。运用镜头增加带入感,提升界面交互体验

三、空间维度如何运用设计

当界面拓宽到一个空间维度后,从界面到动效的呈现效果上会得到明显的提升。UI设计在设计初期能考虑到空间这个维度,带有入场式的思维去思考设计,那么设计的界面在最终实现上也就会更利于动效的发挥,和最终表现的呈现

来源:Leo动效
回复

使用道具 举报

7日久生情
3849/5000
排名
10705
昨日变化

0

主题

1674

帖子

3849

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
301976
好友
1
蛮牛币
3692
威望
0
注册时间
2018-10-31
在线时间
2077 小时
最后登录
2021-4-18
2021-3-3 11:36:48 显示全部楼层
三维立体,效果真的棒
回复 支持 反对

使用道具 举报

7日久生情
3748/5000
排名
4089
昨日变化

0

主题

2735

帖子

3748

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
254705
好友
1
蛮牛币
3186
威望
0
注册时间
2017-11-16
在线时间
651 小时
最后登录
2021-4-16
2021-3-3 16:38:12 显示全部楼层
6666666666666666666666666
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

关注游戏蛮牛公众号送vip