原创力文档- 1、本文档共60页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
演讲人：任跃华
任跃华
2017携程机票客户端、RN研发,先后负责过携程国际机票预
定主流程RN重构,BDD自动化测试平台等业务和技术项目2021快手主站前端,快手设计研发协同平台产品技术负责人
1快手UI生产现状和行业趋势
2从设计创意到代码实现全链路提效方案
3支撑方案实现的技术要点
4阶段成果和未来展望
生产
流程
整体需求
编写代码沟通协同制作设计稿
编写代码
沟通协同
设计简单重复工作
设计简单重复工作
沟通成本
研发简单重复工作
设计规范技术栈
需求量大场景多
需求量大
场景多
Q3交付研发设计稿3K+
B端/C端
直播/短视频/电商/海外/本地生活
多套公司通用组件大量业务私域组件
Reactvue/RN
多套低码平台/图文生成等特殊场景
问题归类
效率问题
沟通问题
多场景兼容
解决思路
技术自动化
通用方案
技术路线
机器视觉和深度学习
基于协同设计平台
基于大模型
代表
imgcook
网易海豚D2C
字节semiDesignD2c
v0.dev
claudeArtifacts
优势
对设计师无要求
建设成本低识别准确率高
提示词或图生代码使用成本低
特点
有训练链路建设成本识别准确率问题
对设计稿图层结构质量有要求需要算法调优
无法满足企业级设计规范和还原度要求
多人实时协作制作设计稿——利于设计
编程领域概念引入设计环节——利于设计研发沟通开发者工具获取设计稿JSON数据——利于D2C
设计工具AutoLayout=前端flex布局设计工具component=前端组件API获取设计稿JSON信息
提示词和图片生代码
——无法满足企业设计规范和还原度要求
优化算法D2C代码可读性(企业级D2C趋势)
——保留企业设计规范和高还原度，增强算法D2C代码可读性
方案愿景
结合协同设计平台和AI，构建
通用智能协同高效的UI生产体系
适配快手多业务场景结合AI提效设计研发沟通目标愿景
设计师插件研发插件
研发工作台
研发工作台
愿景
愿景
使命
使命
UI
UI设计
沟通协同
UI编码
场景
场景
通用智能协同高效的
通用智能协同高效的UI生产体系
提升从设计创意到代码实现的效率和体验
提升从设计创意到代码实现的效率和体验
设计资产规范D2C还原度对比设计提效工具
设计资产规范
D2C
还原度对比
资产设计师业务设计师
组件建联
组件建联
组件出码主题生成 图片优化源码定位
组件出码
主题生成
组件开发人员业务开发人员
组件开发人员
拖拽换图
拖拽换图
研发工作
研发
工作
台
设计师插件
研发
研发插件
C端B端
C端
B端前端RN客户端插件拓展
可以只做UI编码环节提效吗？
——设计稿图层结构影响出码质量，设计师不关注图层结构，需要通过技术赋能影响设计师产出利于出码的设计稿
建设研发工作台必要性？
——除了转码，图片优化导出、还原度对比和代码写入IDE等功能在工作台交互体验更好
核心
能力
三大协议
设计稿命名
标记协议
组件建联协议
组件建联协议
D2CSchema
D2CSchema
设计稿协议代码产物
单个设计稿节点数量
单个设计稿
节点数量17W+节点遍历耗时5min
画布
画布低清晰度高清晰度
可视区域变化概览数据详情数据
节点目录树Canvas画布
节点目录树
Canvas画布
按需渲染独立
按需渲染
文档评论（0）