高效协作 I 资源库的协作方式
DESIGN
在《高效设计 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和小程序二维码链接,欢迎大家扫码体验~

最后,如果有更多效率协作的想法,也与我们进行交流。



  • 3012
  • 23
CONTRIBUTORS
  • 3012
ISUX 二维码