亲泥巴 | Kiss the Mud

2010全国两会“胜利召开”，作为平头百姓，我们不能左右委员们的提案和最终决定，但至少可以表达一定的关切。

我的关切方式是对比学习一下各大门户网站的两会专题设计。具体内容我不予评价… 老百姓心中都有杆秤。

以下点评按照写作本文时Google搜索“2010全国两会”得出的结果排序：

×警告: 以下段落描写的是不断变化的网站内容，你看到它们时可能已经与我描述的不太一致。鉴于工作量太大，我拒绝截图为证。就算变，也是大同小异，差不了太多的。

1. 新华网

页面排版：头条大图 -> 等宽三栏 -> 大横版 -> 零散布局

栏目配置： 动态 -> 访谈 -> 图片 + 网评 -> 互动 -> 图片(镜头?) -> 各方评论 -> 背景知识 -> “中国答卷骄人”(哇哦!) -> 世博会（莫名其妙的安插）

视觉印象：缺乏细节、内容区块对齐混乱（显然没有使用栅格！），没有一个统一的整体风格

亮点：两会掌媒（感谢iPhone），微博摘选（感谢新浪微博… 当然，最该感谢的还是Twitter）

综合评价：★☆  版面混乱，缺乏重点，技术落后（table布局），视觉风格不伦不类（尤其是“两会互动”和“我博两会”那一块，算什么啊？）。首屏满是广告。甚至比他们自己2009年的专题还要低两个档次，至少09年的专题还有可读性强的优点。

2. 中国政府网

页面排版：典型的右边栏结构，外带左边主内容的两栏划分，内容少，布局简

栏目配置： 动态 -> 图片 ->  分析和解读 -> 议题议程被放到了比较重要的位置 -> 直播、访谈、视频、资料 -> 相关链接

视觉印象：与主站别无二致，毫无设计感

亮点：无

综合评价：★★  作为官方站点，不需要特别出彩的设计，内容安排也只需包括基本的信息发布。

3. 搜狐网 – 民富论

页面排版：贯穿全局的右窄栏 – 左大图中列表 -> 网格图片 -> 等宽两栏 -> 按需布局 -> 等宽两栏

栏目配置：动态（糅合评论、语录、花絮等..）-> 各种独家合作 -> 图片 -> 综合信息（简报） -> 访谈 -> 网站关注 -> 联合报道（站内其他频道）-> 列表大杂烩 -> 合作伙伴链接

视觉印象：“凹凸有致”。中规中矩的设计，缺乏统一的风格控制。

亮点：两会动漫、搜狐每日关注、互动部分（如虚拟提案）

综合评价：★★★  栏目设计亮点很多，令我对其网编团队刮目相看。但在版面设计上缺乏有效的重点呈现，视觉效果略显混乱。

4. 中国网络电视台

页面排版：栅格化的自由区块布局，灵活多样

栏目配置： 动态 -> 视频 -> 社区内容聚合 -> 关注代表和委员 -> 图片 -> 媒体资源整合 -> 民生关注 -> 新闻聚合+背景知识

视觉印象：大量运用大号字体却没有相应留白，加上粗糙的渐变效果，整个设计品味略显品味不够

亮点：对媒体报道，甚至海外媒体报道的整合

综合评价：★★☆  作为央视的网络战场，自然充分利用本台资源。粗糙的渐变配色和字体大小的随意搭配大大影响了网站品质。

5. 中国网

页面排版过渡：右边栏（窄）-> 等宽三栏 -> 按内容需要的自由区块 -> 等宽三栏

栏目配置过渡： 动态 -> 访谈 -> 记者观察 -> 图片 -> 互动 -> 视频 -> 新闻聚合（各方“传真”） -> 背景知识

视觉印象：简洁典雅，可读性强，区块内容展示方法多样。整体视觉风格统一，“红”但是冷静。

亮点：统一而精致的视觉风格，超大幅头条配图（甚至用到了全站首页上），两会访谈和两会观察里的栏目设计都充满诚意

综合评价：★★★★★  视觉风格简洁统一，栏目设置目标清晰，合理实用，自办栏目有声有色，报道相对客观而全面。看得出来，中国网有自己的新闻采编队伍，前端技术上也不乏人才。只可惜，这个网站的主要任务其实是对外宣传。

6. 新浪网 – 关注民本中国

页面排版：超高题头 -> 左窄边栏+两等宽的三栏式 -> 左窄右宽的双栏 -> 基于栅格的灵活布局 -> 近似等宽的三栏

栏目配置： 动态（糅合视频、评论、访谈等..）-> 博客 -> 微博 -> 关键词的民本观察+博客评论 -> 辩论+新闻排行 -> 报告、决策、议案等的解读 -> 单日总结（简报） -> 视频 -> 图片 -> 自有策划 -> 多方面内容聚合+合作伙伴连接

视觉印象：虽然也有很多装饰图，但比较清爽；部分区块较拥挤或混乱

亮点：（真正的）微博摘选、PK台、两会简报

