新闻类网页设计的十大Style

jssh365 · 发表于 2015-9-1 00:20:42

新闻类网页设计的十大Style2015年04月22日
在数字化浪潮之下，用户普遍使用社交媒体阅读新闻，新闻门户网站在交互性、可视化方面远不及移动端的更迭速度，如何同时吸引传统平台和社交媒体的用户是媒体面临的新难题。
一家网站的Style是网站设计的集中展示，也是和读者交流的一种方式方式，不同的内容组合方式构成了不同的网页风格。正确的Style囊括内容承载量大、多专栏布局、颜色简单且对比强烈等等特征，这些都易使其从众多竞争对手中脱颖而出。以下是美国网页设计师Julia Blake为报纸网站网页布局提出的十条设计原则。
1.颜色的力量：对比色让内容更易读

传统的印刷报纸都是白底黑字或者灰底黑字，这种组合让报纸更易读，也最适合内容庞杂的新闻网站。当然这不是唯一，你也可以选择黑底白字。
Julia Blake强调，不要使用对比不明显的颜色组合，如黑底黄字，蓝底绿字，蓝底粉字。
中性的浅色调和深色调是基本色，但也可以使用重点色。例如：蓝色适合作标题，红色适合按键。JuliaBlake同时建议用比主色稍浅或稍深的阴影加以修饰，或者与重点内容同色，导航菜单就会从页面上脱颖而出，从而带给使用者完美的视觉体验.
2.简洁的魅力：剔除不必要的图形元素
常见的图形元素包括：线条、图形、颜色、排版、纹理。Julia Blake指出，新闻网站布局要少用图形。在保证网站颜色简单的同时，注意剔除不必要的元素，例如使用纹理。因为木纹或其他纹理不仅会分散读者注意力还会影响阅读。但是与此同时，背景、按钮、页眉页脚区域可以使用。
Julia Blake还特别强调，常规的网格式或多栏式布局要减少图形和线条的使用，因为它们已经包含了足够的图形线条元素，如果再用数据集合的话，几何体就太多了。
3.区分的作用：网格式或多栏式布局很实用

新闻网站特别是一些内容比较丰富的网站，最实用的网格和专栏就成了首选，他们能区分网站内容，读者可以更快地找到感兴趣的内容。正如Mark Boulton所说，“好的网格系统可以让产品清晰美观、实用易读”。
Julia Blake还强调多专栏布局和网格式类似，都要求专栏高度适中，宽度不限。因为专栏越宽，里面的内容越易读。而两个专栏会在视觉上比较有吸引力。栏间距要适中，挨得太近看起来会很费劲。
4.摘要的指引：标题和导读让用户速读
网站内容庞杂，读者不可能点开每一篇文章，怎样才能最快地选到自己最感兴趣的内容呢？看标题！
不管是网格的一小部分还是整个专栏，每个内容板块都需要有标题。标题字号要比正文大、加粗或者是用不同颜色凸显。导读就是对文章内容的提要，读者可以几句话了解文章大意。导读对博客、电子杂志、新闻网站等都很实用。
5.上头条：内容按重要度予以编排

新闻网站文章经常更新且话题多变，因此内容分类非常重要。分类之后要展示在边导航或者导航菜单里。
内容要分主次，如果想突出某个或某组新内容，可以把它放在头条，配上大标题和大图，其他内容按正常规格编排。这样就会把读者注意力吸引到头条上，从而提高网站的受众参与度。

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

导航菜单要位置适中，简单易用，最好放在页面顶部，因为这是读者最先注意到的地方。如果一定要用垂直导航菜单，就设置在页面的左边。因为读者一般都是从左往右开始阅读，左边的内容会优先被注意。
边导航可以展示广告、内容分类、最新消息、检索框、电邮通讯、导航栏、分享按钮、特价或者打折信息等。
设计好的边导航需要考虑以下要素：大小（宽和高）、颜色、字体、位置。边导航要比页面常规的专栏小或者一样大，选中和但明显的颜色，放在页面左右皆可，最好是左面。
7.天平的两端：广告位需要综合考量

