新闻资讯

新闻类网站如何设计

其实新闻类的网站在设计上与其他种类的网站设计的理念基本相通,不过,毕竟是作为新闻主题类的网站,所以会少许显露出十分正式的排版,接下来这篇文章上海谦行网络科技有限公司就来深度围观并学习一下此类风格的网站设计,那就是报刊风格类型的网站!在后面的文字当中,你就会逐渐理解这个风格的一些基本特征,当然如果您能吸收一些设计灵感并应用到以后的设计中,那对我们大家来说真的是棒极了!

其实网站风格这种类型吧,说简单点就是你想要怎么设计网站的。网站也是与读者沟通的一个渠道,所以每种风格背后都会有一些固定的构成。在许多的网页设计中,大概会有以下几种风格是我们经常见到的:1>干净的;2>丑而美的;3>复古风格;4>插画风格;5>报刊风格

最后一种就是我们这次讲述的报刊风格了,其主要用在报纸或杂志的网站中,通常都带有一些与纸质印刷品相似的结构。其实,这种风格适合各种网站,尤其是拥有大量内容的网站。报刊风格网站的特点十分鲜明:拥有丰富的布局、多列分栏结构、简洁的页面还有对比鲜明的颜色。下面就为大家介绍一些报刊风格网站的基本特征

一、白底黑字:传统的印刷媒体出版后也基本是这样的,白色或略带灰色的纸张上印刷着黑色的文字。这种样式搭配对我们的眼睛来说是十分的舒适的,可读性也很高,这也是为什么传统媒体通常都采用这样的配色方案的原因,因为新闻类网站的主体多是文字,使用这样的显示方式会让文字更加鲜明易读。不过在此也鼓励各位设计师在传统的基础上能够有些许的创新,但是千万不能忘了对比度!比如把传统的模式反过来,黑底白字,这种样式是十分的古怪的。在这里为大家罗列一些组合强烈不推荐使用:黑底黄字、蓝底绿字和蓝底粉字等等。如果您不信邪,非要自己尝试一番,那也可以,设计稿做出来之后自己先看看,如果自己觉得看着舒服,再应用在你的项目里。
当然,黑白这两个颜色都是基本颜色,有时候也是需要一些辅助色来让设计更加的引人注目。举个栗子来说:蓝色很适合用在标题上;红色则更适合作为按钮;导航菜单有时候需要用阴影或发光特效来装饰一下,但是装饰的颜色与主色对比度不要太高,不然就会有种喧宾夺主的感觉。这样可以让导航更加明确,给予用户更好的视觉体验。

二、图形元素最少化:报刊的布局是十分简单干净的,内容突出并且十分详实,结构也很明确,图形元素出现的方式与其他设计不太一样,通常会以下面几种方式出现在页面中:线条、形状、颜色、排版和纹理。就像刚才说的,这样的网站里,配色通常会十分的简单。纹理的应用基本十分的少见,想象一下报纸杂志类的网站,背景是一堵砖墙,或者是一块木板,或者是什么复杂的纹理,会是怎么个感受?影响阅读是肯定的了!纹理有时会分散读者的注意力,这点就违背了我们的设计初衷:突出文字。但是这类网站里,可以采用纸质纹理。纹理可以出现在背景里、按钮上或者是页眉页脚。规范的网格设计或者是分栏布局可以减少线条和形状的使用,因为画面里已经被分割成很多部分了,无需再添加更多的内容了。如果设计中添加过多线条和形状,反而不够简洁美观,会给用户一种过分堆叠的感觉。

三、基于网格的布局和分栏结构:报刊网站的布局中基本上可以说是完美的结构布局,内容丰富的网站通常都是采用与此类似的布局,所以网站结构是第一重要的。网格和分栏将内容有效的分布在阅读媒介上,正如Mark Boulton所说:“一个优秀的网格系统不仅可以让你的设计看起来整洁美观,也会增强可读性和易用性。”基于网格系统的布局设计可以把内容分类,让用户可以有选择地去阅读自己感兴趣的部分,提高用户的体验度。
相似但不同的分栏布局可以有不同的宽度,但是应该注意内容的高度,更宽的分栏可以容纳更多的文字。两个分栏的结构可以让网页更耐看,尽管三个或三个以上的分栏可以让分类更明确,但是分栏和网格的作用差不多,都只是让内容的分类更明确,让用户可以更快更方便地找到自己感兴趣的内容,但是如果分的太细就会造成用户花费大量的时间在寻找内容,从这点来说就是在降低用户的体验度了。考量好了分栏的宽度,也不能忘了分栏内两段内容之间的间距,间距若是太小会造成阅读不便,网站的体验也不会好。

四、标题和摘要:打开一个网站或博客,我相信任何人都不会想要迷失在在一篇又一篇充满文字的文章里,标题可以让找寻文章的过程变得更简单。不管是网格系统中的一小块还是一整个分栏,都需要一个标题告诉大家,这一块文字是在讲什么的,不然谁有那个耐性看下去然后再总结中心思想啊!因此一篇文章的标题要比正文的字号大一些,也可以选择加粗或是用其他颜色来标明,让它更醒目,利于用户的阅读。
摘要则是一篇文章的简短概括,它需要通过简短的几句话让人理解这篇文章主要是讲了什么事,也要足够的吸引人,让人产生兴趣继续阅读整篇文章。这几句话还是十分必要的,尤其是博客、在线期刊和新闻类的网站等。

