不怕改稿!UI设计师常用的3种设计稿版本控制方法

分享到:更多 ()

@larens_ued :你还在纠结于老板要退回第N版的痛苦么?来收这些神器!今天的文章不仅归纳了设计师们常用的3种版本控制方法,而且还盘点了国内外各个版本控制软件的优缺点,想知道哪个适合自己,这篇让你一目了然!

小明最近在做一个App设计,当初步设计完成评审时,各种大神就会亲自莅临指导各种戳屏:「这里往上些,Logo要大,再大,颜色要醒目!」经过1个小时的修改后,大神们往往会反思说:「嗯,这样效果是一般,还是改回第一稿吧!」…… 而当我们习惯不停的Ctrl+S之后,竟然让我们回退到第一版本!臣妾…请等臣妾重新调一遍吧!

估计以上的场景做设计的朋友基本都会遇到过,很多朋友也都写了很多关于「设计规范」的文章,推荐大家可以去读一读,这样可以让文件管理更标准,不过在大版本升级调整的情况下,我们在一个小版本上可能还有一些迭代,例如字体大小的变化啊,间距的调整啊,按钮的颜色之类的,完全不可以作为一个独立版本去保存,那么我们应该如何处理这些小版本的文件迭代呢?

这里我就要推荐给大家一些团队协作用的工具,包括大版本的保存和小版本迭代的使用方法,团队协作设计(或者个人设计)管理基本上有以下几种方法:

1git20160308

因为方法比较多,且听我慢慢分析这几种方法的优劣:

一、网盘/公共硬盘

1.1  网络硬盘

网盘这个东西在国内已经很流行了,目前来说迅雷、百度网盘、115、微盘、华为网盘的备份效果都是可以的,不过我个人比较喜欢使用百度网盘,因为百度的网盘支持100个历史版本的缓存,对于我们设计文件的管理来讲十分方便~

2git20160308

网络硬盘的优点:

  1. 支持多种设备连接备份;
  2. 多版本备份,最多支持100个文件版本;
  3. 不需要自己管理备份服务器等设备,相对来讲大公司的信誉基本还是可以保障的;
  4. 支持加密分享文件链接给别人;

网络硬盘的缺点:

  1. 大多数网盘有单个文件大小限制,有些设计素材文件大于1G等的需要压缩;
  2. 大文件上传备份速度慢;
  3. 安全性比较低,适合保密性不是很高的团队;
  4. 版本迭代没有更新说明,需要根据时间尝试版本恢复;

1.2  本地硬盘

本地服务可以使用公司共享的硬盘空间,这个空间可以是服务器,也可以是一台公共主机或者是一块移动硬盘… 这种方法其实就是对数据的一种保护措施,较网盘的安全性高一些,这种方法其实算是比较传统的老方法了,不过老药方也有老药方的好处,也有可能更适合一些没有技术服务的小团队,并且这种方法的成本更低。

本地硬盘的优点:

  1. 成本比较低,只要一台电脑链接局域网或者一块移动硬盘即可;
  2. 安全性还可以,毕竟是内部文件备份;
  3. 如果是苹果系统可以设置Time machine备份版本;
  4. 备份速度根据电脑和硬盘接口来定,最慢的也比网络的速度快多了;

本地硬盘的缺点:

  1. 如果是多人使用,不支持版本管理;
  2. 建议多地方备份,毕竟有可能造成设备损坏的忧虑;
  3. 如果误删或格式化,文件难以找回;
  4. 硬盘的容量有限,适当的需要扩容等措施;

1.3 私有云服务

syy20160309

感谢@BOXSHEEP 童鞋提醒这个方法,如果公司的技术比较强大可以尝试自己搭建私有云服务,相比于网盘来讲会更安全,而较github来讲速度应该会好一些,毕竟不用翻墙,具体的搭建方法我这里就不列举了,可以参考这篇文章的介绍:

Seafile – 自己动手搭建类似 Dropbox 的个人/团队/公司专属私有文件同步服务 (云存储网盘)

私有云的优点:

  1. 支持多种设备连接备份;
  2. 多版本备份;
  3. 文档文件信息比较安全;

私有云的缺点:

  1. 需要网络支持;
  2. 服务器成本不低;
  3. 定期管理员对数据备份;

二、SVN/Git系统

2.1   SVN系统 

3git20160308

我上一家公司就使用的SVN系统来备份文件和代码的,那么什么是SVN呢?看看来自百度的说明:

SVN是Subversion的简称,是一个开放源代码的版本控制系统,相较于RCS、CVS,它采用了分支管理系统,它的设计目标就是取代CVS。互联网上很多版本控制服务已从CVS迁移到Subversion。

SVN可以满足各种企业VPN的要求,通过为公司内部网络、远程和移动用户、分支机构和合作伙伴提供基于Internet的安全连接。所以,我们可以将SVN看成是VPN、防火墙、基于企业策略的信息管理软件集成在一起的Internet安全的综合解决方案。在这样一个网络系统中,所有互联网服务器端和客户端都是安全的,并有一个信息管理机制以不断地通过这个外部网络环境动态地分析及满足客户的特定带宽需求。

通过上面2段其实就能明白,SVN服务系统是一个基于公司内部网络搭建的网络系统,可以通过一些安全协议来传输文件,如何搭建的大家可以自行去搜索(主要都是我们公司技术师傅搞定,我们用就好了),这种服务其实比较方便,管理员只要搭好服务,我们使用各种SVN的软件去同步文件就好了,每当你的本地文件修改时间新与服务器,就会覆盖之前的文件生成新的版本,当你本地的文件丢失,也可以从服务器下载回来。

