在《高效设计 I 云端库的工作方式》中，我们提出了云端库的工作方式，重点解决的是设计师之间的协同问题，云端库的工作方式保证了设计的输出质量和体验一致性。然而，在整个项目流程中，设计与开发之间的协作，也是完成整个项目的关键环节。设计师如何与开发之间进行高效协作呢？这是我们想要解决的问题。本文将从分析现有的设计开发协作方式存在的问题出发，然后探索一种新的协作方式—Git资源库的协作方式，希望对大家有所帮助。
现有设计师与开发协作的问题
腾讯文档作为一款跨平台的工具协作产品，目前涵盖了多个平台多个端，包括手机端、Pad端、PC客户端、PC网页端等。
在过去，设计师通常都采用以下这种协作方式来与开发同学进行协作——
以图标切图资源为例，我们通常都是在Sketch上建立一个图标画板，制作好每一个图标的切片，维护整个图标库的切片，如果开发需要资源，就导出对应的切图给开发。
**
还是以图标为例，如果要更新线上的一个图标，我们通常需要做这几件事：
1) 设计按照风格和规范设计好图标，输出切片资源；
2) 产品提需求单，等待开发排期；
3) 将切片资源发给开发，开发进行手动替换；
4) 开发完成之后，视觉验收，正式发布；
但这种协作方式在实际操作中存在一些问题——
1.跨平台产品往往都是多人协作，资源非常多，需要更高的维护成本。
· 资源多
跨平台产品最明显的特征是设备尺寸特别多，对应的设计资源也会比单一平台产品多。再加上腾讯文档的强大的编辑能力，也需要很多的图标进行指引。据不完全统计，腾讯文档仅移动端图标资源就不少于300+，PC端资源不少于200+，这些还是不包括2x、3x、SVG等格式的。
· 维护成本高
我们的开发团队分布在深圳、北京两地，长期需要远程协作。切片资源通常都是本地文件，如果有紧急情况，而电脑又不在身边，这个时候要么打车回公司，要么请人帮忙开电脑发送，无法高效的进行同步。
2. 腾讯文档有5个品类，每个品类由不同的开发团队负责，需要更高的协作成本；
· 反复沟通
同一个需求，不同开发团队排期不同，设计师需要跟不同的开发团队反复沟通，不够高效；
· 资源冗余
5个品类之间某一些资源是通用的，但是需要发给不同的开发团队，无形之中加大了APK包的资源，较为冗余；
3.项目需求多，开发人力紧张，导致了资源更新优先级低，时效性较差
由于开发人力紧张，排期往往排不上，资源更新的需求经常delay。
思考：现有的协作方式，对于设计和开发来说都不是最好的协作方式，我们希望基于以上这些问题，寻找一种更优的解决方案，较少的占用开发人力，较快的进行资源迭代，从而让协作变得更加高效。
更优的方式是：资源库的协作方式
简单来说，新的协作方式就是——
在Git上建立一个库，用于存放设计资源。设计资源需按照规范命名并上传，开发直接引用资源，无需手动替换。资源库可跟随版本号更新而更新，保证了线上用到都是最新的资源包。
**
这种方式的好处是非常明显的——
1.资源Git化，直接接入开发流程，自动更新，高效迭代
资源库不是云盘，与云盘最大的差异在于，设计资源与代码是一个引用关系，资源直接接入开发流程，是开发流程中不可跳过的环节。
后期如果要替换某一资源，设计师只需保证命名一致，将资源库的素材进行替换，不需要开发，就可以自动更新资源库。只要有新需求发布，就能保证上线的都是最新的设计资源。
2.维护方便
为了高效的维护和查找设计资源，我们对资源ID进行了规范命名，并统一整理到了腾讯文档的表格中，便于管理和索引。
对于设计师来说，只需要输出一次切图，将切图资源上传到库，不再需要多次重复打包，省时省力；交付方式也由从前的点对点转变成了点到面，开发统一引用，维护简单；切图资源也从本地资源转换为在线资源，即使电脑不在身边，也可以通过腾讯文档索引查找资源ID，告知资源ID名称，开发直接在库里面引用，更加高效。
对于开发来说，资源维护自动化，不再需要人工拷贝资源，只需要一开始设定好引用关系，后期就可以自动更新，极大的释放了开发人力。
3.流程简单，使用成本低
资源库的搭建和使用方法都较为简单。
如何搭建一个可直接调用的资源库呢？首先，你需要一个开发（想必每个团队都是有开发哥的，所以这一点可直接忽略）；其次，需要开发哥写一段代码，把资源更新这件事情自动化（这个对开发哥来说，应该是不难实现的，代码暂时就不提供了）。
资源库搭建完成之后，设计师需要定义清晰的资源命名规则，然后直接上传即可，类似于云盘的上传。后期如果要替换某一个资源，命名保持一致，直接覆盖原先的文件，这样新资源即可跟随下一次发布自动更新。
采用资源库的协作方式之后，我们现网资源的更新流程就得到了简化：
1. 设计按照风格和规范设计好图标，输出切片资源，上传到资源库；
2. 资源库跟随版本号自动更新，自动发布；
高效协作新方式：云端库+组件库+资源库
我们将资源库的协作方式应用到了项目上，经过验证，对于跨平台产品来说，确实极大的提升协作效率。因此，我们将团队内部的工作方式进行了升级，变成了云端库+组件库+资源库的形式。
1.设计师之间的协作：云端库+组件库
云端库和组件库想必大家都不陌生，在《高效设计 I 云端库的工作方式》中，我们有进行详细的说明。唯一的变化是，我们从iCloud云端库切换到了Versions云端库，两者的差异点在于：
· Versions云端库可多人同时编辑，iCloud仅一人可编辑；
· Versions有版本记录，权限管理能力也比iCloud强大；
· Versions可创建多个项目，没有容量限制，可将不同端设计文件都规整在一起；
· Versions同步上传非常快；
当然，有优点就有缺点，Versions需要付费才能使用。大家可以基于自身项目的特征进行选择。
2.设计师与开发之间的协作：Git资源库
我们将资源命名整合到了腾讯文档表格中，便于管理和查找。结合腾讯文档的在线表格和Git资源库，只要切图资源上传到了资源库，即使不在电脑前，也能够快速的提供资源ID，便于开发查找和引用。
资源库有以下几个优势：
· 资源库可自动更新，高效迭代；
· 无需开发介入，极大的释放了开发人力；
· 无需重复切图，减轻重复劳动；
· 资源库透明唯一，避免重复拷贝，资源冗余；
· 便于管理和维护，可长期进行完善。
结语
我们一直致力于探索更加高效的协作方式，希望将细碎重复的工作变得更加自动化和规范化，这样才能将精力聚焦在设计本身上，创造更大的价值。
以下是腾讯文档APP和小程序二维码链接，欢迎大家扫码体验～
若有收获，就点个赞吧
0 人点赞
