玩转你的PSD!让合作的小伙伴们不再讨厌你 - 优设网 - UISDC

玩转你的PSD!让合作的小伙伴们不再讨厌你

2013/11/07 17506评论区

玩转你的PSD!让合作的小伙伴们不再讨厌你

@豆池麦 曾经有段时间,我在咖啡馆里做一名煮咖啡的服务生。别看我的职位不高,但是比起那些没有机会接触神奇的食品服务业的人来说,我就是老师了。

下面我想跟大家简略介绍一下个中详情。我们上班时间分为白钟班(白天的钟点工)和晚钟班,上晚钟班的人负责晚上打扫咖啡馆,关掉所有机器,清理地板和桌子,把糕点从冷藏柜里搬到冰箱(解冻),粗略的整理一下咖啡馆,准备第二天清晨开门营业。上白钟班的人负责咖啡的准备以及店铺的运营,在咖啡馆开门前一小时,他们要完成很多工作,譬如将糕点摆放到橱柜,打开所有的机器,准备早间咖啡等等。

我自认是一个无可挑剔的晚钟班员工。当我还在上早钟班的时候,最让我生气的就是粗心的晚钟班工作。早上我只有很短的时间去准备一切事物,好让咖啡厅顺利运营,可是有些懒惰的晚钟班员工连前一晚的食物都没有处理,面包圈还是冻结的,厨房的操作台还是脏的。这些行为让我的早班工作变得难上加难,超过了规定的时间,成了一团乱麻。究其原因,都是前一晚的晚钟班员工不负责任,把垃圾留给了我。那种抓狂的心情,简直想给他丢肥皂啊~~~

所以我告诉自己,我一定要秉承负这种责任的精神去做事。我想我做到了。

作为一个设计师,我创造了一个photoshop DOS命令。即当我完成了我在整个项目中的工作后,系统会把我的PSD文件传给前端开发人员。随后他们进一步制作、试运行直至一个真实的网页面世,一如咖啡馆的早晚配合。我希望呈现给他们的是一个完美无瑕的PSD文件,这样他们的工作则会变得轻松且高效,也就不会画个圈圈诅咒我了。(此项目中其他的设计师可能需要用我的PSD文件来更新设计,那么对他们我的想法也是如此。)我之所以将PSD文件公开,供他人工作使用的原因彰明较著,意义非凡。

当我们进行工作交接时,怎样才能将PSD文件用最优的方式组织起来呢?

这里我罗列了一些人人都希望早点儿知道基本要素,让你的PSD文件不再是个传说:

  • 每个图层记得命名!
  • 删除没用的图层!
  • 按逻辑给图层分个小组好吗!比如页眉、侧边栏、页脚等等。
  • 按文档流(文档中可显示对象在排列时所占用的位置)去排列每个小组!一般来说就是将页眉组放最前,页脚组放最后,其他放中间,你懂的。
  • 巧用网格!用标线显示网格,隐藏偏离的标识。

那么我们只需注意这些了吗?NONONO,不是每件事都能事先准备好。例如:

相互交流&页面状态

在你的文件中,表示悬停状态、灯箱以及所有有趣事物的最佳方法是什么?大多数设计师似乎创建了一个默认关闭状态按钮,然后复制它,将悬停状态放在该层的关闭状态之上。我还尝试着给这些图层上色,这样我就可以告诉前端开发人员,”当你看到一个红色的文件夹时,注意!它表示这部分应该悬停!”

hover

但是当你的文件夹里还有文件夹时,你能分清谁是谁吗?对于页面状态来说,单纯的打开或关闭组是不是容易多了呢?

所以近来,图层命令作为一个建议广受人们的推崇。图层命令本身并不多,只有悬停命令、灯箱命令以及相似的大型交互这几个。

智能对象

智能对象对设计师来说非常重要,尤其在一个项目中,当你需要用几个命令来处理可重复的内容时。但是对于外加部分,智能对象就难处理。对此,我也没有很好的解决办法,因为在设计的过程中,智能对象真是太好用太节省时间了。把原始的、非智能的对象拽回文件中,给文件添加注释,以实现需求最小化,让其成为智能对象,这些你都做了吗?

如果你还不是很明白,推荐你和你所在的团队来看看《PS礼仪手册》!网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南。

图层混合模式

我爱我的混合模式,这些年里,正片叠底、滤色以及叠加为我的设计事业做出了巨大的贡献。但是当一个前端工程师将我的文件夹分开时,混合模式就不正常了。具体例子如下图:

oh noes

作为一个从PS5.5才开始爱上正片叠底的设计师来说,为了图省事儿,不给文件添加混合模式是一个非常坏的习惯!这个血的教训让我明白,不改掉这个坏毛病是绝对不行的!

合并图层

什么才是正确的平衡?当你什么都没合并的时候,你可以看到十几二十个由小元素组成的图层;当你合并这些之后,你就能得到一个jpg图片,但是要在这个图片上增加新元素就比较困难了。

每个人都有不同的工作方式以及对他们来说最有意义且与众不同的的方法。对于有些人来说,只要图层命名且分组了,这个文件就是好的。所以我并不知道在这件事上对与错的界线在哪。

于此,你的看法是什么呢?你最反对的行为又是什么呢?

—————-完——————

翻译小组:优设网SDC翻茄匠 微博ID: @豆池麦
原文地址:viget
【各位尽职尽责帅气靓丽的网站编辑、站长大神们,如果您看上了优设网的这篇文章,请复制粘帖的时候把我们网址带上,我会代表节操君向您致敬的,感谢】
 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量57万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/handing-off-psds

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里