网站火起来之前最能赚钱的就是广告，广告位要非常明确，最好是左边或者右边的边导航以及网站页眉页脚的位置。促销广告经常会插在文本内容的中间，这可要三思了，广告主自然乐见其成，但这也有可能会惹恼你的上帝——读者。
8.空白的力量：留白必不可少
留白顾名思义就是没有任何东西，具体的说就是字、行之间以及文本四周的部分，所有能让网站看起来更简洁易读的都是留白。
留白在设计一个多功能且吸引人的网站时作用重大。专栏之间、页面边缘或底部都需要留白。内容要分主次，如果想突出某个或某组新内容，可以把它放在头条，配上大标题和大图，其他内容按正常规格编排。这样就会把读者注意力吸引到头条上，从而提高网站的受众参与度。
9.实时更新：保证网站的更新频率
专栏和网格的数量和内容不匹配会让网站看起来呆板，必须保证内容充实并定期更新，时常更换头条内容。
内容更新频繁度还会影响搜索引擎的搜索结果。如果访问量太低、内容已经过时，搜索引擎会排在比较靠后的位置，不容易被读者搜到。
10.社交属性：“点赞”“分享”一个不能少

没有社交媒体整合，博客和新闻网站就不能生存，人们很多时间都在使用社交网络。
每个网站都应该设置“点赞”按钮和“分享”按钮，让读者可以分享内容到如Twitter、Facebook、Google+、Pinterest、LinkedIn之类的社交网站上。按钮一定要非常显眼，这样才能提高在社交媒体平台上的曝光度。

jssh365 · 发表于 2015-9-1 00:37:40

