设计

Designs

2020-2022作品集

MY WORKS

2022-2023 VIVO工作作品（部分）

MY WORKS

因文件需要保密，仅展示部分动效效果

vivo watch 3 创意表盘AOD亮灭屏（非最终版）

注：请勿保存或转载！违者将追究法律责任！

负责模块：三代手表动效，包括表盘、系统、公共、AOD、框架等各个方面的动效。

工作表现：手表项目周期较长，参与比重大，基本上负责了绝大多数的核心动效的设计。通过竞品分析，头脑风暴等许多方式产出了手表动效以及动效设计规范，与团队其他人员紧密配合，确保了手表动效设计的一致性。目前手表还处于未上市阶段，所以视频DEMO等不便展示，还望谅解！

工作中遇到的问题：手表开发平台不同，与常用的android相关平台相比，手表开发平台性能支持较差，不支持Lottie，仅支持xml格式，也不支持输出文件控制播放进度或倒播（可逆）。序列帧播放帧率无法满足动效要求，二代表盘最高仅支持24帧，并且多数场景甚至无法满足24帧。三代手表有所改进，能够支持30帧播放。

解决问题的思路：无法支持Lottie的部分以xml或序列帧来代替，通过研究手表与xml的兼容及适配来作为输出件的首选格式（开发无法实现的前提下），播放进度问题采用序列帧控制解决，倒播（可逆）采用输出正反两份xml的方式来解决。帧率问题通过转换序列帧格式或压缩图片体积来实现。

vivo 小窗手势教学

负责模块：小窗及多分屏

工作表现：选取了小窗手势教学作为参考视频，为了保证清晰度、帧率以及文件体积最小化，我们采用了Lottie输出json的形式来满足多方要求。该手势教学针对手机、折叠屏、PAD做了三份适配。

工作中遇到的问题：小窗手势教学部分输出件是采用Lottie输出的json文件，这种文件的官方支持属性与实际放到手机开发平台内的效果不完全一致，例如填充效果不能被识别，只能识别填充属性。在实际落地的过程中需要多次调整文件来实际的达到demo效果。小窗删除效果采用xml文件输出，因为需要支持可逆所以输出了多套文件以匹配。

解决问题的思路：首先是输入件的检查与修正，当我拿到UI所给的sketch输出件时，需要检查文件格式，命名，路径是否能够被使用，填充是否正确等，然后才能导入到AE中进行第二次检查，全部正确后再进行动效设计，才能保证输出的文件不会存在问题。另外，安装Lottie的桌面预览文件后，可以在桌面进行Lottie的预览，这个预览的效果与手机实际开发效果基本一致，所以输出后我会通过这种方式进行再一次的检验，以确保输出件的正确性。