一、项目背景

  1. 建立情感连接:良好的视觉形象可以使用户唤起共情能力,从而拉近与用户的距离从而辅助业务目标达成
  2. 提升产出效率:不同设计师工作协同中,资历与对风格的把握不同,对于经常使用的风格难复现和统一,对于重复性设计无疑是增加设计资源与消耗人力成本,影响产出效率
  3. 打造视觉差异:目前业务推广形式多样,受众广,但是缺乏区别于其他品牌服务的特点,统一的视觉风格有利于建立产品调性,强化品牌形象

二、设计提案

2D人物设计

配色方案

a.3D组件的色彩规范是给予品牌的色彩规范来延伸设定的,此外其余颜色的衍生需要根据品牌定位、人物身份、应用场景与视觉风格推导作为参考进行调试

基础人物比例

a.为避免组件库中人设基本动作造型不出纰漏及更好的做出统一化的效果,对男女人物比例和关节部位设置规范与比例;

b.根据前期脑爆确定基础人物形象;依据用户调研中得出大致身高比例为7~8头身,女性与男性有一定的身高差,基础人物头身比为了贴合用户真实形象,所以保持在7~8的身高比例

基础属性预设

  1. 基于人物身份,确定人物基础属性,预设贴合人物属性的发型,服饰等基础属性进行扩展

案例:

人物:男宝爸

职业:互联网员工

服饰:休闲装(T恤、运动裤、运动鞋等)

……

动态预设

  1. 面对丰富的使用场景,为了方便后续3D制作,绘制多视角人物动态,提高3D人物制作效率
  2. 部分人物姿态:

道具元素预设

a. 由基础形状组合,统一圆角度,保证画面的统一性;绘制多视角元素展示,方便后续3D元素制作的效率与扩展性

b. 部分元素草图:

场景预设

  1. 基于人物属性及业务场景的考量,对场景的刻画同样是贴合实际业务场景
  2. 场景草图展示:

3D人物设计

骨骼绑定

  1. Auto Rig Pro是Blender的一个人物自动绑定插件,可以快速制作三维绑定动画,导出FBX格式动画等
  2. 绑定展示:
  1. Faceit是一个Blender插件,允许你半自动生成一组人形角色的面部形状键,而不使用任何雕刻或建模工具;目前,Faceit是专门为生成Apple ARKit形状键(Blendshapes)而设计的,这是IPhoneX性能捕获的必备功能;除了生成面部表情的工具之外,Faceit还包含了一些实用程序,可以简化性能捕获过程
  2. 面部绑定展示:

角色服饰预设

  1. 人物基础模型分为男/女,通过不同服饰、装饰等元素扩展不同角色身份、职业等,共用一个人物基础模型,具备较强的延展性及制作效率
  2. 服饰预设展示:

道具元素预设

  1. 根据2D草图制作3D道具元素,贴合业务场景进行延展,其中可以包含四大类:装饰、家居、节日、业务道具类等元素,可以满足目前业务场景内所需;后期会持续、扩展更多道具,持续满足所有业务/节日场景下使用,提升工作效率
  2. 部分道具展示:

场景预设

  1. 前期根据提前设定场景及实际业务场景进行梳理,总共搭建8个通用样板间;后期会继续增添场景中人物组件库的建立,便利其他设计师可以快捷编辑的同时保持风格一致性
  2. 部分场景展示:

三、效率与应用

1. 工作效率

问题:目前业务推广形式多样,受众广,但是缺乏区别于其他品牌服务的特点,难以建立产品调性与品牌感;然而不同设计师工作协同中,对风格的理解与掌控很难达成一致,对于经常使用的风格难复现和统一,对重复性设计增加过多的资源浪费,从而影响产出效率

示例:正常3D设计师为例,一个3D视觉效果图搭建到完成上线需要3~4天;而使用组件化体系后,一天内就可以完成设计

2.部分应用场景

七夕活动(启动屏)

中秋活动(启动屏)

家政首页banner

设计人员

项目负责人:陈爽

视觉指导:夏亚楠

视觉设计:孙梦雨

3D设计:滕澳飞、李洋洋

应用设计:孙梦雨、滕澳飞、李洋洋

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注