2023年新闻网站新闻作品的视觉设计探讨.docx

新闻网站新闻作品的视觉设计探讨 ——第七届湖北网络新闻奖获奖作品述评 2023年07月25日15:43  来源：中国新闻研究中心  【字号 大 中 小】 打印 留言 论坛 网摘 点评 纠错 窗体顶端 E-mail推荐:   窗体底端 　　发稿：中国新闻研究中心 　　 王朝阳 　　单位：武汉大学新闻与传播学院网络传播系讲师 　　地址：武汉大学新闻与传播学院网络传播系 　　 ：430072 　　2023年4月“第七届湖北网络新闻奖〞评选出24件获奖作品，笔者作为武汉大学网络新闻评价课题组成员之一参与了湖北网络新闻奖获奖作品的述评研究，从专业角度对获奖作品从视觉设计角度加以分析，试借本文对整个新闻网站目前的情况做个客观分析和评价。本文所指的“新闻网站〞是指与国家媒体不可分割的、血脉相依的互联网站点，而局部商业门户网站尽管具有登载新闻的资质，但却并不被认定为“新闻网站〞。 　　〔说明：文中从专业角度对所举个案表扬少批评多，但均为客观评价〕 　　一、新闻网站视觉设计的主要特点 　　1、视觉与主题的一致性 　　网络视觉设计作为一种特殊媒介的视觉传达设计，在具有平面设计一般特征的同时，还具有自身的设计特征。网络视觉设计应始终围绕“信息传达〞这一主题来开展。根本上来讲它是一种以功能性为主的设计。新闻作品在选择视觉元素时应充分考虑与作品内容主题的相关性，确保主题和视觉信息的一致性。一致性体现在网页主色调的选择、标题文字字体的选择、主题图片确实定、背景风格的选择以及版面布局确实定。和其他商业网站不同，考虑到新闻网站相对特殊的性质，不管是新闻专题、新闻评论还是新闻专栏，在确定视觉风格时都应该考虑到和整个新闻网站风格的一致性。 　　从第七次湖北网络新闻奖获奖作品来看，在视觉元素的选择上根本和网站的主题相关，能较好地表现主题思想。 　　以湖北电视台火凤网和武汉市汉阳区档案馆联合制作的“罹难、屈辱、胜利、复兴〞主题网站为例，该网站采用经典的红黑色彩比照，主题色调鲜明，并选择了长城、青砖墙、岩石等具有象征性的视觉符号，形象明确，将中华民族经历磨难时的坚毅、顽强，中华民族伟大复兴时的奋斗精神充分表现出来。如图1.1所示。 　　图1.1 “罹难、屈辱、胜利、复兴〞首页局部 　　2、新闻作品总体视觉风格的统一性 　　从广义上来讲，新闻作品总体视觉风格的统一性体现在新闻作品〔包含多级网页〕与其所依附的新闻网站整体风格的一致性。这种统一性事实上就是要求新闻网站要有严格的VIS系统，比方网站标示的统一、版权信息的统一等。而狭义的统一性主要体现在两个方面。其一，同级网页的视觉统一；其二，整个新闻作品的和谐统一。统一性体现的是“审美功能〞，满足了网民的心理需求。具体表现在增强整体感和增加表现性。增强整体感即寻求视觉要素的合理搭配，在有限空间内产生“1+1>2〞的效果；增加表现性要求网页版式富有“创意〞、“风格化〞，作为信息的承载，努力实现对网民视线的瞬间捕捉。 　　本次网络新闻奖获奖作品的视觉设计根本按照总体视觉风格统一性这一原那么进行设计制作。网站风格在不同级别的页面中能较好体现。 　　以湖北日报报业集团荆楚网筹划制作的“中部崛起〞主题网站为例，该网站获得了第十六届中国新闻奖网络专题类二等奖。网站选择了一些简单而实用的导航符号，选择了浅灰色作为一局部内容的底色，选择了橘红色作为该主题导航区和内容的分割线，这些视觉语言的运用出现在首页及下级的网页当中，让网民一目了然。如图1.2所示。 　　图1.2 “中部崛起〞专题首页局部 　　图1.3 “中部崛起〞专题中部财经子栏目首页局部 　　3、视觉语言的丰富性 　　视觉语言的丰富性正好体现出互联网迅速开展的特征。网络技术的开展为网络媒体丰富的视觉语言选择创造了条件。到目前为止，网络媒体视觉元素包括文字、图形、图像、音频、视频、动画等，还包括Java、Active控件等用于制作特殊效果及交互功能的元素。各种要素的应用充分体现出网络媒体的独特优势，摆脱了传统纸媒只能包含文字和图像的弊端，使整个网站在形式上更加丰富，更能吸引网民的浏览。当然各种媒体要素的应用在丰富了页面形式的同时，势必要考虑由于带宽、浏览器技术等因素造成的媒体效果在网民客户端不能正常呈现的问题。 　　本次网络新闻奖获奖作品中，每个作品根本上都包含了文字、图形、图像、动画以及少量的Javascript程序和视频。 　　以长江网制作的“第三届世界华文传媒论坛〞主题网站为例，在首页有限的空间内就包含了文字标题、图片标题、视频〔链接点击完成观看〕、图片新闻、Javascript语言控制的“论坛日程〞滚动信息栏等媒体要素。如图1.4所示。 　　图1.4 “第三届世界华文传媒论坛〞首页局部 　　二、媒体〔视觉元素〕组合的合理性分析 　　1、主题相关是媒体组合的前提 　　根据CNNIC第17次中国互联网络开展状况统计报告中“网民对互联网的满意度〞统计资料说明，用户对“网络速度〞、“操作简便〞等都比拟满意。如图2.1所示。而网络速度除了和网站接入互联网的方式，用户上网方式等因素相关外，还和网站中选择的媒体组合相关。随着互联网技术的开展，可支持的媒体类型在不断增加，根据网站的主题选择适宜的媒体组合来表现主题成为网络视觉设计中关键局部。 　　图2.1 第17次中国互联网络开展状况统计报告网民对互联网的满意度 　　在本次获奖作品中，荆楚网“张之洞督鄂115周年〞专题网站，主要表现的是一些数据资料，可以选择图文声像的媒体方式加以表现。但汉网“请问武汉市还想赚出多少个黄鹤楼来？〞网络评论专题网站重在网民的交流，而且要求更新速度快，就不适合选择数据量比拟大的媒体形式，更多的是简单图形、文字。 　　2、丰富并不等于合理 　　多样媒体信息可以丰富网页，但丰富的度却需要和网站的主题紧密相关。并不是越丰富，越多样就合理。如果网页中包含视频信息，可以设置为翻开不立即播放的方式，播放与否完全由网民浏览时控制。这样可以防止因为视频信息的存在而使页面下载速度变慢的问题。正如前文所述，局部网站重点在于呈现数据资料，没有必要通过“文字+图像〞的方式来表现，仅运用简单实用的文字即可以体现，如果额外地参加图像，反而有点“画蛇添足〞的味道。 　　本次获奖作品中绝大多数网站媒体组合比拟合理，但有些网站多媒体要素过于丰富，有种“乱花渐欲迷人眼〞的感觉。如湖北电视台火凤网首页。如图2.2所示。 　　图2.2 “火凤网〞首页局部 　　三、存在的主要问题 　　1、设计总体水平不高 　　从本次网络新闻奖获奖的24件作品来看，整体设计水平和专业性网站相比还有待提高。可能有如下一些原因： 　　〔1〕网站设计没有进行合理规划 　　有些网站没有正确处理排版布局问题。如“中华鲟保护20年大型放养〞专题网站，左侧视频播放器下方大量的空白可以说明网站在建设之初没有进行通常的草图构建，网站建设中走一步看一步，造成以上情况发生。合理的规划和设计在网站建设开始的时候就应该考虑到，必须制订严格的方案，理清设计思路，绘制设计草图，选择合理的网站结构等。 　　〔2〕新闻网站对视觉设计不是非常重视 　　“视觉时代〞或者说“读图时代〞的来临促使传统媒体改版，不断迎合读者的视觉需求。而对于网络新闻媒体，很多决策者和规划者更注重的是网站的内容，并不非常重视网站的外观和媒体类型的选择。现代的互联网社会，信息量庞大，网站林立，网民在选择网站时也会站在十字路口或者米字路口，不知所措。内容制胜很关键，但网民在最初注意网站时更多关注的是网站的外在表现和可阅读性，新闻网站在规划设计时还需要从用户的角度进行换位思考。新闻网站有时可以借助视觉设计获得更多的“卖点〞。 　　〔3〕设计人员并非专业人员 　　可能考虑到本钱或者其他原因，网站的设计人员可能是网站的技术人员、文案人员甚至是管理者本身。由于缺乏正规的设计理论的系统学习，会出现偏科现象。比方技术人员兼职设计人员，那么网站看上去可能更像一个网络技术仓库，在网站中涵盖了各种目前流行的媒体技术，导致“花而不实〞。 　　网站的总体设计水平不高不仅是本次网络新闻奖获奖作品的问题，还是整个国内新闻网站建设的问题。 　　2、设计人员素养有待提高 　　技术并不是网页视觉设计人员的全部，设计人员除了具备扎实的设计软件运用能力，具有一定的审美能力，还应该具备根本的文化素养、传播学知识和心理学知识等。纵观本届网络新闻奖获奖作品，绝大多数网站的视觉设计做得都非常优秀，其中还有一些小问题有必要提出来加以强调和说明。 　　〔1〕视觉设计人员应该了解中国传统文化并合理运用——“辛末〞还是“辛未〞 　　湖北电视台火凤网筹划制作的“罹难、屈辱、胜利、复兴〞主题和视觉设计都很好，缺憾却出现在整个网站首页的左上角。中国传统文化中有“天干地支〞，“天干地支〞也称“干支〞，是“甲乙丙丁戊已庚辛壬癸〞十天干与“子〔鼠〕丑〔牛〕寅〔虎〕卯〔兔〕辰〔龙〕巳〔蛇〕午〔马〕未〔羊〕申〔猴〕酉〔鸡〕戌〔狗〕亥〔猪〕〞十二地支。而1931年是农历“辛未〞年〔羊年〕，在“地支〞中并没有“末〞，视觉设计人员在设计中因为缺乏根本的文化知识，将“辛未〞错写成“辛末〞，足见不仔细。如图1.1所示。 　　另外一种情况便是刻意参加一些传统文化因素，导致负面效应。如“3000小学生妖魔化妈妈〞中的网站标示，如图3.1所示，标示以中文、英文和简单图形组成。姑且不谈中文英文搭配是否合理，标示中“妖魔化〞三个汉字选择了篆书字体，在识别上存在很大的困难。这种现象比拟普遍。视觉设计人员为追求特殊的视觉效果，喜欢选择装饰性相对较强的古体汉字或者拉丁字母〔主要是英文〕作为设计的语言符号，视觉效果到达了，但却忽略了最重要的一点，网站的网民是网民而不是设计者本身。网民由于种种原因，缺乏对古汉字和英文的识认，不能识认就没有方法了解和理解。从这个角度讲，视觉设计人员应坚持“简单即美〞的原那么，用最群众化的视觉语言传递信息。 　　图3.1 “3000小学生妖魔化妈妈〞篆字标题 　　〔2〕视觉设计人员应具有一定的外语水平——“Low〞还是“Law〞 　　网民的文化层次很复杂而丰富，如2023年1月CNNIC发布的第17次中国互联网络开展状况统计报告显示的网民文化程度分布图所示〔图3.2、图3.3〕。除此之外，网民的心理比拟脆弱，容易受到网站各种因素的影响。如果网站给网民不好的印象，网民可能会放弃继续浏览该网站。 　　图3.2 第17次中国互联网络开展状况统计报告网民文化程度分布 　　图3.3 第17次中国互联网络开展状况统计报告历次调查网民文化程度分布 　　在本次网络新闻奖获奖作品中出现了很多因为应用外语而导致的错误，这些错误可能导致网民心理变化。如在长江日报报业集团汉网筹划制作的“何媛戒毒〞专题网站中，标题图片采用了“图形+中文+英文〞的常规模式，如图3.4所示，这种模式是最常有的模式之一，但需要考虑两种情况，如果网站面向的网民包含比拟多的国外用户，那么建议使用英文，但如果网站面向的网民中并不包含这些用户，那么舍弃英文而采用拼音字母较好。本例中“法律〞的英文为Low，事实上应为Law，这是个明显的错误。类似的问题频繁出现最主要的原因在于视觉设计人员在设计时并没有重视内容的准确性，更多关注的是视觉效果。 　　图3.4 “何媛戒毒〞标题图片中的英文错误 　　3、为视觉而视觉 　　网络视觉设计人员选择不同的视觉元素创造出易用、独特、美观的网页是他们的职责，但在实际实施中却会出现“为视觉而视觉〞、“为设计而设计〞、“为美而设计〞的一些错误倾向。这些问题的存在根本原因在于网络视觉设计人员并没有真正理解“视觉载动信息〞这个原那么，所有的视觉语言最终的