笔者由学院成立开始,就一直从事设计的工作。由平面设计到网页设计,由静态点缀式小图片到动态动画制作。在多年的工作里,总结了一些设计的经验。希望能借助《华师在线》杂志这个平台,分享一些做图和设计的心得,结交同好。

因为当年学院刚成立时,资源部人员架构相对比较精简,设计工作均由一个人完成整个从设计到重构的流程。在这样的环境下会养成一些不太好的毛病,例如在完成设计稿的时候可以略微粗糙,然后在重构的时候进一步完善(因为有些小细节比较费时,干脆直接在重构的时候调整到位)。那么时间长了之后,自己再看回里面的分层,都会感到迷惑。特别当学院规模越来越大时,到了分工规范的工作环境下,视觉设计师应该怎么样与其他同事合作呢?

为什么要规范
在与同事的合作中拿到不太规范的文档,我们心理往往的第一感受就是:这是神马意思?他到底想要神马效果?在工作中我们有时候会没有太多的时间去沟通,最好是拿到手可以立马开工,完成这个需求,然后立马展开下一个需求。如果我们的PSD文件都是极易看懂、方便编辑的,将会对合作伙伴提供多大的方便?节省多少时间?

设计是合理的规划

标注清楚的文档会耗费很多时间,就算我们偷懒不注意很多细节,可能你的同事也能够默默体会,帮我们完成。但我们的要求是要完成一个一流的设计,让学生拿到课件之后,第一印象就是喜欢这门课(至少是赏心悦目,不会沉闷的)。因此文档里的细节就反应了你的专业价值以及你对最终版面的掌控。

再以今次华师在线网站大改版的设计为例。设计文档应该是世界上最美最有用的东西,如果它规划的不够精细,就会浪费无谓的时间。负责html切图重构的同事对于你的PSD的困惑所带来的询问是完全可以避免的,一个需求在开始之前就应该是清楚的,设计师规划得完善所带来的好处是不言而喻的。想象你自己是一个重构师,当对方给你一个文档来编辑,你发现里面的图层全部都没有命名,这时候你会有多崩溃?更甚于一个相同的模块的边距不一样,导致区域显示会溢出?

就算你是一个人完成一个项目,能够在混乱之中寻找出解决问题的办法,如果你这样做了,似乎你是节省了一点时间,减少了工作量,但你这样不细致的设计文档给到领导或者部门内部审查的时候,你期望他们能对你的专业性发表什么样的看法?

你有没有接手过其他设计师的文档继续工作的经历?发现里面缺少字体,图层没有命名,无数个图层蒙版,并且你只有2个小时完成这次修改……就算你能够适应这种方式,但你还是浪费了许多无谓的时间。

常见问题

1、需要的文件不在服务器上!

以学院资源部为例,部门设计组是有一个公用的网络硬盘塔的。设计师应该将近期项目归档清楚的放在服务器上,在每天下班之前将当天的工作文件上传,以便晚上回家之后有人会用到那些文件。

试想想:项目很赶,老师马上要录课了,但发现有某个地方要改,但发现少了一些文档、图片……你找不到你合作的同事,他们突然有急事出去了。……杯具!

2、未命名或者未使用的图层

切图是一个很繁琐的工作,不要让你的同事去大海捞针,看见成百上千的“图层X”是一件令人头疼的事情。

每新建一个图层就命名好,这比全部做完了再去一一重新命名来得方便得多。

3、缺少字体

需要切成图片的字体要修改,你又不在,怎么办?

最好建立统一的字体库,让相关机器都统一安装。

4、以功能来命名

footer_bg.jpg 比 grass.jpg 更容易让人明白是干什么用的

5、优化图片大小

这是一个老问题了,没人不喜欢加载速度快的网站,即便现在网速越来越快。fireworks压缩出来的图片往往比PS要小很多
由于版面的原因,今期只能为大家抛砖引玉,其实相关的习惯规则,笔者还总结了很多。在下一期开始,将会和大家分享更多设计的规范化习惯。To be continued……