页面制作的重要性

...

一位资深的设计师曾经向我抱怨,说老板不仅让他做“设计”工作,还让他做“制作”工作,真是很烦。言下之意,“制作”还要一个资深设计师亲自上阵,未免有点大材小用。

制作——究竟是制作什么呢?

我们通常理解的设计,仅限于图形设计,就是用Photoshop等图像软件设计出一张图片(JPG或GIF)。稍有互联网知识的人都知道,我们访问的网页,是一种称为HTML的语言写成的,我们看到的样式,是一种称为CSS的语言规定的。所以,要让这张图片变成用户能访问的页面,就需要把这张图片,合理地拆分成文字、图片、背景等等,然后用HTML和CSS表现出来,这样的一种工作,称为“制作”页面。

在2000年左右,页面制作还是由图形设计师一手负责的,那时他们可以依赖一些可见即可得的软件来完成这部分工作。技术发展到今天,思路跳跃和发散的艺术家们已经无法再承担这种理性的工作,因此渐渐地有了一个专门的队伍来负责将PSD做成HTML页面。

我承认,大部分页面的“制作”工作,都是千篇一律、枯燥无味,也没有什么技术含量的。这使得页面制作成为一个团队中最简单、最无聊、最不受重视的一种工作,从事这门工作的人,也是薪水最低、最没有发言权的。

那么,页面制作,真的是没什么技术含量,易学易会的吗?

当然不是。

我们可以先看一下最简单的例子:

就这样一个简单的下划线,有N种方法来写代码:

1. 用横线代码


;

2. 用所在表格的下边框线;
3. 用CSS定义下边框线;
4. 用背景图片平铺;
5. 用图片;
6. ……

这说明什么?HTML很容易学,CSS很容易学,但是什么时候用文字,什么时候用图片或背景,如何使用这些标记(Tag),如何让HTML与CSS和谐共存,并不是一件简单的事情。

这是一件让以感性著称的艺术设计师们非常头疼的事。

我们忽略的还远远不止这些。

有一篇文章叫《web设计95%是排版》,对此我深有同感。但是,当设计师研究完Web排版艺术(留白,行间距,对齐、缩进……),然后在PSD上辛苦作业后,他们的作品并不能被访问者看到。访问者最终看到的,并不是图片,而是制作以后的页面。

最具讽刺意味的是,每个人都认为,页面制作人员没有必要了解这个,他只需要根据设计稿就可以进行他的工作。

你可以想像,当这个一头雾水的家伙接到这样一张图片时,他会如何按照他的思路去理解图片呈现出来的含义。

如果你的团队有一个头脑清楚又吹毛求疵的领导,也许会有这样的硬性规定:图形设计师要在页面制作完成以后,认真对比页面和原设计稿的区别。

于是设计师不得不做这种看起来很可笑的事:用浏览器打开页面 -> 拍屏 -> 放到PS中与原稿对比。可是这样仍然有问题,因为设计师用来作对比的截图,是基于自己的显示器和分辨率的,如果他不了解代码呈现规则,如何去预知不同浏览器和操作系统中不同的显示情况?

如果你的领导恰巧是一个门外汉,情况也好不到哪儿去。他会找到设计师责问:那两行字怎么挤得那么近?那个图片怎么离边框那么远?快给我改回来!

稍通人情世故的设计师又只好打碎门牙吞进肚子里,把问题一一记下来,然后再找到制作人员转述一遍。遇上性格比较单纯的,也许就硬邦邦地扔出一句“这不是我做的,我改不了。”然后招来更多的麻烦(可惜的是,我遇到的大部分艺术家的性格都很单纯)。

我想大多数Web界面开发团队都遇到过这样的情况,事实上,这个问题的反复出现,已经大大地影响了团队的工作效率和口碑。

前段时间读了一篇文章:《是时候了,前端架构师》,如果将来的模式发展真的如文章所说,那么页面制作工作自然而然就会落到“前端架构师”身上。当这样的一个团队潜心研究起标准、程序、代码、架构以后,这个矛盾会更加的突出。

所以,页面制作——是我们应该提高重视度的时候了。

继续阅读
提高asp页面的访问速度的技巧
常用CSS命名规则
发表评论

昵称:
最新评论
暂时没有评论!