这个应该是客户的竞争对手发的吧，先强烈BS下！再接着BS百度！

电动车辆制造客户网站设计效果图审稿，目前客户还有确认，修改后，智网互联会将新的设计搞再发上来，希望大家能提出好的意见和建议！

印刷设计一直都是网页设计的灵感来源。网页设计已经有了一段的历史，足够形成一个强劲的没有印刷设计经验的设计师核心。而结果我们看到更多的灵感是来自于印刷，似乎这些设计师不仅仅是网站设计。
   衬线字体
印刷的最重要问题之一是可读性。印刷设计师们总是倾向于衬线字体，因为这种字体边缘明显，提高可视效果，使字形更容易识别。

无衬线字体，一般认为它更容易在屏幕上阅读。但是，随着越来越多的用户浏览分辨率的提高和字体平滑技术的改进，衬线字体显示正文文本可读性十分良好。

大标题
印刷设计师一直使用的大标题，以吸引不同年龄层的注意。如果期望别人来读，印刷材料的形式已经有很深的影响。如果你看到一个沉闷的小册子赖在办公桌上，你都懒得捡起来？不是吗？

这一趋势开始于2009年，目前在普及。大标题已证明更有吸引力和明晰沟通。

多列布局
设计人员的工作往往受限于手段和媒介。跟印刷不同，网页是可以滚动的，因为它没有纸张尺寸的限制。因而使用多列可让你在同一空间呈现更多的内容。

现在，屏幕分辨率在增加，网格布局已到来，更多的设计师正在网页设计上适应这种方法，使得网站更易用，容纳的内容也更加多。

   大幅配图
一张好图片胜过千言万语。因为在网络之前，印刷品的图片（分辨率更高）已经有了相当的影响，现在宽带接入使得大图片的使用更具可行性。

我们看到越来越多的网站使用大幅的，给人印象深刻的图片来吸引用户，创造一个身临其境的体验。
  

   图表和资讯图
印刷设计师多年来一直使用图形来传达复杂的信息。最为普遍常见就在杂志和年度报告。

对于那些复杂的关系和比例，纯文本是很难表达的，图形是一种很好的沟通的方式。资讯图像往往有一个简单而丰富的视觉外观，越来越多更多的设计师都采用资讯图像，或者模仿这种设计风格。
  

简约
安东尼·德·圣-埃克苏佩里曾说过，“完美就是多一点则太多，少一点则太少。” 简洁设计的优点很多。

希克斯定律告诉我们，多出的每一个选择，都需要增加时间来做决定。此外，信号噪音的理论告诉我们，给网站（信号）的信息和功能添加额外的东西，只能令到网站设计效果更差（噪音）。

简单的设计更容易使用和理解，信息传播也更加明确。
极简和网格设计
极简主义是功能强大，但难以掌握。它仅仅包含的基本要素，多余的一切都抛弃，结果是呈现出元素的最大影响力。

极简设计需要一个强大的行之有效的网格系统。一般的，设计会留有足够的空白，所以如果没有这种网格，一个简约的设计会让人感到截断的和草率的。网格就是赋予它组织和结构。

单页布局
有几种方法可以简化设计。单页布局展示了其中两种方法：隐藏和删除。

有效的单页布局会隐藏掉那些次要的元素。如果用户希望看到这些元素之一，只需点击一下就呈现出来。这比什么都显示出来更有效果，因为那样会使页面复杂和压抑。

同样，单页布局背后的原则决定了那些额外的页面是没必要的。随着强大的Javascript库兴盛和网络速度提高，许多网站现在已经没必要使用几个页面。设计人员可以轻松地将信息容纳到一个页面上，不会让用户为层层分级的页面感到厌烦。

巨型的留白空间
在网站设计之初，我们没有太多的屏幕可以工作，所以并没有表现出很大的空白。如果你曾经尝试为640 × 480分辨率的网站做设计，我说的是什么，你懂的。

现在我们有了更高的分辨率，还可以使用Javascript隐藏和显示元素，利用留白空间已经容易得多。

空间留白是良好设计至关重要的一部分。给眼睛一个休息的地方。很自然的就提高了设计质量。而且通过元素间距也更容易表达它们之间的关联性

   版式布局
在以前，我们在控制展示内容的时候，仅仅限于少数可选择“网页安全字体“，现在我们有了更广泛的工具来丰富我们的排版。