新闻网站首页设计六原则2015年04月22日
目前，我国的重点新闻网站已完成了全国范围内的战略布局，并进入快速发展阶段。据CNNIC2009年 1月发布的《中国互联网络发展状况统计报告》显示，2008年我国的网络新闻得到快速发展，网络新闻用户达到23400万人。新闻网站已经无可争议地成为舆论宣传的主阵地，其作为第四媒体的地位也由于受众群体规模的扩大和影响力的增强而进一步得到巩固和拓展。面对处于信息海洋中的“花心”网民，如何有效地为他们提供丰富、便捷的新闻信息服务，是重点新闻网站发展战略规划的重中之重。新闻网站首页设计是发展战略规划实施的第一步，走好这一步，至关重要，因为首页是整个新闻网站提供新闻信息的总枢纽，起着重点推介和快速检索的功能。富有特色的首页能一下子抓住网民的心，引导他们体验快速、便捷的资讯服务，从而有效满足网民对新闻信息的需求。
为了有效吸引网民眼球，提升“注意力”水平，提高信息体验实效，新闻网站首页设计应在充分调查研究的基础上，准确把握网民的新闻信息需求心理、阅读习惯、行为模式等，结合网站的目标定位以及所提供的特色服务，以目标网民的需求为导向，按照一定的原则，有针对性地开展设计工作。
一、网眼彰显特色
网眼，顾名思义，就是网站的眼睛，是网站首页设计的第一步。画龙尚需点睛，网站更是如此，不管是新闻网站还是商业网站，LOGO都是眼睛，也是灵魂，通过LOGO的展示，可以把网站的宗旨和理念有力地予以诠释。一个设计精巧的LOGO，能给网民带来惊喜，能够迅速地吸引网民的眼球，能在网民的心版上留下深深的印记，最终提升网站影响力。这样的LOGO，让人如同看到一双大而明亮的眼睛，清澈见底，能够达到“君问穷通理，渔歌入浦深”的效果。 LOGO的设计方法很多，但总的原则就是力求简单易记、形象生动、富有特色、冲击力强、彰显力量。在众多的网站中，新浪、百度等的LOGO设计堪称经典。新浪以“sina”为主标识，让人一目了然，同时，把“i”上的点镂空，进行卡通化处理，变成一只“可以洞察一切的眼睛”，预示着通过新浪可以清楚地看遍大千世界、洞悉一切。如此具有丰富想象空间的LOGO，网民怎能不喜欢呢？百度的LOGO设计中，把“du”附加上蓝色的熊掌，乍一看，酷似向前的脚印，既可与其提供的搜索引擎服务紧密结合，又给人“百度可以让人一路前行”的感觉--百度给人信心、给人方向、给人力量！
二、整体设计简洁
新闻网站主要而又能形成核心竞争力的功能就是提供海量且高价值的新闻信息。网民访问新闻网站的首要目的就是为了满足新闻信息需求，目标明确，行为直接。新闻网站应力求强化而不能淡化、削弱这种功能，并且做到表现形式与新闻内容的和谐统一。因此，在设计首页的时候，要力求整体简洁、朴素，色彩搭配顺畅、均衡、和谐；页面布局大方，过渡协调、合理，字间距、行间距适度。同时，要强化新闻信息本身的功能，切不可让广告喧宾夺主，因此要摈弃杂乱无章的广告、友情链接等，让网民在消费新闻信息时不会受到过多的干扰，高效、舒心地享受新闻信息大餐。因为杂七杂八的东西杂糅在一起，会冲淡新闻功能，弱化服务主题，令网民无所适从。如果首页设计复杂、繁乱、花哨，极易让网民产生视觉疲劳，致使他们迷失在花里胡哨的页面环境中而心生厌烦，不仅影响网民在页面上停留的时间，一定程度上还会影响网站的流量以及页面访问粘度，最终被广大网民所弃。让目标网民畅享轻松的网上信息之旅，应为新闻网站所孜孜矻矻追求的重要目标之一。
三、栏目分类清晰
首页是新闻网站对所提供的重点新闻及特色服务精心设计与组合的载体，能有效引导网民快速查找到所需新闻或服务，并实施点击浏览行为。为了页面整体上的美观以及网民查找访问的方便，有必要对新闻信息及相关服务进行必要的分类，形成清晰、合理、可行的栏目规划，进而设计成网站地图，网站整体架构一览无遗。首页就像饭店菜单一样，可以引导网民轻松、快捷按需“点菜”，如果栏目分类清晰，就能让网民在查询新闻信息及服务时一目了然，直奔主题，提高访问效率；如果栏目分类不清晰，会让网民有不严肃的感觉，也会让他们陷入信息迷潭，不知道自己需要的新闻信息或服务应该在哪里查找，某种程度上降低了访问效率，有可能导致网民流失，甚至经由网民的口口相传导致更多网民的流失。所以，网站首页设计，最怕的是“首页是个框，新闻全部往里装”，这是一种极不负责任的行为。如果同一条新闻在多个地方同时出现，网民就会无所适从；如果一条新闻出现在不该出现的栏目里，那么网站的公信力就会受到质疑，进而弱化影响力，这势必会影响舆论引导力的提升。
四、本土特色凸显
目前，新闻网站同质化现象比较突出，研究用什么来吸引网民十分重要，把这提高到事关网站生死存亡的高度都不为过。为此，要深入调查研究，对目标市场进行科学细分，找准目标受众，进行准确的市场定位，体现独特的地域特色和深厚的文化内涵以及完善的服务功能，打造特色拳头新闻产品及服务，用本土特色来赢得目标网民的心，抢占市场制高点。在这一点上，要特别注意结合自身的资源状况，集中优势兵力做力所能及的事，力求专而精，否则，力有不逮而又面面俱到，显然不是好选择，也形成不了较强的市场竞争能力，满足网民的信息及服务需求也就成为一句空话。要营造一个视觉冲击中心，让特色新闻信息一下子抓住网民的眼球，提高其被点击浏览的可能。视觉中心这个位置要严格按照要求推荐网民感兴趣、可读性很强、图文并茂的本土特色新闻，进一步强化本土特色。本土特色的强化直接从网站首页的设计体现出来，在视觉冲击中心加以突显，从而培育网民浏览特色栏目的意识，养成习惯，变成下意识点击动作，有效塑造网站特色品牌。当然，要避免造成多个视觉中心，以免造成页面失调和混乱。
五、新闻功能齐备
在网络新闻资源匮乏的时代，供需极不平衡，不可避免地形成以新闻网站为主导的网络新闻权力中心，话语权掌握在少数的新闻网站手里，网民只能被动地接受新闻，其对新闻信息的需求得不到有效的满足。而在计算机网络、信息传播与通信技术高度发达的今天，新闻网站为数众多，新闻信息极为丰富，网民不再是网络新闻权力中心的弱势群体，网络话语权格局彻底颠覆。基于互动对话的平等、开放网络环境，网民的话语权得到了有力提升，他们可以对网站说“不”，可以对所需的新闻信息进行随心所欲的选择和记忆，他们甚至决定着网站的生死存亡。在此背景下，一切要从网民的需求出发，为网民提供细心周到、简单便捷的新闻信息服务，要最大限度地满足他们差异化的新闻信息需求。基本的新闻信息服务功能要具备，如新闻检索、热点导读、导航栏、网站地图、滚动新闻、社区登陆、新闻追踪、个性化新闻定制等。同时，要不断开发、推广新的服务功能，并且让网民很方便地看到并使用这些功能，为他们的新闻信息需求活动提供尽可能的方便，以完善的功能提高他们获取新闻信息的附加值，赢得满意度，提高忠诚度。
六、局部创新有力
网络无定规，创新无止境。依靠各种先进技术而快速发展起来的网络媒体，要在各方面保持持续创新的态势，尤其是直接与广大网民面对面的友好界面 --首页。因此，新闻网站首页的内容布局和总体风格，可以在保持相对稳定的基础上在局部位置大胆求新求变，以改变一副面孔示人的呆板、落伍形象，适应广大网民求新、求变、求奇、求特的心理，保持网民的持续兴趣。尤其是首屏，可谓寸土寸金，应根据阶段性工作部署，有针对性地作出部分调整，给网民常创常新、不拘一格的创新形象。在这点上，可以吸取传统平面媒体的经验，在字体、字号、颜色、排向、新闻图片构图等方面根据新闻内容以及新闻引导的需要作出相应的调整。如对logo、banner以及新闻图片等的位置，可以作出更加大胆的设计；栏目名称为什么只能水平放置，而不能像报纸的标题那样实行竖排呢？应该特别指出的是，当新闻网站的战略规划发生变化时，首页就应该进行较大的调整，甚至彻底改变，以适应新战略部署的需要。当然，在做这个决定之前，应该进行必要的网络民意调查，充分考虑网民的意愿，说到底，网民满意与否，是决定的依据，闭门造车、一厢情愿地升级改版，只会吃力不讨好。不讨网民的好，就谈不上品牌塑造、舆论引导了。

