设计中的版本控制:如何避免在一千个布局中迷失方向

-同事们,project_lastVersion文件是否完全是最终文件?还是project_lastVersion_1?

“……这是一个



熟悉的情况吗?我很确定,尤其是当您与其他设计师一起工作时。通常,您必须创建几个不同版本的文件,其数量取决于项目,编辑和其他因素,而麻烦的是找出所有这些版本。



在本文中,我将讨论最相关和最常用的版本控制选项,即:Zeplin(+ Sketch),Figma,Abstract(+ Sketch),也就是说,我将描述与版本控制相关的这些工具的功能和特性。







为什么版本控制在设计中很重要和必要



  1. 如果设计人员没有使用项目版本手动保存工作文件,则可以假定该版本不存在。称职的版本控制系统应考虑到以下情况:重要的是保存所有新旧版本以便随时返回。
  2. 通过将具有项目版本的文件放在一个位置,设计人员(或多个设计人员)将更容易找到所需的文件,而不是无休止地浏览名称为“ project1”,“ project1.1”,“ project_1”,“ project1_lastVersion”的桌面文件”等 当然,几乎每个设计师都遇到过类似的文件名(或称他们为“自己”),并花了一些时间寻找所需的文件。
  3. 版本设计对于设计人员在同一文件上的联合同时工作是必需的;
  4. 从上一段可以看出,在一起工作时,重要的是要准确地了解谁,何时进行更改以及它们是什么。


在少数情况下,使用版本控制系统可以加快开发过程并避免一切似乎都消失的情况。接下来,我将讨论在工作中必须处理的版本控制工具的优缺点。



Zeplin +素描



最容易使用的是Zeplin。要使用它,设计人员只需要将所做的更改保存在工作的Sketch文件中,并将画板从Sketch导出到Zeplin。画板将以Zeplin的形式显示,可以分为多个部分,查看元素样式,下载图标,图片等,以及形成样式指南,该指南由颜色调色板,文本样式,元素之间的距离,组件/符号组成。



使用Zeplin的优点如下:



  1. 如前所述,易用性-您只需要导出选定的画板即可;
  2. 能够在画板上发表评论;
  3. 邮件中的注释通知会显示

    在Zeplin本身中;
  4. 可以免费创建1个项目,并根据需要添加任意数量的参与者。




像任何工具一样,Zeplin也有其缺点:



  1. 在修改先前在Sketch中导出到Zeplin的画板时,请注意其名称。具有相同名称的画板在导出时会自动相互替换,但是,如果导出的画板的名称与以前加载到Zeplin中的名称不同,则此画板将作为新的画板导出到应用程序,并且不会替换不相关的版本。导出画板时注意力不集中可能会花费一些时间来验证画板名称是否匹配;
  2. Sketch Zeplin , . (), , ( ), , Sketch-, ;
  3. ,

    Zeplin;
  4. , , ;
  5. Zeplin , , Zeplin ;
  6. Sketch Zeplin owner.




Figma



由于Figma具有吸引人的功能,因此积极地被引入设计师的作品中。这个工具是通用的-在这里您可以找到设计,原型制作和版本控制。



在版本控制方面可以做什么?



  1. Figma支持同一项目中多个设计师的同时工作。打开所需的项目后,用户可以在美术板/单个元素旁边看到同时进行编辑和查看项目的同事的姓名;
  2. 版本历史记录(或“历史记录版本”),因此您可以查看谁进行了更改以及何时进行更改,返回到较早的版本,还可以编辑有关所选版本的信息。
  3. 评论,组件描述;
  4. Figma可以用作PC和浏览器中的应用程序。




Figma的缺点太少了,但是关键的缺点是:



  1. 免费帐户中的版本历史记录(有关版本控制的相同信息)仅提供30天;
  2. 没有像Abstract这样的比较模式。




摘要+素描



与Zeplin一样,Abstract也可与Sketch配合使用,并且专门用于版本控制,

与Figma不同。