Web设计者一直喜欢使用型式作为沟通信息的一个微妙工具。随着控制和能力的增强，我们将看到更多的设计师会把印刷样式的排版的作为设计元素重点。

   1. 页面加载速度更快；
举个简单例子，同样一个网页，用表格设计的源码平均有245行，而使用CSS布局只有45-50行code，将近5倍多的无用代码，导致了table设计的网页加载速度比CSS慢2-4倍。 虽然只是几秒钟的差别，可往往就能造成一些用户离开你的网站。

出于SEO的角度，CSS布局带来了代码的精简，提高搜索引擎的爬行效率，能在最短的时间内爬完页面的内容，而不是被一些繁琐的表格代码耽误，这样对你网站的收录质量有一定的好处； 另一方面，页面显示的速度也是用户体验的重要组成部分。

2. 改版和维护容易
我们的一个网站设计师曾经这样生动地描述：“如果有客户联系我重新设计他的表格布局网站，我就告诉他我参军不干了，但若是一个CSS设计的网站，我想都不想就会答应下来。”

理由很简单，基于表格的网页把内容和格式(字体、颜色等)都混在一个html,asp, 或php文件里，而CSS-based的网页则把文字内容和格式分开，也就是说，网页的文字放在一个文件里，所有和样式有关的代码都放在另一个单独的CSS文件里。

这样做有两个好处： a. 重新设计网站的时候，不用动内容，而且只要在CSS文件里改一下，整个网站的样式都改了，而表格网站就只能一页页地修改。 b. 保持视觉设计和文字内容分离，使得网站维护团队之间能够更好的协调，例如：编辑和设计师可以分开工作。

3. 节约带宽成本
如果你的服务器每个月给你1G的带宽限制，使用table布局只能支持65,536 pv(page view)左右的流量，而用CSS则可以支持131,072 pv。 因为一样的网页，你的代码”减肥”了，需要放在服务器上的文件就小多了。 举个例子：当 ESPN.com 改版成CSS布局后，每天节约超过两百万兆字节(terabytes)的带宽。

4. 利于网站排名
table布局的网页，一般都是导航放在内容前面。 举个例子：还是说说之前的北大青鸟吧 (网址：http://www.6611006.com)通过网页的源码就能看到，整站几乎都是定义表格和内部链接的代码，没有多少文字内容。 读过搜索引擎排名原理的人肯定知道，搜索引擎较重视网页开头的内容，你要是把没用的代码放在前面，网页上真正有价值的内容就容易被搜索引擎忽视，这样就会严重伤害你的排名。

5. 网页结构更SEO友好
表格布局的网站在浏览器中显示和CSS没什么区别，但搜索引擎读的是代码，也就是说，Google等看到的网页内容顺序是不一样的

 CSS布局则用<h1><h2><h3>各级标题加上<p>(段落)标签来组织内容，不仅让网站建设人员脉络清晰，更主要的是，向搜索引擎清楚地展示了网页的结构和逻辑。

当然这里并不是排除表格在网页中的一切使用，而是说它不再适合布局整个网站，展现数据或者价格的时候还是用得上表格的。

如果你想把网站改成CSS为主骨的，建议不要在table的基础上更改，麻烦还容易出乱，莫不余把内容提取出来，然后重新做一个网页的模版。

智网互联编后语：网站建设的一个很重要的原则：把代码和内容的比例降到最低， 这就是使用CSS的好处，把格式阿，字体阿，颜色结构这些不含内容的东西统统隔离到一个单独的文件当中，让搜索引擎集中爬行富含关键字的内容。

   现有网址：www.6611006.com

北大青鸟的网站还在使用Table布局，而不是合乎web标准的XHTML+CSS ，虽然说用table布局(尤其是使用WYSIWYG-所见即所得工具)来设计网站简单又好学，美国小学生都能用Front Page设计出一个像样的网站来。 熟练点的设计师用table制作一个10页的网站，2个小时就可以完工。 但作为站主的你，无论是以后的网站维护，用户界面和体验，还是搜索引擎优化(SEO)，都会因此遇到重重困难。

所以，我们建议客户：设计网站之前一定要问好设计师，保证他会手写XHTML+CSS代码， 并且完工之后，网站的代码都能通过W3C Validator验证，基本没有错误。 你这网站设计的钱才没白花。

如果你的网站是以前设计的，使用的是table布局，那么最好进行一次改版，做成CSS的格式！

后面，我们会像大家详细介绍为何CSS优越于表格布局的原因！