" 就像猫和狗、该隐和亚伯一样,程序员和美工也是对死对头。 程序员和美工就像来自不同星球的两种完全不同的人,他们脑袋所关心的事情也完全不同。 程序员希望网站运行起来完美,而美工希望网站看起来漂亮。 这次,我们将站在程序员的角度看看:程序员对美工的5个经典牢骚。
牢骚1: 为什么美工设计所有东西都喜欢用Flash?!
网站只需要很简单的按钮和一些文本就行了,但是美工却坚持要使用flash,就算加载的时间都是原来的三倍也不管。
问题
对于有些美工来说,单纯使用web技术(HTML、CSS、JavaScript)来建网页的话,就好像把他的创新带进了死胡同。这些技术限制了他们的创造性,不得不依靠程序员来实现他们的想法。 Flash给了美工无限创作的可能,使得他们(特别是熟悉ActionScript的美工)能够掌控最终的产品。美工可以用Flash来选择任何typography、tilt、skew元素,还可以增加动画和创造用HTML无法达到的特殊效果。
解决方案
程序员要首先问问自己:这个问题最好的技术解决方案是什么?,是单纯的web技术还是Flash。心态一定要开放,这很重要。然后决定到底哪种技术是最好的解决方案,跟美工坐下来好好沟通,就项目需要用到的技术和设计列份清单。
比如说,研究页面是否需要迅速加载,是否需要使用特定的字体来满足营销目的,是否需要动画等。回答完这些问题后,你就可以很好地权衡是否需要使用Flash。
如果可以,让美工也了解下JavaScript框架,如Dojo和jQuery ,也是一个不错的主意。他们可能没有意识到用AJAX和DHTML可以达到一些特殊效果。
牢骚2:美工到底有没有听说过HTML CSS啊?!
美工用Photoshop很好地完成设计,可是这和网站上实现的方式却有很大不同。
问题
有些美工完全忽视最基本的web技术,导致设计无法实现或相当难在web上实现,排版对图片的依赖性过大,造成用户体验欠佳。
解决方案
CSS作为网站设计的语言,作为参与网站制作的美工没有理由不了解下CSS的基础知识。就像我不知道庞大的印刷机是如何运作的,但是我得了解套印、半色调、绿红黄黑四种标准颜色。 如果想要让我设计的作品能达到最佳效果,我得了解印刷的基本知识。网页的设计也是一样的道理。美工无需知道服务器是如何运作的,但是得对行高、填充、背景图像以及网站制作过程中的其他因素要有一定的了解。
牢骚3: 美工给我发的PSD文件里面有5万个未命名图层也没有用任何文件夹分开!
下载完50MB的PS文件后,等了五分钟总算打开了,开始找个简单的按钮背景,却被这毫无顺序的图层给弄晕了。
问题
程序员需要有序地组织文档,否则会造成程序的失效。对于美工来说,只要图片在Photoshop窗口上看起来不错就可以了,但是,对于程序员来说,他是面向对象编程的,代码需要有逻辑性。因此,这种毫无顺序的图层对程序员来说简直就如噩梦一般。
解决方案
其实,不单单是程序员对这些无组织的PSD文件感到头疼。作为一个创意总监,我也时常退回那些无序的PSD文件,让美工重新组织和整理好图层。 出现这个问题,要尽快告诉美工,明确告知他你需要一个清楚明了的文件。 如果不能跟他说(或者美工就是顽固不化),要查找对象的图层,只需在视窗中按住Ctrl键并点击对象就可以了,并用移动工具移动(快捷键是V)。 光标所在的所有图层和图层组的背景菜单都会显示出来。选择你需要的图层,如果图层调色板是打开的,会突出显示正确的图层。
我强烈建议美工学学Photoshop的智能对象(Smart Objects)功能。它可以把对象的各个图层(比如,包含按钮的图层)收集到主PS文件内置的一个独立文件里。 智能对象的使用也非常简单,有下面几个优点:
创建了一个面向对象的PS文件,并且重复的元素都有统一的标识。
无需图层技术,输出的内容可以直接在web上使用。
它减少了PSD文件中图层的数量,因此图层组织起来更容易。
牢骚4: 美工没有针对实际的图形做调整!
我们使用的是内容管理系统,用户在客户端完全控制所使用的内容。美工设计的模板经常标题只能显示一行,而文本内容只能有一段。
美工希望模块有个均衡的高和列宽,但是程序员又无法知道这个模块需要填充多少内容。
问题
在网站最后提交之前,使用虚拟内容来建站,这一方法可以说是历史悠久。但是,由于不是真正的内容,可能会导致美工最终做出的设计不是很让人满意。
解决方案
美工设计的作品是静态的,但是实际网页的内容是动态的。美工需要认识到这一点,并考虑到一切所有可能出现的情形。这也是让美工制作静态页面的一个主要缺陷,毕竟内容不是真实的。 我觉得限定下显示标题等元素区域的高度是有必要的。这将有助于你在最后的设计中确认它们需要占用多少空间。
牢骚5: 美工让我来猜他作品的风格!
美工没做任何解释把作品交给程序员,让程序员自己选择字体、行高、颜色、宽度、填充、边框等。
问题
跟在Photoshop里建模板不一样,网站开发不是在一个所见即所得的环境下完成的,相反,程序员是通过指定值来决定尺寸、颜色、版式等。
解决方案
这突出显示了设计和开发的不同之处。即使美工使用预先设定网格的模板,程序员还是不太满意。让美工创建一个比较可行的风格指示,显得尤为重要。这个风格指示就作为美工设计的蓝图以减少双方的困惑。
特别牢骚: 我不需要美工来告诉我怎么编程!
有的美工希望程序员按照他的方式来做事,也不管这种方式是否可取。
问题
美工来告诉程序员该如何如何写代码就跟程序员教美工如何设计一样,让人觉得难受。但是美工和程序员之间的界限还是很小的,有时候一个人包揽了两个角色。
如果你一定要清楚地界定一个项目的责任者,那么任何对你决定的猜疑都会让你无法忍受。 别人可以使用的技术在你看来就不行,而让你解释决定又会占用你宝贵的时间,那么你就是要美工完全信任你的决定。
解决方案
听听美工的看法,你可能无法想得非常周到。我就有好多次是在与美工讨论后,美工提出了我没有想到的解决方案。 无论如何要记住你和美工的共同目的是尽可能创作最好的产品。保持一个开放的心态和冷静的头脑,是不会错的。