Graphic Design
插画组件化系统 支持产品的视觉升级
插画组件化系统 支持产品的视觉升级
在实际的工作中，视觉设计一直是后置的，但产品升级往往有很强的不确定性，这会增加整个项目在时间与效率方面的压力。如何提前做好视觉组件搭建，平滑对接产品需求是我们设计者所面临的挑战
项目时间 :
2025
职能 :
UI/UX/视觉
目标 :
建立插画组件库
项目周期 :
1个月
项目背景
Catta猫塔移动端的视觉设计，存在插画风格不统一、设计效率低、协作交接复杂的痛点，为了解决这些问题，我们启动插画组件化系统搭建，以统一视觉风格、提升效率并强化品牌认知。
设计需求
统一产品视觉风格，提升品牌辨识度
降低重复绘制成本，提升团队设计效率
简化设计开发交接，增强用户信任感与情感共鸣
设计过程
1.问题诊断：原有插画风格混乱、耗时长、交接复杂、品牌露出弱
2.风格定位：结合用户偏好与产品定位，确定可爱生动、轻松可靠、科技感方向
3.体系搭建：拆分人物、猫咪形象、场景元素、产品露出，建立可复用组件库
4.规范输出：确定线面结合、几何形态、情绪适度的统一风格
5.人物设计的延展性
6.多场景落地：应用于缺省页、弹窗、Banner、运营活动、UI 界面
插画体系的运用
插画体系的建立，统一了全产品视觉风格，强化品牌记忆点。在大幅减少重复工作量的同时提升了迭代效率，实现视觉与业务高效对接，增强用户情感共鸣与产品使用粘性。
More Projects
More
Projects
Graphic Design
插画组件化系统 支持产品的视觉升级
插画组件化系统 支持产品的视觉升级
在实际的工作中，视觉设计一直是后置的，但产品升级往往有很强的不确定性，这会增加整个项目在时间与效率方面的压力。如何提前做好视觉组件搭建，平滑对接产品需求是我们设计者所面临的挑战
项目时间 :
2025
职能 :
UI/UX/视觉
目标 :
建立插画组件库
项目周期 :
1个月
项目背景
Catta猫塔移动端的视觉设计，存在插画风格不统一、设计效率低、协作交接复杂的痛点，为了解决这些问题，我们启动插画组件化系统搭建，以统一视觉风格、提升效率并强化品牌认知。
设计需求
统一产品视觉风格，提升品牌辨识度
降低重复绘制成本，提升团队设计效率
简化设计开发交接，增强用户信任感与情感共鸣
设计过程
1.问题诊断：原有插画风格混乱、耗时长、交接复杂、品牌露出弱
2.风格定位：结合用户偏好与产品定位，确定可爱生动、轻松可靠、科技感方向
3.体系搭建：拆分人物、猫咪形象、场景元素、产品露出，建立可复用组件库
4.规范输出：确定线面结合、几何形态、情绪适度的统一风格
5.人物设计的延展性
6.多场景落地：应用于缺省页、弹窗、Banner、运营活动、UI 界面
插画体系的运用
插画体系的建立，统一了全产品视觉风格，强化品牌记忆点。在大幅减少重复工作量的同时提升了迭代效率，实现视觉与业务高效对接，增强用户情感共鸣与产品使用粘性。
More Projects
More
Projects
Graphic Design
插画组件化系统 支持产品的视觉升级
插画组件化系统 支持产品的视觉升级
在实际的工作中，视觉设计一直是后置的，但产品升级往往有很强的不确定性，这会增加整个项目在时间与效率方面的压力。如何提前做好视觉组件搭建，平滑对接产品需求是我们设计者所面临的挑战
项目时间 :
2025
职能 :
UI/UX/视觉
目标 :
建立插画组件库
项目周期 :
1个月
项目背景
Catta猫塔移动端的视觉设计，存在插画风格不统一、设计效率低、协作交接复杂的痛点，为了解决这些问题，我们启动插画组件化系统搭建，以统一视觉风格、提升效率并强化品牌认知。
设计需求
统一产品视觉风格，提升品牌辨识度
降低重复绘制成本，提升团队设计效率
简化设计开发交接，增强用户信任感与情感共鸣
设计过程
1.问题诊断：原有插画风格混乱、耗时长、交接复杂、品牌露出弱
2.风格定位：结合用户偏好与产品定位，确定可爱生动、轻松可靠、科技感方向
3.体系搭建：拆分人物、猫咪形象、场景元素、产品露出，建立可复用组件库
4.规范输出：确定线面结合、几何形态、情绪适度的统一风格
5.人物设计的延展性
6.多场景落地：应用于缺省页、弹窗、Banner、运营活动、UI 界面
插画体系的运用
插画体系的建立，统一了全产品视觉风格，强化品牌记忆点。在大幅减少重复工作量的同时提升了迭代效率，实现视觉与业务高效对接，增强用户情感共鸣与产品使用粘性。