html团队UI,设计的团队的协作用它妥妥的!

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

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

Photoshop在14.2版本开始推出了“置入外链的智能对象”功能,实际上功能的具体意思是将几个psd分别链接进来,而不是和智能图层一样的“置入的图层”。

7790138efa7ffcedff302da016938291.png

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

a13fd9e1779a5f65a26fb34068420f28.png

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

1.首先用photoshop建立home.psd文件作为主要页面,文件保持空白

5805223e9049295314289c1f7f625cc7.png

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

1e9275b596508454a0fcf0eb8004a68b.png

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

901241286e17981832394829088152e8.png

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

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

84850ecf56a497f5aaeb29f2f92134cb.png

d44af3be293ba2dab1835e1d7dd51a97.png

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

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

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

bfa678f1b1c4dc9a09d848ed07a91837.png

同步网盘选择推荐:

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

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

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

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

文章来源:DDC

作者:典典

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值