jssh365 · 发表于 2015-9-1 01:07:36

网站首页如何创新满足受众多元需求

来源：中国新闻传播学评论作者：陈雪晔
　　2008年是大事多多的一年，北京奥运会、改革开放三十周年、奶粉污染事件、雪灾等等，无论是重大主题报道，还是突发事件报道，可以说网络媒体在其中都占据了制高点，开辟了新闻报道新时代。如何在首页给广大网民提供一个更加丰富、优质、全面、立体化的信息平台，浙江在线等各大新闻网站做了一些编辑方面的创新探索与尝试。
　　首页就是浏览器打开时进入的网站，或者是网站建站时树状结构的第一页。首页是一个网站的第一页，也是最重要的一页。人们都将首页作为网站所有信息的归类目录或分类缩影。
　　在重大新闻事件发生时，首页上选取的稿件必须从受众需求的角度进行网络编辑。如何创新？什么样的信息及服务是受众关心的？怎样让首页上呈现的信息与服务被证明是有效的？如何在它们之间形成一种良性互动?所以，选取稿件必须从受众的多元需求出发。在选取首页页面和稿件编辑时，网站编辑更多的是把握好三种关系：
　　一、“软”与“硬”的关系
　　从许多新闻网站的访问排行榜来看，网站受众在新闻内容选择上偏好“轶闻趣事”等软性消息。可以看得出，新闻网站首页这类“软”消息也占了很大比重。但是，在重大新闻事件发生时，传媒的社会责任与“引导”功能不能忽略。因此在编辑、选择首页新闻过程中，编辑应该注意在数量、质量上平衡“软新闻”与“硬新闻”的关系。比如今年的十七届中央政治局常委见面会，虽然是“硬新闻”，但网民关注度高。新华网当天就打破首页布局常规，以一系列大幅新闻图片在第一屏滚动出现。之后，在奥运会开、闭幕式人民网、新华网等都采用了这类创新编辑手段，应该说取得了很好的传播效果。
　　2008年5月19日至21日为全国哀悼日。国务院公告一发布，浙江在线即刻设计推出了哀悼页面。在哀悼日期间，任何时刻点击浙江在线首页，展示眼前的都是一幅肃穆庄严的页面：一改往日的斑斓色彩，整个页面呈现一片灰黑颜色。置顶是白底黑字的国务院公告，中间是横跨网页的巨幅悼念屏，厚重的黑色衬托出“深切哀悼汶川大地震遇难同胞”几个大字。在哀悼日期间，包括新浪、搜狐等商业网站在内的新闻网站都做了页面的调整。可以说在重大突发事件发生时，无论是中央重点网络媒体、地方重点新闻网站还是商业网站都一致地打破了常规，但却更好地利用了首页，发挥了网络传播功能。
　　二、“深”与“浅”的关系
　　受众总是渴望知道最新的信息，以此来及时了解周围环境；但是，对于受众来讲，是不是一味地“新”就最有价值呢?面对重大新闻事件，受众上网阅读新闻除了获得信息“量”上的满足，还渴望信息“质”的满足，他们希望网络能够提供更多的对于信息的评介、分析的深度报道。
　　网络新闻得益于“即时性”的特点，对新闻“时效性”的追求较之传统媒体来讲更具优势，于是网络上大量出现了“动态的、零散的、支离破碎的消息”。如“神七航天员出舱准备开始”、“航天员开始出舱”、“翟志刚在太空中挥动五星红旗”、“神舟七号返回舱舱门已经关闭”——这些被分解的消息实际的新闻价值只有一个：“神舟七号”航天员成功出舱。
　　将一条新闻事件按照时间的分秒进度拆分成若干条报道的做法，除了使受众获得“眼花缭乱”“目不暇接”地对于速度的感觉之外，还能获得什么呢?是不是一味的“最新”就最有价值呢?需不需要这种看上去是对网络即时性最大发挥而实质却是浪费受众注意力、破坏受众逻辑感与整体感的传播方式?如何做才能在“新”与“旧”中找到一个最佳平衡点?对此，网络新闻编辑应该明白：对于一个具体的问题，受众有时候需要的不是一连串的即时新闻，而是细致、深入的事件分析。一篇详细的分析文章读起来不会比阅读零散的信息耗费更多的时间，但却完全可以让受众获得对事件的整体印象和真正的知识。浙江在线首页编辑在对重大新闻事件进行直播策划的同时，也注重对新闻事件重点和要点整合、回顾分析类稿件的选用。在与传统媒体的竞争中，既体现了快速，也不忽略深度。比如在“神七”系列报道中，浙江在线首页对神七成功发射、宇航员太空行走、神七顺利返回等重大事件进行了直播报道，体现即时“浅”信息，也注重选用各类整合、分析“深度”文章。同时编辑还在首页显著位置链接神七新闻专题，让受众可以根据需要选择。“深浅”信息的提炼与共同展示给网站带来了较高的访问量。
　　在日常编辑过程中，编辑在首页选用的稿子也注意新旧、深浅结合使新闻首页的各类信息“立体、多维，有厚度、有质感”，既满足受众信息量的最求，也更好地满足了受众“求深”的愿望。

