程序员和美工的纠葛之路

    就像猫和狗、该隐和亚伯一样，程序员和美工也是对死对头。 程序员和美工就像来自不同星球的两种完全不同的人，他们脑袋所关心的事情也完全不同。 程序员希望网站运行起来完美，而美工希望网站看起来漂亮。这次，我们将站在程序员的角度看看：程序员对美工的5个经典牢骚。

    牢骚1: 为什么美工设计所有东西都喜欢用Flash?！

    网站只需要很简单的按钮和一些文本就行了，但是美工却坚持要使用flash,就算加载的时间都是原来的三倍也不管。对于有些美工来说，单纯使用web技术（HTML、CSS、JavaScript）来建网页的话，就好像把他的创新带进了死胡同。这些技术限制了他们的创造性，不得不依靠程序员来实现他们的想法。 Flash给了美工无限创作的可能，使得他们（特别是熟悉ActionScript的美工）能够掌控最终的产品。而程序员考虑的是，网站的整体运营，比如网站加载速度，最近火热的“用户体验”等等。当然，随着HTML5、CSS3、JS等强大面世，用他们替代Flash，已经成为一种趋势了！

    牢骚2:美工到底有没有听说过HTML CSS啊？！

    美工用Photoshop很好地完成设计，可是这和网站上实现的方式却有很大不同。有些美工完全忽视最基本的web技术，导致设计无法实现或相当难在web上实现，排版对图片的依赖性过大，造成用户体验欠佳。CSS作为网站设计的语言，作为参与网站制作的美工没有理由不了解下CSS的基础知识。就像我不知道庞大的印刷机是如何运作的，但是我得了解套印、半色调、绿红黄黑四种标准颜色。 如果想要让我设计的作品能达到最佳效果，我得了解印刷的基本知识。网页的设计也是一样的道理。美工无需知道服务器是如何运作的，但是得对行高、填充、背景图像以及网站制作过程中的其他因素要有一定的了解。

    牢骚3: 美工给我发的PSD文件里面有5万个未命名图层也没有用任何文件夹分开！

    下载完50MB的PS文件后，等了五分钟总算打开了，开始找个简单的按钮背景，却被这毫无顺序的图层给弄晕了。程序员需要有序地组织文档，否则会造成程序的失效。对于美工来说，只要图片在Photoshop窗口上看起来不错就可以了，但是，对于程序员来说，他是面向对象编程的，代码需要有逻辑性。因此，这种毫无顺序的图层对程序员来说简直就如噩梦一般。

    牢骚4: 美工没有针对实际的图形做调整！

    我们使用的是内容管理系统，用户在客户端完全控制所使用的内容。美工设计的模板经常标题只能显示一行，而文本内容只能有一段。美工希望模块有个均衡的高和列宽，但是程序员又无法知道这个模块需要填充多少内容。美工设计的作品是静态的，但是实际网页的内容是动态的。美工需要认识到这一点，并考虑到一切所有可能出现的情形。这也是让美工制作静态页面的一个主要缺陷，毕竟内容不是真实的。 我觉得限定下显示标题等元素区域的高度是有必要的。这将有助于你在最后的设计中确认它们需要占用多少空间。

    牢骚5: 美工让我来猜他作品的风格！

    美工没做任何解释把作品交给程序员，让程序员自己选择字体、行高、颜色、宽度、填充、边框等。跟在Photoshop里建模板不一样，网站开发不是在一个所见即所得的环境下完成的，相反，程序员是通过指定值来决定尺寸、颜色、版式等。这突出显示了设计和开发的不同之处。即使美工使用预先设定网格的模板，程序员还是不太满意。让美工创建一个比较可行的风格指示，显得尤为重要。这个风格指示就作为美工设计的蓝图以减少双方的困惑。

   特别牢骚: 我不需要美工来告诉我怎么编程！

   有的美工希望程序员按照他的方式来做事，也不管这种方式是否可取。美工来告诉程序员该如何如何写代码就跟程序员教美工如何设计一样，让人觉得难受。但是美工和程序员之间的界限还是很小的，有时候一个人包揽了两个角色。