综合评价：★★★★ 新浪的栏目设计十分全面，而且依托强大的博客与微博平台，提供了很多独家内容。某些地方的内容展现和一些交互小控件充分体现了前端的价值。视觉设计上也可圈可点，相比于09年的专题，去掉了链接下划线以及很多累赘装饰，效果好了不是一点点… 唯一的遗憾是最下面的大款新闻列表不应该灰色字

7. 网易网 – 国家的代表

页面排版：等宽三栏 -> 各种尺度的自由布局。几乎没有使用边栏。

栏目配置： 动态 + 栏目预览 -> 当日总结（日志） -> 访谈 -> 人物 -> 提案议案 -> 评论 -> 海外观察 -> 图片和视频 -> 报告解读 -> 新闻发布会 -> 民生热点 -> 人大议事厅（各省对全国两会的关注情况） -> 博客聚合 -> 数据 -> 背景资料 -> 关注北京 -> 网易其他频道 -> 媒体封面 -> 多方面内容聚合 -> 合作伙伴连接

视觉印象：罕见地大量使用12px小字，可能是内容实在太多了？视觉风格统一，保持了网页门户一贯的简练风格

亮点：内容虽多（估计是所有专题中页面中最长的吧？），但栏目配置和先后顺序清晰明白，适宜阅读。“视觉两会”、“民生热点”等自策划栏目都有极强阅读价值。

综合评价：★★★★  与《新京报》合作的网易专题内容十分充实，视觉效果虽不出彩但易于阅读，栏目设计也体现出网易新闻团队一直以来的高水准。

8. 凤凰网 – 进步，需要你参与

页面排版：左窄右宽两栏（右栏又有按需细分） -> 等宽三栏 -> 小图通栏 -> 左宽右窄两栏（左栏等宽细分为两栏）。 总而言之，按需变化，十分灵活。

栏目配置： 动态 -> 访谈 -> 凤凰独家 -> 第一线 -> 全球视野 -> 热点解读 -> 网友提案 -> 图片、视频 -> 观点PK -> 经济聚焦 -> 博客+论坛 -> 新闻、评论 -> 资料、日程、合作媒体链接

视觉印象：惊现背景纹理图！尽量无图的方角框设计，简单明朗的配色，保证设计品质。

亮点：两会自由谈（帮助民众参与两会）、热点解读（很有深度）、PK台

综合评价：★★★★☆  主题鲜明，且包含大量独家内容，视觉设计清新高雅，内容呈现方式灵活多样。唯一的遗憾是“网友提案”、“网友评论”等内嵌内容的样式不够精致。字体大小搭配和部分区块的留白控制尚有改进余地。

×以下网站并不在搜索结果的前五页之内（请相关网站的SEO人员自觉做一下检讨），但考虑到它们影响力较大，故还是加上。

9. 人民网

页面排版：被肆意抽插的等宽三栏

栏目配置： 动态  -> 报告解读 -> 民生聚焦 + 当日总结（特刊） -> 视频、访谈、图片 -> 互动 -> 新闻聚合 -> 外文与民族语言报道

视觉印象：广告十分刺目，内容区块本身就缺乏规划，在非IE浏览器下还有大量错位…… 大量视觉样式的无意义堆砌，纷繁复杂的配色.. 除了页头比较喜庆，主题内容惨不忍睹。

亮点：E两会、小白闪报

综合评价：★★  连CSS都写不好，人民网的前端开发果然缺人… 内容安排和视觉样式也十分混乱，但因为具有官方背景，加上网友群体的“高素质”，所以可以很放心大胆地做互动。

10. 腾讯网

页面排版：等宽三栏 -> 右边栏为主的灵活布局 -> 三栏

栏目配置： 动态  -> 重点推介（关注榜） -> 访谈 -> 评论 -> 博客 -> 报告解读 -> 互动 -> 财经 -> 图片、视频 -> 两会相关其他专题（报道矩阵） -> 背景知识 -> 地方两会与数据 -> 新闻聚合 -> 合作媒体链接 -> 网友评论

视觉印象：唯一在内容区块也用彩色背景色的，区块标题栏的色彩也十分隆重，但总体样式和谐统一

亮点：被充分利用的题图空间，两会关注榜

综合评价：★★★☆ 独家策划+媒体合作搞得有模有样，却缺乏个性。视觉设计略显平淡。

总结：

1. 清一色的大红色调，表明大家还是都把这件事当成了红色盛会。而“红”的程度也象征着各网站与党的亲密程度。

2. 各网站都根据受众不同进行了不同的栏目设计。既要做到发挥自身已有优势，又要体现观点独立性。

3. 新闻站点的可读性非常重要，花里胡哨的装饰还是少些为妙。栅格布局有神效。

4. 内容展现方式多种多样，因避免保守和重复，大胆创新，按需挑选最合适的。

This entry was posted 星期四, 三月 11th, 2010 at 9:12 下午 and is filed under 设计. You can leave a response, or trackback from your own site.