更美了!我在淘宝为你打造全新的虚拟人生

职场   科技   2024-05-09 16:51   浙江  

前言

人生,是一款置入在手机淘宝APP内的虚拟形象装扮互动小游戏,也是国内用户量最大的装扮类应用,其可爱鲜明的卡通视觉风格和丰富的互动玩法深得用户的喜爱。在去年的8月30日,我们又推出了人生系列的续集《淘宝人生II》,其全新的美术风格和社交互动玩法迅速吸引了不少忠实粉丝的热爱和投入。本篇文章将为大家介绍在《淘宝人生II》开发过程中的美术设计流程和思路。

项目背景与策略

为吸引和做强更多年轻用户的粘性,以“18-25”岁女性用户为核心群体,在手淘APP内重新打造一款全新的虚拟化身社交互动产品。业务的美术核心策略要求实现“像我比我好看”的虚拟化身,且为虚拟人提供海量时尚、有趣的装扮资产和互动设计。

▲ 业务核心定位

美术设计思路

装扮类游戏的美术开发流程涉及到许多详细的步骤,美术团队必须与其他开发部门紧密合作,才可以创作出既符合游戏设计又能吸引玩家的视觉艺术作品。

在理解业务核心策略后,对于美术来说,首先要做的事情是规划建立初步的美术设计标准和资产制作的管线规范,大致包含以下几个环节:

  • 美术风格调研与设定

  • 原画设计流程与规范

  • 界面与交互设计

  • 美术资产的制作链路

  • 测试和迭代优化

▲ 美术设计框架

风格预研设定

风格设定是一项复杂度不亚于资产制作实现的环节,作为淘宝人生I的延续,如何定义出即存在差异化,又吸引新用户喜欢的美术风格成为这个业务首要的任务目标。

首先美术要总结归纳出市场同类型产品所包含的风格和特点,根据业务目标选择初始的风格区间,然后要进行受众群体调研、应用场景设定、技术实现对焦、制作成本预算等多个环节的评估来聚焦至单一风格上,而且每个环节都可能要反复的修改/确认,最后还有可能因为渲染等问题作出一些调整。

▲ 图片来源于网络

在项目初期,为了与淘宝人生I拉开差异化,我们进行了多种风格的设计尝试,包含了卡通风格化,美卡,写实等方向。3D设计师快速搭建了多种风格的角色原型来进行捏脸、渲染等基础能力的测试,再结合业务消费联动、虚实映射等核心策略,最终确立了以“美型”和“写实”为主方向的美术风格。

多种风格的初始设定

细节调整-定稿

▲ 淘宝人生II风格预研

服饰资产的实现


01.设计流程与规范

作为一款装扮类应用,丰富多彩的服饰资产在设计中占有很大的比例,既要有日常类简约穿搭,也要包含华丽、复杂、多元的非日常服饰。

为此,我们基于所定义的美术风格基调,从目标人群审美偏好出发,对现实生活穿搭的前沿赛道、色彩搭配风向等关键性因素进行了归类总结,从版型、配色、材质以及复杂度这4个方面来洞察设计语言,寻找设计切入点。

版型:多风格品类

配色:前沿时尚流行色

材质:流行材质工艺

复杂度:多元/多包容性

▲ 部分图片素材来自网络

另外,我们接入了如今较流行的“Midjourney”和“StableDiffusion”两款AI工具来辅助2D原画的设计,不但可以提升与业务方达成共同想象的效率,对设计的完成效率也有较明显的提升。尤其是对于较繁琐的细节图案或材质,AI工具可以快速的进行迭代结合,对2D设计和3D制作均提供了很大的帮助。
▲ AIGC辅助设计

最后我们也结合了产品策略及运营节奏,从虚拟服饰价值、复杂度、装饰细节等层面制定了服饰设计的分级标准,以此来提升目标的对其效率,更精准的实现业务设想。

▲ 服饰分级标准

在服饰的设计中,我们不断的探索现实生活穿搭与个性风格化审美之间的平衡,期望所设计的内容都是受用户喜爱的,是时尚和精美的,是可以通过自己的虚拟角色产生良好情绪价值的。

▲ 部分淘宝人生II服饰设计

02.服装资产制作链路

在美术开发前期,我们就需要和产品、技术美术进行细致的沟通,制定一些例如模型顶点数、贴图尺寸、骨骼数量等常规的制作标准和规范。

除此以外,作为一款装扮类的产品,还需要制定质量标杆、防穿插方案、物理绑定方案、资产上架流程等规则来尽可能实现完整意义上的自由搭配,风格百变。

 女性服饰限制区间

淘宝人生II的服饰模型制作流程是采用现如今市面上普遍的“次时代PBR”流程来实现的,具体的工作流在业内也有很多文章介绍,我们在此基础上定义了一套完整的资产制作及交付链路。

 美术资产生产流程

在以上的框架确定以后,美术再推进实际的资产制作环节,这样才能高效且高品质的完成美术开发。

 部分女性服饰展示

互动体验设计


01.联合IP品牌传播

为了丰富淘宝人生II的互动内容,我们联合了秦岭大熊猫秦韵、奶龙、功夫熊猫等知名IP,共同打造了可爱又好玩的互动资产,用户可以通过活动获得包含这些IP的服饰资产,还可以体验云养大熊猫的乐趣。



 熊猫“秦韵”的哲学



▲ 奶龙IP传播-奶龙有喜系列

02.动画互动体验

为了加强社交互动的丰富性,在动画类资产的表现上,我们设计了个人状态、一起玩儿、拍照姿势、AI舞蹈拜年等丰富多彩的体验。

用户可以在社交广场分享个人的情绪状态,也可以与朋友一起互动玩耍;可以穿上喜欢的服饰在各种场景前拍照,也可以与朋友一起合拍。随着持续更新此类设计内容,可以不断的提升用户的社交体验和分享欲。

▲ 广场状态互动体验


 拍照互动体验

 AI拜年体验

总结

自《淘宝人生II》上线以来,我们收获了大量忠实用户的喜爱和认可,同样也收到了很多美术上的反馈和建议。我们一定会保持对最新视觉趋势的敏感度,不断探索目标用户群的品味喜好,对美术进行持续的迭代和改进,做出更多受用户喜爱的美术内容。


作者:画僧


//////END //////


淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。我们有小红书啦,关注「蟠淘会TAOBAO DESIGN」,看更多设计团队的生活日记!


淘宝设计
淘宝设计,一个服务于全球亿万消费者体验的设计团队。引领用户体验,让设计触动人心,让商业美而简单。
 最新文章