
随着3D 角色成为一种趋势,QQ的厘米秀也从原来的2D升级为3D风格。为了设计出与众不同的3D 角色,同时又能体现QQ用户的品味,我们经过了大量的调研和测试。在本文中,我们将详细介绍厘米秀设计的整个过程。


在开始设计之前,我们对市场上各种类型的3D 角色风格进行了整体调查。虽然已经有各种各样的avatar风格,但我们专注10-20岁QQ主要用户的品味,设定了一个方向。大的方向被确定为略微夸张和有特色的样式,而不是成熟的过于逼真的,从而使年轻用户获得可爱而友好的感觉。

首先,角色的身体比例设定为1:4.5。我们进行了几项测试,目的是找出一种比例,让脸型略大一些,既不影响整体造型,又给人一种可爱的印象。为了使各种动作在小屏幕上清晰可见,手和脚被设计得很大,并且手臂和腿部被延长,以便可以应用各种姿势和动画。此外,男性和女性的关节厚度相同,所以不同的服装可以自由交换。


1. 漫画风格的脸
在设计对角色有重要影响的人脸上,项目早期我们做了许多实验。主要分为三大方向进行 :被认为是迪士尼角色的西方风格,体现亚洲特色的东方风格,日漫常见的漫画风格。
西方风格和已经非常流行的3D 角色 Zepeto很接近;参照了中国艺人和中国动画设计的东方风格缺乏新鲜感,似乎没有什么吸引力;最后的日漫风格给人可爱亲切之感,满足许多人的品味,同时也区别于其他3D角色的设计。

2. 可修改的结构
在基本的人脸设计中我们应用了Blend系统,使用户能够优化自己的avatar,该系统允许用户切换眼睛、鼻子、嘴巴、下巴线等形状。因为在系统上可以详细地调整形状,所以能够设计出各种类型的人脸。

3. 各式妆容风格
除了脸型,我们还根据用户的品味提供了眉毛、眼影、唇膏、腮红、纹身等各种选项与效果。用户可以在角色上选用一些大胆的妆容,呈现他们在现实生活中难以尝试的个性。根据用户的自定义,不同风格的角色将会被创建。

服装款式的设计以主题为基础,主题根据分析现有厘米秀用户的品味数据而确定。新的3D风格设计是经过重新诠释提出来的,不仅仅是将流行的2D风格转变而成。例如,如果主题是中世纪的斗士,我们会顺应潮流,以更现代的形式诠释他们,而非设计典型的服装。此外,还观察与系统其他服装兼容的可能性,避免过于复杂的形式,使其在系统中能以较小的尺寸实现。





角色设计完成后,必须进行优化以应用于系统。要应用于系统,必须调整多边形的数量。因此,有必要删除和简化不必要的部分。当角色被依次植入作为运动参考点的骨骼,以及决定运动范围的皮肤重量时,将拥有一个可以移动的基本结构。已经完成基本移动结构的角色可以应用于各种各样的动画之中。

角色的房间设计也使用了3D风格,这样用户可以使用物品来装饰。

设计好的角色和房间被应用于名为卡噗的个人APP和QQ之中。在卡噗,用户可以进行人脸和服装定制、房间装饰以及拍摄各种概念照片等。这些定制好的角色也适用于QQ,所以,
这是一个以厘米秀为概念,反映用户可以根据他们的喜好来装扮角色的视频。角色自由舞蹈的服装会随着流行音乐而改变表达了该项服务的特征。另外,通过在3D动画中添加适用舞蹈动作的2D效果, 显现卡噗品牌独有的卡通风格元素。

△ 点击查看视频
3D厘米秀是一个反映QQ愿意根据用户模式、喜好和新趋势来改变现有服务的项目。在创建新IP,进一步发展QQ品牌形象,使其更年轻,更时尚上,也有着同样的意义。厘米秀和卡噗将继续开发可满足用户口味的时尚与交互设计。

欢迎关注「腾讯ISUX」的公众号:


|