五、主要和次要内容:在你的设计稿里要有这样的主次观念:首先要分清哪些是最重要的,要第一时间阅读;哪些是可以暂时先放弃,等会再看甚至不看也没关系的内容。具体来说,网站的首页上一般都有一个巨大的版头,这里通常是一些重要的新闻,可能是一个,也可能是多个。这片区域通常会配有报道相关的大图。其他内容的占比面积一定比这部分小,并且基于网格分布在网页的其他地方。这样可以让人把更多的精力集中在重要的新闻上,这些新闻也是人们分享到其他SNS上数量最多的新闻。

六、简单易用且风格一致的导航:报刊网站布局是为了内容的设计,它简单易用,因此,报刊网站的导航也要具备简单明确的特点,导航的位置也要明显。一般来说,导航最好放在页面的顶部,因为通常人们会最先注意到这里,而且即使页面滚到底,导航依然可以放在屏幕的最上方。如果你喜欢垂直导航,那么导航应该放在页面左边。这主要是大多数人的阅读习惯都是自左向右的,放在左边更符合视觉的规律。

七、内容分类:报刊网站的分类是最明确的,这样的分类方式博客和其他网站也同样适用。单纯的排列文字并不会增加网站的可读性,我们还需要给内容进行分类。像新闻类的网站,我们还需要将不同的主题区分开来。我认为把内容分类,并在导航里体现出来是个不错的解决办法。可以为用户提供自助选择的条件,帮助用户浏览自己需要的内容。

八、添加广告位:相信很多建站的朋友都会有这类的问题。在网站受欢迎之前我该如何赚钱呢?对于各个网站来说,广告是一种不错的收入来源。当然广告是不能随随便便放在网页上的,它需要有一个固定的位置。一般来说可以放在左边或右边,页眉和页脚也是不错的选择。也有一些Banner是放在文章中间的,但这样做是一把双刃剑:一方面它可以让网站赚到钱,获取利益,但是相应的,也可能会让一些读者感到反感,丢失一些用户。

九、侧边栏:侧边栏不仅可以挂广告,还可以作为另一种类型的导航,它可以包括:文章类别、最新内容、搜索框、导航、SNS分享按钮、折扣等等网站中的内容。报刊网站布局很适合设置侧边栏,因为可以直接作为一个分栏存在。成功的侧边栏要注意以下内容:长和宽、颜色、字体和位置。侧边栏应该比其他分栏小一些或者是等同的大小,不会是布局中比较大的部分。它应该使用一些中性色,但在布局中依然不会黯淡得让人忽略它。位置在左边在右边都可以,但之前我们已经说过了,多数的人还是会率先看到左侧的内容。

十、留白最大化:当文章写到这的时候,都是在写如何建立一个令人印象深刻同时又具有一定功能性的网站,不过我们在建设网站的时候除了基本的功能,我们不能忘了要给页面留出一点透气的空间,这就是留白的位置重要性了。当然这也是报刊风格网站必不可少的一项内容。在分栏与分栏之间,侧边和底部都需要留白,这样读者才会感觉有思考的空间留给自己,而不是通篇一眼望不到头的文字,瞬间感到压力山大有木有。一般来说,人们认为没有内容的地方才会是一片空白的,其实报刊风格设计里提到的“留白”有一个更狭隘的定义:文本的行与行,字与字之间的空白还有内容周围的空白,是为留白。适当的留白可以让网站看起来更简洁、舒服,内容更易阅读。即使是拥有超级多文字的页面也不例外。

十一、频繁的内容更新:报刊网站需要经常地添加新的内容。试想一下,如果某些分栏是空的,这个网站看起来多尴尬!所以这就需要遵循某个频率不停地来更新网站的内容。定期更新内容除了为了网站的外观,也会影响到网站在搜索引擎的排名。如果网站的内容陈旧过时,人们就不会访问网站,这会体现在搜索的结果中。

十二、鼓励SNS分享:博客和新闻类型的网站是最常见的报刊风格网站,这些网站的内容就是分享给别人看的,离不开社交媒体这个大平台。现在是一个信息高度发达的社会,人们会在社交网络上花费大量的时间,所以应该为每一个流行的社交媒体设置分享按钮:微博、人人、LinkedIn等等。这里还是有一个建议:分享按钮要突出!确保人们能随时随地一不小心就戳上去分享给亲朋好友们!

最后还是为大家说一些,是关于移动端的内容。报刊网站设计在移动终端上没有办法保持它在网页上的基本布局,所以手机网站不应该有那么多分栏,而这也是报刊网站风格的标志性特点之一。移动端的网页不应该有侧边栏,导航也应该针对移动终端重做,因为滑动操作比点击操作更适合移动终端。

今天的新闻类型的网站设计中需要注意的问题就为大家介绍到这里了,相信大家在阅读完这篇文章后,或多或少都会有些许的感想与不同的见解。这也是上海谦行网络科技有限公司希望产生的效果,如果您有疑问或者有建站的需求,欢迎您前来咨询。

文章作者 kim
周金海
周金海,英文名kim,从事互联网工作八年,做过SEO优化、网站开发、网页设计、软件测试以及个人网站运营,擅长用户体验优化、搜索引擎优化、搜索引擎营销,有丰富的SEO经验,擅长数据的精确定位与分析。

相关文章

评论

 
QQ在线咨询
在线咨询
服务电话
021-51095331