论新闻资讯网站的视觉呈现

王亚楠

（山东工艺美术学院 网络信息管理中心，山东 济南250014）

据中国互联网信息中心CNNIC 于2013 年7 月份统计的数据显示，截至2013 年6 月底，中国网络新闻的用户规模已达到4.61 亿，比2012 年6 月增长了17.5%。

网络新闻作为网络用户的基础应用，已成为其获取新闻的主要渠道之一，随着微博、社交网站等媒体的流行，网民可以通过更多的渠道接触到新闻资讯， 并在对新闻的分享和转发过程中提升新闻的覆盖量。 在庞大的网络用户群体面前，如何使新闻类网站在众多的同类网站中吸引并留住访问用户, 除了提升新闻本身的质量、 推出方便用户的应用外，网站良好的视觉设计也发挥着举重若轻的作用。

1 良好的视觉设计有利于提升新闻网站的传播力

在目前的传媒市场上，要想拥有更强的竞争力，只依靠挖掘高品质的新闻内容和应用已远远不够，网站的整体视觉呈现同样重要。 重视新闻网站的界面设计，合理利用视觉元素，既能快速、准确的传达信息，又能提高用户体验，促进品牌塑造，从而增加黏性、增强网站的传播力。

1.1 界面设计是新闻网站信息的表现形式，两者相辅相成

网站的新闻和界面呈现互为内容和形式，两者是逻辑相依和发展的关系。 视觉作为一种特殊的感知方式，正在将当代文化从传统的印刷文化转变为一种视觉文化。 在信息的获取和阅读方式上，也由基于印刷文本的阅读渐渐转换为基于视觉图像的解读。

美国心理学家W·J·T·米歇尔就曾指出：“ 视觉文化是指文化脱离了以语言为中心的理性主义形态, 日益转向以形象为中心, 特别是以影像为中心的感性主义形态。 视觉文化, 不仅标志着一种文化形态的改变和形成, 而且意味着人类思维范式的一种转换。 ”

1.2 有助于确立独特风格，塑造品牌

良好的界面设计可使网站与其他同类网站明显区分。确立自己独特的风格特征，确保在运营活动中的独立性和不可替代性；明确该网站的定位，这些都属于网站无形资产的一个首要组成部分。

此外， 以特有的视觉符号系统吸引公众的注意力并产生记忆，使浏览者对该网站所提供的信息服务产生最高的品牌忠诚度；这些都有利于传达网站的理念和文化，同时提高员工对本网站的认同感，从而加强团体凝聚力。

1.3 网站文化与VIS 的统一

网站独特的“LOGO”、总体色调、字体设计、版式、图片等视觉元素都能在阅读者脑海中形成品牌形象。 但设计过程中要从整体出发，符合物理一致性。

以提供信息服务为主的新闻网站给人以稳重感和可信任感。但若在界面设计中使用亮粉色或者漫画字体可能不是正确的选择，这不仅仅是美学的问题，还是战略定位的问题。

1.4 有助于凸显新闻网站的功能

新闻网站作为新型的网络媒体，主要功能是传播新闻信息。 但不同层次、不同领域的用户的信息需求也不一样。科学、合理的界面设计如：设计底色多样的导航条、粗细不一的字体等，都能有效区分各种信息板块、从而提供给用户顺畅的视觉流程，方便用户快速的浏览、查找所需讯息。

2 新闻网站视觉设计原则及建议

基于新闻类网站的特点,我认为新闻网站的视觉设计应该参照以下原则：

2.1 采用清晰、合理的布局，科学的结构、干净的页面，方便用户浏览信息

新闻类网站功能主要以传达信息为主，在网站页面布局设计和结构规划上应注重如何更能直观、准确的呈现新闻信息。 页面布局是设计过程中的框架，结构化的设计方法可使各类资讯按照重要程度和逻辑顺序进行排列，做到条理清晰、重点突出。 在细节上比如：新闻标题的行和列之间可以适当留出边距和行距，注意留白；在需要重点突出的地方使用局部颜色的反差或者动画等吸引眼球的方式来表示等。