　　三、“原创”与“整合”
　　“原创才有生命力”，受众对“复制来复制去，毫无特色”的信息失去了兴趣，他们要求网站提供更多的原创信息，节省他们宝贵的阅读时间。
　　时下，互联网上的大多新闻依然还处在信息的“整合”阶段，信息“整合”对于目前的网络来讲是一个较为经济的做法；但是网络媒体要发展，最终还要依靠独家的“原创”信息。现在国内一些网站已经有意识地走“原创”道路，比如浙江在线已经拥有一支优秀的网络记者队伍和原创评论队伍。在重大主题报道、突发事件报道和热点新闻本地化方面取得了不错的成绩。
　　11月15日，杭州地铁工地突发塌陷事故，在各级部门展开大救援的同时，浙江在线记者也第一时间赶到现场进行报道。由于事故发生在周末的下午，纸媒和外地媒体显然没可能即时给受众提供大量的相关信息。记者在行动，网民在关注，大量的原创稿件需要在新闻首页发布、呈现。浙江在线首页及时调整页面，把要闻区的固定新闻位置“改造”成滚动发布即时新闻的形式。使得大量宝贵的信息在首页上得到展示。假如没有这些原创稿件的选用，光等整合新闻，新闻网站的信息显然就容易滞后和匮乏了。
　　在头条图片的选取上，浙江在线首页编辑也不是一味追求“眼球”效应，而是重点做好原创图片的选用。在重大新闻事件发生时，大量新闻事件“本地化”图片的选用，既避免了首页新闻与别的网站“千篇一律”同一副面孔，满足了受众多元化地选择。
　　四、版面编排
　　网站首页首屏被称为“黄金地盘”，如何有效利用好第一屏的资源，浙江在线选择了“选项卡”技术，贴近浙江在线打造“新闻家生活家财富家”的理念，在首页的黄金位置，用选项卡分设了新闻、生活、财富、评论、互动等板块。同样，选项卡也运用在了整个首页其他地方，将同样大小网页的功效增强了五倍。在使信息多元化展示的同时，也是受众可以在首页上找到更多的信息与服务。
　　在新闻编排方面，多少条新闻编排在一起是符合受众阅读习惯的?心理学家米勒关于“神秘的数字7”理论指出：“一次信息呈现能被人们领会的信息量的广度从5到9，但是假如使信息编组或组块，能领会的项目数就会大大增加。”
　　因此，在稿件编排过程要注意：一个栏目一次呈现的信息条数不要超过9条，否则不利于信息的接受；还注意将相近相类似的稿件组块编辑，并用明显的标识加以区别，这样可以加强注意的广度与深度。
　　网页编排符合受众视觉规律，浙江在线首页在形式呈现上要注重“视觉中心原则”：受众接触版面时，首先感知的是以下两方面：一是版面中最具有刺激强度的部分，如图片、标题、色彩等；二是版面各局部所组成的复合刺激，即版面的整体外貌。
　　同时，浙江在线首页在编辑过程中注重版面编排固定与变换：在追求网页不断翻新、栏目位置不断调整的同时，也要考虑受众的浏览习惯——为了节省浏览时间，受众习惯于“故地重游”，在固定的地方找信息。比方说网民每天查找“浙江每日新闻精粹”：“浙江在线主页——要闻区——第六条新闻的位置”——受众已经习惯了这样的阅读路径，如果常常变来变去，他就会感到无从下手。
　　网络媒体的崛起虽然势不可挡，但它仍是个新兴媒体，网站首页如何安排布局发布新闻更是一个值得探索的领域。只有通过不断创新，谋求新的发展路径，编辑才能为网络时代的读者提供更为丰富的资讯，这或许是网络编辑的真正价值所在。

		自动登录	找回密码
密码			必须实名注册

新闻类网页设计的十大Style

相关帖子