SVN的优点:

  1. 同步方便,随时上传下载;
  2. 多版本管理,可根据时间下载相应的版本(每次更新可以加入说明);
  3. 安全协议比较高,对于保密性要求高的公司建议使用;
  4. 如果是局域网传输速度快;

SVN的缺点:

  1. 需要有服务器,并且一个网管帮忙搭建设置权限(如果你技术Ok,自己也可以搞定的话…);
  2. 如果是我们做设计用,需要很大的硬盘空间,因为设计稿的版本和文件,会日积月累的巨大无比;
  3. 权限管理比较麻烦,如果你的权限不够,需要访问其他文件的时候都需要重新设定;

2.2  Git系统

相信做互联网产品设计相关的朋友基本都听说过这个大名鼎鼎的代码管理网站Github,全球工程师都在使用的网站,其实也是可以给我们设计师来使用的,因为它提供了图片对比服务,可以在线查看前后版本的不同,如图:

4git20160308

可以通过 「Swipe」左右拖动数轴来即时查看前后的区别,十分方便,同时你可以在本地设置github的服务,上传新版本的时候,可以添加这个版本的注释。

Git系统的优点:

  1. 方便的版本控制,软件同步;
  2. 可以和其他人分享;
  3. 不需要设置服务器等服务;

Git的缺点:

  1. 需要网络支持;
  2. 有的地方需要翻墙才能登录;
  3. 加密需要付费;

三、网络设计版本服务

随着互联网的发展,设计工作在产品上也越来越重要了,在做设计的时候,团队沟通和协作,对设计的一些说明和版本的迭代要求也越来越高,这样就衍生出很多不错的网络服务,这里也简单跟大家介绍几家比较好的互联网设计展示产品。

国外产品:

  1. Folio
  2. Pixelapse
  3. Invisonapp

国内产品:

  1. Designboard(暂时关闭注册,如想使用可以联系我:)
  2. 白板

Folio

5git20160308

这个设计版本控制其实还是根据Git系统的原理来实现的,只不过支持了系统应用和网络的配置,这个服务的使用需要一次性支付49刀,以后就不必付费了,相对于来讲如果是使用Git服务,其实还是用Github更好。

Pixelapse

6git20160308

Pixelapse也是线上版本同步的不错选择,支持PS/Ai/Fw/Id/Pdf/Sketch多种设计文件格式,可以对比不同版本的修改样式,支持多人在线评论。不过这个网站的服务比较严谨,只让体验15天就要付费使用了,而且付费的项目数仅有3个,如果需要更多的项目就要支付更多的金额了,稍后我会做出对比。

Invisonapp

7git20160308

说它是一个设计版本控制其实比较牵强了,它更强大的功能是对设计界面的演示和交流,Invisonapp支持Web 网站演示和手机端的App 演示,可以在线设置交互方式,页面跳转等动作,这样的话可以把我们的设计页面做成高保真的演示模型,给团队或客户演示的时候效果非常棒!当然最好的服务相对的服务费也不低,好在你可以免费使用1个项目,当你的项目不多,并且不是同时进行的时候,完全可以使用免费版就可以了~

以下为3个网站的优劣对比:

8git20160308

Designboard(已关闭注册)

9git20160308

Designboard其实是我们团队开发的一套设计版本控制服务,主要功能是把设计图已流程的方式连接起来,让团队中所有的人对项目更加熟悉,同时支持在线评论交流、多版本控制,方便产品和设计师之间的快速沟通,迭代设计产出。不过因为公司业务关系这个服务我们关闭注册了~

白板

10git20160308

白板设计服务是我在使用Designboard之后感觉比较好的国内设计版本讨论网站了,主要支持多版本上传,标记点讨论等,是线上讨论交流比较好的服务,在打开详情后还可以选择1倍图、2倍图或者全屏展示,对于很多开会演示Demo的团队来讲,这样不进入会议室也可以畅快的交流,迭代设计版本了。

以上2个服务对比:

11git20160308

总结:

这些经验有的可能已经比较过时或是陈旧,有些服务的收费会比较昂贵,这些需要你根据公司或者团队的情况去权衡,我一直觉得好的方法可以让我们工作事半功倍,减少我们设计的重复工作,加强我们对自己设计的理念阐述,可以让团队的其他成员更了解你的设计思路,这样对我们的成长也会有所帮助。

当然以上这些仅是我个人的使用经验,如果大家有其他好的方法可以联系告诉我,让我和大家一起学习进步,用更实用高效的工具提高我们的设计效率。

欢迎关注作者的微信公众号:

qrcode_for_gh_2203651a43bc_430

 

最美UI|学ui设计联盟|一起努力学设计!

最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平台! 每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧! 给最美UI点个赞!有你的支持是我们前进的动力! 猛点这里 >>

最美ui微信公众号zuimeiui要养成关注干货好习惯哦!

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
设计师:三人行必有我师。在这里可以交到良师益友哦!还不赶紧加入? → 猛戳这里

【最美UI 原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!我们将一一答复!】

未经允许不得转载:最美ui » 不怕改稿!UI设计师常用的3种设计稿版本控制方法

0
分享到:更多 ()