2.2 使用和谐、适合主题的网站配色

网站配色也称 “标准色”， 是网站形象识别系统中的重要组成部分，不同的色彩呈现可以为浏览者带来不同的情感联想，如果一个网站的页面色彩搭配得当，统一和谐，浏览者就能从中获得视觉心理上的共鸣。

新闻网站可以根据自身的定位和主题等来建立自己的配色体系，比如以娱乐为主的搜狐网采用底色为白色、 小区域为亮黄色的色调，来吸引浏览者眼球；而新华网因其庄重、理性的特点，标准色采用深蓝色，给人以理性、客观和值得信赖的感觉。

2.3 图文并茂、相得益彰

文字和图片作为信息传播的两种主要载体，两者之间是一种互相补充的关系，文字多了沉闷、呆板，无法留住浏览者的目光；但图片过多，又会减少页面的信息量，不符合新闻网站的特点，严重的还会导致整体页面的视觉混乱。只有文字和图片的合理配对，恰当排列，才能既显示新闻网站的丰富内容，又能有效的活跃页面，

在图片的选择和处理上，除了要贴合新闻主题，还可以引入“扣人心弦效应”思想。 “扣人心弦效应”由布鲁玛W. 蔡加尼克(Bluma W.Zeigarnik)在1927 年提出，他发现人们大多无法忍受不确定性，更倾向于对感兴趣的、未回答的问题尽快找到答案。在网站的视觉设计中，我们可以通过选择恰当的图片，在浏览者和图片间建立情感联系。 如美国华盛顿邮报10 月份推出的全新页面， 就是将不同的内容主题以热门话题的图片加以标示，通过动态的话题式互动，激发浏览者的好奇，使其通过点击不同的图片，来了解围绕该主题的所有资讯。

2.4 合理使用多元化的视觉元素，把握合适的尺度

多元化的视觉元素如声音、图片、动画、视频等可以提升新闻网站的表现力，提供给浏览者更直接的视觉感受。 但使用视觉元素传达信息应该是理性、有计划的，要把握合适的尺度，不能单纯的为了追求视觉效果而滥用。 新闻网站视觉设计的最终目的就是为了突出新闻、表达内容，像动画、闪烁的字体等都是为了传达特定的信息而存在的，不能因为一些无谓的视觉噪音的存在妨碍了信息的传送。

2.5 以用户为中心、合理设计视觉流程，提供良好的用户体验

视觉流程指的是使阅读者的视线跟随页面中的文字、图片等在空间沿着一定轨迹运动的过程，是以人的生理习惯和心理习惯的认知模式来进行的。

心理学上研究认为，在浏览页面时，上方和左方比较受重视。信息可以依据重要程度按照“从上而下”、“从左而右”的顺序进行排列。 对新闻网站来说，合理、科学的视觉流程应该按照信息的重要程度来排序，并设计清晰、流畅的视觉导向来引导浏览者，才能在最短的时间内有效的传达信息。

在网站的视觉设计中，一些细节的处理也不能忽略。 在以内容为主的新闻网站设计中， 不仅要使用各种视觉元素对不同板块进行区分，还要突显网站的细节功能如导航和检索等。 网站的导航条和搜索框必须清晰可见，容易辨认和使用。

3 结论

新闻网站要想在同类媒体网站中脱颖而出，除了提供高质量的新闻内容、推出方便快捷的基础应用，在视觉呈现的设计上也需多费心思，设计者不仅要做到网站的可读性、服务性的有机结合，还要充分考虑到用户信息获取过程中的各种细节，提供良好的阅读体验，才能使新闻网站为用户提供更好的信息服务。

［1］加瑞特. 用户体验要素：以用户为中心的产品设计[M]. 机械工业出版社,2011－7－1.

［2］W·J·T·米歇尔.图像转向[J].文化研究,2002：14－17.

［3］顾群业，宋玉远，张广帅.网页配色密码[M].清华大学出版社，2006,34.