摘要具有足够的优势:



  1. 多个设计者在一个文件上同时协作;
  2. 云存储文件;
  3. 既可以用作MacOS上安装的程序,也可以用作

    任何PC上的浏览器
  4. 与团队成员同步工作,使您可以将对

    所做更改发送给审阅。更改可以接受或拒绝;
  5. 能够留下评论和注释,接收有关它们的通知;
  6. 相互比较文件的能力-摘要提供2种比较模式;
  7. 活动流,您可以查看谁更改了内容和时间。




在缺点中,我将提出以下几点:



  1. 有偿使用。摘要提供了免费试用版(与Sketch一起使用仅30天),以及Adobe XD的14天演示。但是这段时间足以使您熟悉该仪器,与团队合作并了解Abstract是否方便。
  2. 目前,仅适用于Sketch + Abstract提供了完整的工作版本,即适用于MacOS。如前所述,Abstract正在扩展

    到Adobe XD,但是到目前为止,只有beta版本可用。




选择什么进行版本控制



这取决于设计者在项目上使用的工具。我在工作中同时使用了Sketch和Figma。但是,考虑了3个不同的版本控制选项,即Sketch + Zeplin,Figma,Sketch + Abstract之后,我发现Abstract最有用,因此我将更详细地考虑版本控制。



平板电脑魔术摘要吗



Abstract是一种面向设计师的GitHub。工作原理是设计人员将先前创建的Sketch文件加载到Abstract中(此文件是主文件,即它包含最相关的画板/元素和有关项目的信息)。多个设计人员可以同时处理一个主文件。更准确地说,每个设计人员都使用自己的主文件副本(分支)进行工作。完成后,分支需要提交给Abstract。提交分支是必须的,因为这是保存对分支所做的更改并将其添加到Abstract的唯一方法。在进行合并(换句话说,合并)之前,提交不会以任何方式影响主文件的内容。您不仅可以合并具有主文件的分支,还可以合并具有分支的分支。







与Zeplin和Figma一样,在Abstract中,您可以查看元素样式以及下载使用过的图标和图片的功能。



另外,“属性”部分显示了所选项目当前在主文件中的样式,以及哪种样式与当前查看的提交中相同但已更改的项目。







一个主文件可以包含多个画板。进行编辑时,所有更改都保存在后台。您只需要提交与设计人员一起使用的分支,所有更改都将反映在Abstract中。修改的画板或单个修改的项目均标有“已编辑”图标。因此,设计人员无需使用不同版本的项目来创建大量文件,因为所有内容都可以清晰地保存并显示在一个地方。







如前所述,Abstract提供了比较模式。



第一种比较模式是并排的-主文件中的画板与分支中的修改后的画板彼此相邻放置时。







下一个比较模式是叠加-叠加主文件中的画板和分支中已更改的画板,并且所有更改都显示在白色背景上。







除上述功能外,Abstract还具有其他有用的功能,例如,您可以同步Sketch库,创建集合(需要向同事展示的画板集)。



活动流包含所做的更改,注释,创建分支,提交,合并和其他更新。它显示了谁,何时何地准确更改,添加,评论,批准或不批准,合并等。







Zeplin,Figma和Abstract使得不仅对设计师而且对所有团队成员而言,都可以更快,更轻松地进行项目工作。但是在我看来,最成功的是Figma和Abstract(在很大程度上,由于版本控制的功能和信息内容,Abstract是最大的)。使用它们,团队成员无需花费大量时间在会议,聊天讨论上,就可以发现对布局进行了哪些更改以及在哪里可以看到它们。以任何形式使用版本控制可以改善团队成员之间的协作,项目理解,并充其量可以加快开发速度。



在本文中,我没有考虑设计中所有现有的版本控制选项,而是考虑了最著名和最常用的版本控制选项。如果一个由多个设计师组成的团队从事一个项目,则值得考虑使用Abstract或Figma进行版本控制,而Zeplin更适合单项工作,而您无需在同一文件上与其他同事同时协同工作。无论哪种方式,尝试使用这些工具都不会造成伤害。



All Articles