网页制作的模式

从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容（外语：Separation of style and content），指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。

网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。

1.视觉元素

平面设计与网页设计所使用的色彩模式完全不同，平面设计依赖于印刷，所以采用CMYK的色彩模式，网页根据其成像模式使用RGB的色彩模式。色彩在平面设计中的使用注重冲击和视觉引导，这点类似于网页设计中的banner设计;而网页设计更注重信息结构的梳理，如果使用颜色太强的话，很容易引起视觉疲劳。

在设计过程中，平面设计的字体选择更加自由，不必担心后期实现的问题。所有的文字都会在最后印刷为图形;而网页设计则需考虑更全面，字体选择范围也很小，为了让输出的成品大小不会对服务器造成压力，并基于HTML特性，所有的字体都给予用户操作系统内默认字体而定。当然，近年来，随着技术的发展与进步，这个差距正在逐渐缩小。目前，使用个性化字体可以通过html5的api来实现，而不需要个性化字体最终输出为图形，这样在不增加后台压力，又大大提高了用户体验。

从图形的使用来看，平面设计比网页设计更加丰富多样，特别是对于产品类的网页设计，模块化的设计思路更为明显。在我们使用的尺度单位问题上，平面设计使用尺寸标注的物理尺寸概念，如英寸、厘米、毫米等，而网页使用的像素。

2.呈现方式

(1)平面设计的展现形式为纯静态，而网页设计拥有诸多动态元素，在视觉感受上较为活泼，能引导用户的操作行为，增加互动性

(2)平面设计的视觉焦点完整性较强，用户感受相对直观;而网页设计受制于显示屏，会尽可能把重要信息展示在第一屏内，完整性将对平面设计会弱一些

(3)平面设计的后期实现依赖印刷工艺，以及不同的材质媒介;而网页设计涉及前后台程序开发、服务器应用、网络信号等第三方资源的支持

3.信息载体

(1)平面设计的材质媒介为纸质、布料等(会因材质不同，呈现出特别的效果)，真实感强;而网页设计的媒介是显示屏

(2)平面设计的画面尺寸直接反映了信息量的大小，而网页设计由于电脑等终端媒介的特殊性，依赖于html，信息量在同页面中可以大到无限

(3)平面设计无法进行二次更新，不能及时获取用户反馈信息;网页设计的更新相对简单，即使有错误信息也能够及时的更正发布，对用户的信息的采集比较便捷。

4.浏览模式

平面设计属于渐进式浏览模式，不能将浏览的整个过程串联起来。网页设计有多种浏览方式，比如滚动条下拉、按钮链接跳转等。在同一信息架构条件下，信息串联性更加丰富，用户选择信息的自由度更大，但平面设计具备天然优势，比如平时我们设计相册这类产品时候，很明显发现，这类产品在电脑终端翻阅不如印刷成一本真正的书来浏览体验更好，并且更具收藏和纪念意义。

5.信息传播

平面设计是一种比较传统的信息媒介设计，一般会通过张贴、销售、邮寄等形式进行传播。这样的传播范围小且成本较高。相反，网页设计的信息传播能力很强，但它依赖于第三方媒体的支持。平面设计却拥有更广泛的受众，不同年龄的纸质或书籍的信息接受能力总是比网络媒体更强。毕竟，网络信息的获取存在一个学习成本，在今后网络的不断普及和终端媒介用户体验的不断提升，在受众方面差距将越来越小。

总的来说，这两种形式的设计有不同的用户体验，应根据不同的设计内容，选择正确的设计形式来提高用户体验。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com