润雪观点

将想法与焦点,与您一起共享

润雪观点

用PS这个黑科技,轻松搞定视觉设计的团队协作!

2019-01-21 润雪科技:重庆网站建设公司 浏览器:2312

代码开发可以利用很多团队开发工具(如svn)进行团队开发,而设计师在共同设计的时候,却会很麻烦,因为大部分的设计工具都没有考虑团体开发。现在不用再羡慕代码开发可以团队协作共同开发,视觉设计也可以做到,比如:一个人做logo,一个人做主页导航,一个人做所有icon,按照传统的做法,需要不同的人做好以后,然后一个人合并起来,并且如果有update的话,还需要每一个文件分别替换,随着版本迭代的进行,会越来越浪费时间在替换资源上,本篇文字着重讲解如何利用Phososhop进行团队协作视觉设计,不同的设计师只需要更改自己的psd即可。

欢迎关注点融设计中心DDC微信公众号:「微信IDDR_DDC

原理:利用Photoshop “置入外链的智能对象功能

Photoshop14.2版本开始推出了置入外链的智能对象功能,实际上功能的具体意思是将几个psd分别链接进来,而不是和智能图层一样的置入的图层。——重庆网站设计


image.png


利用这一点,我们可以在建立设计文件的时候,把设计按照模块来分别建立不同psd文件,如图(例如:建立一个主页,主页顶部有header, header里面有logo,当然分类可以任意自己组合,分类越整齐明了,越利于团队协作):


image.png


具体实例如下(以建立一个简易的web页面为例):

1. 首先用photoshop建立home.psd文件作为主要页面,文件保持空白——重庆定制网站


image.png


2. 建一个单独的head.psd文件,作为网页的头部文件


image.png


3. 再建立一个logo.psd文件,作为网页的logo——网页设计


image.png


4. 截止到此,我们一共已经有了三个psd文件,home.psdhead.psd, logo.psd

重点来了!如何把几个psd链接起来? 打开home.psd , 菜单-文件-置入链接的智能对象,把logo.psdhead.psd置入即可。在图层面板上,你可以看到图层上多了一个链接的图标。


image.png


image.png


5. 此刻,只要你更改head.psd里面的任何内容,home.psd里面嵌入的内容,也会跟随改变。——响应式网站

6. 利用云盘实现自动同步

原理是:将文件通过云盘共享给其他设计师,设计师通过云盘更改psd文档,云盘自动同步最新psd文件,实现一次操作,永不麻烦。比如设计师A的任务是更改head,他只需要通过云盘打开head.psd进行更改,然后直接点保存,即可完成所有任务。其他人也马上能在自己的psd里面看到更新,是不是很爽啊?


image.png


同步网盘选择推荐:

1.  Dropbox,虽然被墙掉,但是可以通vpn等办法解决

2.  坚果云,和dropbox类似,速度也很快。

3.  自建私有云,如:家庭nas等,优点是隐私性更好。

好了,关于设计团队协作工具之PS的介绍就到此为止,希望有更多的工具能考虑帮助设计师解决一些重复劳动的过程。


本文由重庆网站建设公司润雪科技原创,文章地址:/news/id/1643.html