Date 2026-01-04 22:20:24
FaceTeam 是 58 品牌人物角色系统。通过定义统一的风格 58 各业务线属性的角色形象,并应用于日常视觉设计,加强 58 建立与用户的联系,同时提高品牌意识,提高视觉统一性,传递公司信息。
此前 58 已经发布了 FaceTeam 插图人物系统并存 58 广泛应用于各业务线的日常设计中。

我们制定了今年的建立 FaceTeam 3D 角色系统的目标。我们希望建立一套 58 特色明显的 3D 角色系统。并通过 3D 集成人物组件的方式,减少 3D 角色素材的使用门槛,让角色素材的使用门槛,让角色素材的使用门槛 58UXD 设计者更容易使用 3D 人物进行视觉创作,达到提高视觉质量、提高工作效率的目的。

1. 趋势
随着 3D 流行的风格,广泛应用于视觉设计,3D 元素已成为日常视觉设计中不可缺少的元素。
2. 统一
58 同城是一个大量的分类信息服务平台,包括房地产、招聘、二手车、团购、黄页等多条业务线,打造一套 58 特色明显的 3D 角色系统作为平台一致性的标准,应用于各业务线,保证视觉输出的相关性和稳定性。
3. 效率
减少视觉过程中的重复性工作,有效的组件化方法,提高设计效率和生产能力。
作为 58 的 3D 人物角色系统需要满足各种需求。首先,它需要兼容性,可以应用于 58 任何业务线都没有不和谐感。其次,它需要扩展,以满足巨大业务系统的需求。建立一个企业角色组件数据库不是一蹴而就的。我们在不断的探索和尝试中得到了最终的结果。回顾过去,整个过程经历了以下阶段。总结过程中的经验和弯路,与您分享。

1. 团队组建
一套强大的 3D 系统需要强大 3d 团队去支持,但对团队来说, 3D 并不是每个设计师都能掌握软件的新应用和操作设计技术。幸运的是,团队合作伙伴有很强的学习能力和自我驱动力。他们在不断学习中掌握了各种技能,并出色地满足了需求。
2. 定义基本角色
如何去定义 3D FaceTeam 基本人物形象风格是一个至关重要的环节。我们需要完善角色风格,并考虑到大多数业务线的需求。因此,基本的角色形象需要普遍性和扩展性,在此期间经历了一个漫长的探索过程。
我们建立了情感版,进行了大量的风格分析,以确保角色风格的差异和可识别性。

同时,我们也做了很多风格尝试。一开始,我们希望角色真实,贴近生活,所以角色设置的比例更接近真人,我们选择使用它 MD 软件制作衣服,恢复衣服的真实纹理。因此,由于角色设置和服装的原因,这组角色的制作风格缺乏审美感和年轻感,果断 PASS.

之后,我们尝试了偏卡通风格的图像设计,使图像更加简洁,但整体输出又缺乏特征和记忆点。


在不断的尝试和修改中,我们终于找到了它 Faceteam 风格应有的关键词,最终从形象本身和实际应用纬度进行了风格提炼的思考,得到了正确的方向。

在接下来的设计过程中,我们继续 2D Faceteam 基因,希望 3D FaceTeam 它仍然是一种圆润和友好的风格,很容易被公众接受。因此,它保留了其面部特征、圆肩和头部比例。同时,结合三维模型的特点,它是新的 3D 图像调整了身材比例,使其更具特色和记忆点,与其他竞争对手的形象不同。

58 各种业务场景的用户群逐渐年轻化,3D FaceTeam 在风格定位上更年轻,方便日常操作过程中的视觉表现。通过服装配饰的设计,我们展现了人物的年轻化和潮流感,整合了上述需求,分别设计了新的 FaceTeam 3D 男女基本形象,为 FaceTeam 3D 确定角色库的风格基础。
3. 拓展业务线角色
在总结了基本角色设计的经验后,我们调整了扩展角色设计的设计过程,回到了低成本 2D 形式设置人物,然后转化为 3D 模型,降低修改方案的时间成本。
FaceTeam 3D 最终目标是覆盖 58 每条业务线的角色需要日常应用。因此,在建立了基本形象后,有必要扩展角色库,以确保每条业务线的设计师都能在库中找到他们需要的角色。
我们沟通 58 每条业务线的设计师收集他们日常设计中最常用的角色身份需求,优先收集角色,合并重复角色,删除和选择可以代表每条业务线的更准确的角色。最后,确定了包括女性 hr、女白领、男普工、女青年男青年、中年女性、女房东、男中年拓展角色名单。
为了统一角色的风格,我们对每个角色的人体进行了统一的处理。因此,我们需要通过服装配饰设计和代表身份属性的小元素来定义角色的个性和职业属性。确保每个角色的准确定位,使其生动、血肉。
随着年轻化和时尚化的起点,我们收集了服装配饰的信息和脑暴,研究了角色服装,设计了符合每个角色定位的服装搭配。

