快好知 kuaihz

QQ空间的个性萌宠是如何“生动”地活起来?

QQ空间在去年推出了全新“萌宠”玩法,上线以来,获得了不少用户的喜爱,同时也收到了大量忠实用户们对想要养小鸡小猪等的心声。为了给用户带来更好的体验,项目设计组决定新推出一大波各异形态的萌宠,让萌萌的宠物融化用户们的心~本篇,我们将会介绍——萌宠们是如何“生动”的活起来!

萌宠动作设计&制作过程

第一步:草稿设计

围绕“、萌”“独特、性”“阶段变化”等、关键词进行必要动作的设计。

在草稿阶段,除了考虑宠物本身的物种、年龄段、性格设定外,还有一些其他的思考因素、。比如。设计师首先要掌握spine、动画的实现方式和效果展示,其次是了解动作的使用情况(如循环播放、播放一次、单个动作在多个场景引用等),最后还需针对动作对内存性能的占用情况而作修改。

第二步:动画素材设计

动作敲定后,接下来是要对每个宠物每个阶段的动作草稿进行美术素材补全。

第三步:SPINE、骨骼制作

良好的骨骼制作是萌宠“、活”、起来的必要条件,而好的骨骼制作的评判标准是:

结构合理性:如同人类有头颅骨、躯干骨、上肢骨、下肢骨这样的结构,为了让萌宠们动起来更加的自然生动,骨骼的设计必须符合宠物本身的自然构造同时根据动画作小修改。例如:幼年熊猫的四肢短小一些、蜗牛有一个单独的外壳骨架、猴子的尾巴由16根小骨骼组成……

运动性:在满足、草稿要求的需求基础上,同时要兼容后期新动作的增加,在能动范围内骨骼应尽可能的满足不同的姿势。这里同要对骨骼父子关系设置、蒙皮网格、权重分配有一个良好的设计。

统一性:为了让制作流程更专业化,我们对模型整体命名、图层建立规则、骨骼布置方式、网格点数量等制作过程进行了详细而严格的规范并且执行到了每一位制作者上面。以期能满足程序侧的统一调用和零成本让不同设计师修改。

第四步:动作动画制作

现在到了萌宠们能“、动”、起来的关键时刻啦!

因为动作草稿只给出了寥寥的一两帧以及动作描述,所以萌宠最终是否具有“生命”,都掌握在了制作者的手上。动作的节奏感、连贯性、动作效果等等,是直接可见的效果。但是,动作时长是否符合场景要求、素材数量和关键帧数量是否会影响卡顿、不同动作之间转切是否自然……则是设计师必须去思考和解决的难题。在整体的项目中,更要随时根据解决问题后的方案修改制作规范手册,以保证每个宠物都不会重复出错。

第五步:模型文件导出

到了萌宠诞生的最后一步,虽然看似简单。但是实际上,为了更好的解决内存占用、减少开发成本和后期运营维护等问题。设计师要和开发同学们根据项目的需要以及软件的支持进行沟通,输出模型、性能测试,这样反复进行优化,才能确定最优输出标准。

动画展示

小结

在新的萌宠体系中,18个萌宠都有独特的外形和性格,可爱、腹黑、高冷、呆傻…希望能带给用户萌翻的体验。我们在未来还会不断的优化设计,将更加贴心的空间萌宠呈现给大家。

感谢观看萌宠们的诞生,希望大家也能喜欢和多多支持。

相关阅读

上亿人使用的QQ空间萌宠形象,是怎么设计出来的?

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:生动  生动词条  起来  起来词条  个性  个性词条  如何  如何词条  空间  空间词条  
交互

 十步交互设计方法

梳理业务逻辑以及产品需求文档理清业务逻辑是交互设计的第一步,你必须得拥有非常清晰的逻辑思维,因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及...(展开)

交互

 运营设计师要知道的移动UI知识(...

文章以小明的故事为例,来给大家分享关于从平面设计岗位转到运营设计的小伙伴们,在设计初期会在移动端常出现的问题。小明的故事:小明是个平面设计师,后来换了公司去做了...(展开)