当前位置:网站首页 / 建站知识 / 网站设计知识

新闻类网页设计的十大Style

来源:未知时间:2014-10-06 14:18点击:

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

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

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

1、颜色的力量:对比色让内容更易读

新闻类网页设计的十大Style

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

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

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

2、简洁的魅力:剔除不必要的图形元素

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

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

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

新闻类网页设计的十大Style

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

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

4、摘要的指引:标题和导读让用户速读

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

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

5、上头条:内容按重要度予以编排

新闻类网页设计的十大Style

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

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


6、导航吸睛术:巧用导航栏抢占读者注意力

新闻类网页设计的十大Style

导航菜单要位置适中,简单易用,最好放在页面顶部,因为这是读者最先注意到的地方。如果一定要用垂直导航菜单,就设置在页面的左边。因为读者一般都是从左往右开始阅读,左边的内容会优先被注意。

边导航可以展示广告、内容分类、最新消息、检索框、电邮通讯、导航栏、分享按钮、特价或者打折信息等。

设计好的边导航需要考虑以下要素:大小(宽和高)、颜色、字体、位置。边导航要比页面常规的专栏小或者一样大,选中和但明显的颜色,放在页面左右皆可,最好是左面。

7、天平的两端:广告位需要综合考量

新闻类网页设计的十大Style

网站火起来之前最能赚钱的就是广告,广告位要非常明确,最好是左边或者右边的边导航以及网站页眉页脚的位置。促销广告经常会插在文本内容的中间,这可要三思了,广告主自然乐见其成,但这也有可能会惹恼你的上帝——读者。

8、空白的力量:留白必不可少

留白顾名思义就是没有任何东西,具体的说就是字、行之间以及文本四周的部分,所有能让网站看起来更简洁易读的都是留白。

留白在设计一个多功能且吸引人的网站时作用重大。专栏之间、页面边缘或底部都需要留白。内容要分主次,如果想突出某个或某组新内容,可以把它放在头条,配上大标题和大图,其他内容按正常规格编排。这样就会把读者注意力吸引到头条上,从而提高网站的受众参与度。

9、实时更新:保证网站的更新频率

专栏和网格的数量和内容不匹配会让网站看起来呆板,必须保证内容充实并定期更新,时常更换头条内容。

内容更新频繁度还会影响搜索引擎的搜索结果。如果访问量太低、内容已经过时,搜索引擎会排在比较靠后的位置,不容易被读者搜到。

10、社交属性:“点赞”“分享”一个不能少

新闻类网页设计的十大Style

没有社交媒体整合,博客和新闻网站就不能生存,人们很多时间都在使用社交网络。

每个网站都应该设置“点赞”按钮和“分享”按钮,让读者可以分享内容到如Twitter、Facebook、Google+、Pinterest、LinkedIn之类的社交网站上。按钮一定要非常显眼,这样才能提高在社交媒体平台上的曝光度。