团队的每个成员都认领自己的角色,通过反复修改磨合,逐渐实现风格统一,然后整合成一套风格一致的 2D 角色设定。



结合 2D 图像设置,在 3D 在基本角色模型的基础上,扩展角色 3D 模型角色设计,基本角色模型的构建,自然形成一套 3D 设计规范,人体元素模型一致,确保每个角色的身体比例一致,统一的骨绑定系统,确保后期动作输出的一致性。处理服装细节,确保服装风格的一致性。
在渲染输出方面,我们也尝试了各种渲染风格来输出每种风格的角色 PNG 交给各业务线的设计师应用于日常设计中进行实际验证。最终结论是,环境照明和材料的渲染效果相对柔和,具有较强的普遍性 UI 更多的应用场景可以很好地适应操作设计,所以我们选择柔光环境的渲染作为最终的渲染输出风格。

最后,尽管在多设计师的合作条件下,风格统一,套系感明显 3D 任务角色库。

所有 3D 在角色完成后,我们开始思考如何形成这些 3D 资源交付给各业务线设计师,实现资源价值最大化应用。因此,我们从两个方向工作。
1. 角色动作图片库输出
我们为每个角色设计了一套符合身份定位和高频使用的动作,统一渲染输出 PNG,形成图片库,上传到风火轮、水晶球等 58 设计师材料共享平台,方便设计师随时获取,直接应用于视觉设计,有助于 3D 基础薄弱的学生跨越了 3D 软件使用的障碍可以快速获取资源来满足需求 。

在 Faceteam 在团队成员的共同努力下,完成了包含 10 个角色,14 套服装,112 个动作人物角色库设计,覆盖 UXD 各业务线 90%的日常运营需求。

2. 人物 3D 组件预设库
对于已有 3D 对于基础学生,我们希望直接为这些设计师提供模型,以便更灵活地扩展视觉图像的设计。然而,繁琐分散的模型下载增加了设计师的时间和学习成本,所以我们想到了预设角色组件数据库的方法。
通过整合,将所有角色模型集成到统一的模型预设库业务线设计师只需一键安装即可获得所有角色和动作预设,以更方便的方式推广应用,降低设计师学习和下载成本,更有效地使用角色库。

基本功能:人物组件预设库包括设置好的 10 每个角色都有基本的角色,每个角色都有 8 在选择所需的角色和动作后,设计师可以调整相机的角度来渲染他们想要的角色状态。

扩展功能:角色组件库包括角色服装、发型、动作、环境和配件,可以自由组合,在原始组件中灵活搭配 10 在角色模型的基础上,可以扩展出来 60+新角色模型大大增加了角色数量,增加了设计的灵活性和可变性,满足了设计师对更大角色系统的需求。
人物组件库完成后,大多数设计师通过简单的培训下载并安装预设文件,掌握使用方法,FaceTeam 任务角色系统也在 UXD 在遵守品牌统一的基础上,设计师灵活运用组件库中的人物元素,衍生出更具创新个性和多维视觉特征的作品。以下是各业务线设计师的应用输出。

房产

招聘

车服

平台
58 原有的业务线很多,每条业务线都有自己的视觉纬度,很难形成统一的品牌认知,FaceTeam 3D 角色的应用已经成为视觉输出联系的纽带,每张海报都被打印出来 58 独特的标签保证了品牌的统一。独特的人物造型增强了品牌意识,提高了品牌意识,促进了品牌传播。
一键安装的人物组件库方便而真实地帮助快速处理日常需求,提高设计效率,FaceTeam 3D 在设计之初,角色组件库已经完成了我们所期望的功能。
未来 faceteam 3D 组件库还将完善角色模型,增加角色数量,丰富组件类型,扩大模型资产,扩大表达组件,使其情感表达更加准确。制作更好的材料供您使用,请期待。
品牌形象通常由不同的视觉元素组成,如logo、调色板,特定字体。
阅读文章 >欢迎关注「58UXD」微信公众号:
