神马文学网页面制作的重要性
来源：百度文库 编辑：神马文学网 时间：2024/04/28 21:53:54
页面制作的重要性
一位资深的设计师曾经向我抱怨，说老板不仅让他做“设计”工作，还让他做“制作”工作，真是很烦。言下之意，“制作”还要一个资深设计师亲自上阵，未免有点大材小用。
制作——究竟是制作什么呢？
我们通常理解的设计，仅限于图形设计，就是用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界面开发团队都遇到过这样的情况，事实上，这个问题的反复出现，已经大大地影响了团队的工作效率和口碑。
前段时间读了一篇文章：《是时候了，前端架构师》，如果将来的模式发展真的如文章所说，那么页面制作工作自然而然就会落到“前端架构师”身上。当这样的一个团队潜心研究起标准、程序、代码、架构以后，这个矛盾会更加的突出。
所以，页面制作——是我们应该提高重视度的时候了
一位资深的设计师曾经向我抱怨，说老板不仅让他做“设计”工作，还让他做“制作”工作，真是很烦。言下之意，“制作”还要一个资深设计师亲自上阵，未免有点大材小用。
制作——究竟是制作什么呢？
我们通常理解的设计，仅限于图形设计，就是用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界面开发团队都遇到过这样的情况，事实上，这个问题的反复出现，已经大大地影响了团队的工作效率和口碑。
前段时间读了一篇文章：《是时候了，前端架构师》，如果将来的模式发展真的如文章所说，那么页面制作工作自然而然就会落到“前端架构师”身上。当这样的一个团队潜心研究起标准、程序、代码、架构以后，这个矛盾会更加的突出。
所以，页面制作——是我们应该提高重视度的时候了