新闻类网页设计的十大Style

BC自2014年5月以来，尝试每日在官网和社交媒体发布交互式图表新闻，描述叙利亚危机、乌克兰问题等重大新闻。据悉，这一尝试有效提高了BBC官网的点击量。

在数字化浪潮之下，用户普遍使用社交媒体阅读新闻，新闻门户网站在交互性、可视化方面远不及移动端的更迭速度，如何同时吸引传统平台和社交媒体的用户是媒体面临的新难题。

一家网站的Style是网站设计的集中展示，也是和读者交流的一种方式方式，不同的内容组合方式构成了不同的网页风格。正确的Style囊括内容承载量大、多专栏布局、颜色简单且对比强烈等等特征，这些都易使其从众多竞争对手中脱颖而出。以下是美国网页设计师Julia Blake为报纸网站网页布局提出的十条设计原则。

1.颜色的力量：对比色让内容更易读

传统的印刷报纸都是白底黑字或者灰底黑字，这种组合让报纸更易读，也最适合内容庞杂的新闻网站。当然这不是唯一，你也可以选择黑底白字。

Julia Blake强调，不要使用对比不明显的颜色组合，如黑底黄字，蓝底绿字，蓝底粉字。

中性的浅色调和深色调是基本色，但也可以使用重点色。例如：蓝色适合作标题，红色适合按键。JuliaBlake同时建议用比主色稍浅或稍深的阴影加以修饰，或者与重点内容同色，导航菜单就会从页面上脱颖而出，从而带给使用者完美的视觉体验.

2.简洁的魅力：剔除不必要的图形元素

常见的图形元素包括：线条、图形、颜色、排版、纹理。Julia Blake指出，新闻网站布局要少用图形。在保证网站颜色简单的同时，注意剔除不必要的元素，例如使用纹理。因为木纹或其他纹理不仅会分散读者注意力还会影响阅读。但是与此同时，背景、按钮、页眉页脚区域可以使用。

Julia Blake还特别强调，常规的网格式或多栏式布局要减少图形和线条的使用，因为它们已经包含了足够的图形线条元素，如果再用数据集合的话，几何体就太多了。

3.区分的作用：网格式或多栏式布局很实用

新闻网站特别是一些内容比较丰富的网站，最实用的网格和专栏就成了首选，他们能区分网站内容，读者可以更快地找到感兴趣的内容。正如Mark Boulton所说，“好的网格系统可以让产品清晰美观、实用易读”。

Julia Blake还强调多专栏布局和网格式类似，都要求专栏高度适中，宽度不限。因为专栏越宽，里面的内容越易读。而两个专栏会在视觉上比较有吸引力。栏间距要适中，挨得太近看起来会很费劲。  

4.摘要的指引：标题和导读让用户速读

网站内容庞杂，读者不可能点开每一篇文章，怎样才能最快地选到自己最感兴趣的内容呢？看标题！

不管是网格的一小部分还是整个专栏，每个内容板块都需要有标题。标题字号要比正文大、加粗或者是用不同颜色凸显。导读就是对文章内容的提要，读者可以几句话了解文章大意。导读对博客、电子杂志、新闻网站等都很实用。

5.上头条：内容按重要度予以编排

新闻网站文章经常更新且话题多变，因此内容分类非常重要。分类之后要展示在边导航或者导航菜单里。

内容要分主次，如果想突出某个或某组新内容，可以把它放在头条，配上大标题和大图，其他内容按正常规格编排。这样就会把读者注意力吸引到头条上，从而提高网站的受众参与度。