搜索
    《剑与远征2：启程》绘本风游戏UI动效简析
    资源 › 知识库/文章/讯息 › 技术文章 › 元素文章 特效
    22791 8
    实名

    通过了实名认证的内容创造者
    Leo动效 + 关注 184
    发布于 2024-5-7 11:54:25

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

    x

    b972d2506713804c15f21509807a0f73.jpg
    《剑与远征：启程》是莉莉丝继《小冰冰传奇》、《剑与远征》之后的卡牌革新之作，也是《剑与远征》的续作。[micxp_wxonkey]wxv_3403519601928437766[/micxp_wxonkey]游戏和前作最大的区别就是美术，前作会更立体的刻画人物，尤其是人物边缘可以看到明显的线条，而《剑与远征2：启程》相反，在人物边缘用了同样的颜色，然后用同色的明暗来表现人物的立体感。
    58af0b37606fadd4965fd3bd42abd4f4.gif


    作为一款融合了美式、魔幻与极简的绘本风格游戏，除了角色美术的风格独特以外，在UI界面设计和动态效果方面展现了精湛的艺术处理技巧。



    游戏开发者在2D与3D视觉艺术之间找到了独特的平衡点，赋予了整个游戏界面一个丰富而动感的生命力。以下是对该游戏用户界面及动态效果的简要分析。



    《剑与远征启程》采用了极具装饰性的绘本风格，通过细节丰富、色彩鲜明的图案来增强视觉冲击力。

    这种风格不仅令人眼前一亮，还能有效地吸引玩家的注意力，并在无形中讲述了游戏背后的故事。

    角色设计和场景布局都带有浓厚的美式漫画感，同时融入魔幻元素，构建出一个宏大的游戏世界观。

    设计师在UI元素上巧妙地处理了2D插画与3D模型的结合。通过对光影和纹理的精心搭配，加以空间的动态变化，让平面插画在视觉上产生了立体感。



    在用户操作时，界面元素会随着透视和阴影的变化呈现出3D效果，为玩家提供了更为深入的沉浸感。



    游戏中的动态表现以波浪形态为主，利用流畅的曲线结构和波动图形来传达动态与生命力。







    UI中广泛使用了实体图形元素和拟物设计手法，给玩家以直观的操作反馈。

    这些元素通常使用硬边及几何外形，与周围环境形成对比，从而突出其功能性和可点击性。





    动态效果设计的核心在于波浪的动态表现，这一点在界面的每个部分都有所体现。



    当玩家进行相应的操作时，波浪般的动效会随之产生，映射出操作的影响力度和方向，加强了用户行为的反馈。

    在动态效果中，2D与3D的空间透视变化被用来指引玩家的视觉焦点。这种变换无论是在游戏内的地图切换还是角色升级画面中都被灵活运用，增加了视觉层次感。



    特效处理方面，游戏选择了手绘风格的元素，给玩家带来了一种原始且个性化的视觉体验。



    在贴图上的表现手段包括简约的四角星、实体化的光线线条，以及硬边溶解效果。

    这些都是游戏中特有的视觉语言，不仅增添了神秘感，还提高了视觉效果的独创性。[micxp_wxonkey]wxv_3403519036368486405[/micxp_wxonkey]总结：《剑与远征启程》的UI界面和动效设计是对美式、魔幻与极简绘本风融合的一次成功尝试。游戏通过将装饰性插画与3D视觉元素结合，运用波动图形和曲线结构，以及拟物化的UI元素，营造出一个动态且多层次的游戏体验。手绘特效和动态设计增强了玩家的沉浸感，使得《剑与远征启程》在众多游戏中脱颖而出，提供了一个既魔幻又现代的数字娱乐天地。



    本期分享就到这里，如果你想学习更丰富的UI动效设计，欢迎来了解我们的动效课程《Unity项目全流程动效班3期》,本期课程将于7月开课，详情请联系官方客服

    课程开课时间有所调整，具体以咨询为准由于剪辑的视频比较多，这里的参考只分享了一小部分，更多高清动效视频参考资料可以关注我们官网乐魔UI，或者想学习动效，也欢迎来到我们的官网，官网里有大厂大佬的动效课程，以及免费动效课，还等什么，快来加入我们吧！https://www.lemooui.com



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




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

    评分

    参与人数 9元素币 +52 活跃度 +30 展开 理由
    b888888 + 10 + 4 看上去好像还行
    Mr.铁匠 + 6 + 4 从业不识微元素，做遍项目不算数。
    auldark + 5 + 5 这是我能看的吗？
    elep_hant_... + 8 + 2 太秀了吧？
    盆子 + 5 + 5 【给力】阅贴无数，楼主最强！
    liudongdon... + 4 + 1 好帖子
    meiyihai + 8 + 2 就离谱
    you7910111... + 4 + 2 卷起来
    li19880217 + 2 + 5 真的强

    查看全部评分

    本帖被以下画板推荐:

    关注最流行，最专业的游戏界面动效知识，学习最新的职场技能，生动有趣的动效技术分享。
    使用道具 <
    mome  发表于 2024-5-7 16:40:28  
    2#
    路过，支持一下啦
    回复 收起回复
    使用道具
    超远道  发表于 2024-5-8 09:40:06  
    3#
    好酷！ 很细节
    回复 收起回复
    使用道具
    salking  发表于 2024-5-8 14:28:54  
    4#
    回复 收起回复
    使用道具
    salking  发表于 2024-5-8 14:29:04  
    5#
    回复 收起回复
    使用道具
    MJ漫步  发表于 2024-5-8 20:47:25  
    6#
    谢谢楼主分享！！！
    回复 收起回复
    使用道具
    y6552547  发表于 2024-5-17 09:05:11  
    8#
    绘本风游戏UI动
    回复 收起回复
    使用道具
    贰师弟  发表于 2024-6-4 21:15:34  
    9#
    本帖最后由 贰师弟 于 2024-6-4 21:18 编辑

    居然还有最后的原始人
    回复 收起回复
    使用道具
    高级模式
    B Color Image Link Quote Smilies
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    素材推荐
    提醒
    0
    快速回复 返回顶部 返回列表