平面视觉元素在新闻网站网页设计的传达

平面视觉元素在新闻网站网页设计的传达 本文关键词：网页设计，传达，新闻网站，平面，元素

平面视觉元素在新闻网站网页设计的传达 本文简介：摘要：人类传播信息的途径由原来的烽火狼烟到后来的纸上传播，再到无线电传播，然后就是当今时代的互联网传播。随着互联网的快速发展，各行各业都以此为依托扩大自己的影响力。面对激烈的市场竞争，新闻网站设计要有自己的特色和优势，只有这样，才能在众多网站中脱颖而出。笔者认为，只有做到网站构成元素选用合理、页面布

平面视觉元素在新闻网站网页设计的传达 本文内容：

摘要：人类传播信息的途径由原来的烽火狼烟到后来的纸上传播，再到无线电传播，然后就是当今时代的互联网传播。随着互联网的快速发展，各行各业都以此为依托扩大自己的影响力。面对激烈的市场竞争，新闻网站设计要有自己的特色和优势，只有这样，才能在众多网站中脱颖而出。笔者认为，只有做到网站构成元素选用合理、页面布局合理、网站页面色彩使用协调统一，才能增加网站的渲染力，吸引浏览者的眼球，达到传播新闻信息的目的。

关键词：新闻网站；网页设计；平面视觉元素

面对网站大量的信息，新闻网站平面设计要有自己的审美原则，才能在众多信息中脱颖而出。一是整体布局外观协调，内容设置合理，具体内容使用不同的表达形式，内容和外观可以不拘一格，但前提是内容和形式的一致性。二是富有节奏感，有节奏感的新闻网站页面能够如美妙音乐般吸引观众。三是不同的新闻采用不同的格调色彩，前提是符合单体新闻的内容和整体网站的格局，如央视一套的新闻网站就不能设计得太艺术化，这样显得不庄重①。

网站构成元素属性要合理

内容通常包括文字、图片、影像、超级链接、导航栏等等，布局就是将这些内容合理有效地整合在一起，以吸引浏览者，从而达到传播信息的目的。文字是传播信息的主要手段，能够准确表达某一新闻事件。一篇报道可单独用文字表达，却不能单独用图片或者链接表达。随着网页设计的技术越来越成熟，人类开始注重网页设计的文字表达视觉效果。新闻网站文字的属性包括字体颜色、字体、字号、段落间距，甚至有无特殊处理、进行有效的视觉排版等。新闻网站网页内的文字可用分为指示性的文字和正文，对于不同的表达内容要具体分开，例如新闻的正文是要用相对比较正规的文字书写，而一些大标题则可选用比较大的艺术字体来表达。通常新闻网站的页面字体都会选择宋体，而一些娱乐新闻网站则会选用艺术性的字体，同时由于电脑的排版问题，也可将艺术字体编制到图片上，这样更能显现出不同的表达效果②。图片具有直观性，但是由于图片表达意思不明确，因此在使用的时候需要配合相应的文字说明。图片和文字相结合，使整个新闻网站显得有趣又不失庄重，同时可节省大部分的空间。在选用图片作为新闻网站的元素时，应该考虑以下三点：一是图片是否和整个新闻事件密切相关，是否能够表达新闻工作中的意思。二是合理设置图片的格式和大小，图片太大，会喧宾夺主，影响文字的表达；图片太小，浏览者第一视觉不能识别图片的内容，反而失去效果。三是图片本身的内存大小，内存太大，网页内容加载比较慢；图片太小，容易失真，影响图片的清晰度③。一般新闻网站的图片分为两种，一种是单体新闻所配置的图片，一种是网站页面所配置的整体图片，单体新闻所配置图片的属性影响着浏览者对于单个新闻的兴趣，网站本身配置的图片就决定着整个网站的视觉效果。

网站页面布局要合理

传统的T型网站上面一排是导航栏，然后是一些重要的新闻网站文字内容和图片，此设计比较符合浏览者的阅读习惯，从上到下一目了然。当然这是针对内容比较多的新闻网站，对于内容版面要求不高的新闻网站，可选用左面是图片，右边是文字的上下对照布局格式，这样显得整个格式整齐，看起来非常清爽，浏览者很容易找到自己感兴趣的新闻。对称性的网页布局，相对于其他页面布局更加简单。圆框型的布局，页面布局只有一种图片，图片的周围是简单的文章介绍，这种网站页面可能只适用于单体新闻的介绍，也就是由原来的主新闻网站的导航栏超级链接过来的，由于整个页面都应该是新闻，这样能够更加艺术化地表达新闻的具体意思④。不同格调的新闻网站可选用一种或者几种布局进行合理搭配，具体布局原则有：一是新闻网站主要分为大型的门户型的新闻网站、普通的新闻网站、简单的单体新闻网站等，对于大型的门户型新闻网站，由于版面有限、内容很多，应采用T型布局。二是不同的内容决定不同的属性格调，进而采用不同的布局与之相匹配。三是不同的新闻网站有不同的受众，如央视一套的网站，其浏览者可能是全国普通大众，而一些娱乐网站，可能只是那些喜欢追逐明星的人群去浏览，针对不同的浏览者所设计的页面要符合他们的身份特征和心理特征，这样才能达到良好的视觉效果。

网页色彩使用要合理

新闻网站页面的色彩搭配要满足受众的视觉美感，除了一些特殊网站使用单一色彩之外，其他都是将各种颜色进行合理搭配，目的就是为增加整个新闻网站的视觉效果。色彩具有三种属性：第一，色相，也就是颜色，红、白、蓝和紫都代表了不同的色相。第二，亮度，对图片亮度的调整，往往给人不同的感觉。第三，饱和度，同样一种颜色在图片中显示的饱和度越高，看起来越浓厚。色彩的这三种属性都能影响新闻网站页面的色彩效果，进而影响浏览者的阅读兴趣。整个新闻网站的图片色彩应该是有落差的，也就是色彩对比。通常色彩学理论认为，两种颜色过渡得越柔和视觉效果越不明显，看不出有什么具体的大变化。同样，饱和度也要基本保持一致，这样整体视觉效果才不那么突兀。色彩对比不仅是色相和饱和度的对比，还有冷暖对比和补色对比。冷暖对比的研究意义在于将不同的颜色进行冷暖分类，然后决定冷暖颜色的合理搭配，这样能够使整体颜色达到更好的视觉效果。整个新闻网站页面不可能只有一种颜色，平衡就是将两种及两种以上的颜色有机整合一起，给观众一种平衡且没有视觉落差的感觉。平衡分为同种颜色之间平衡、不同色相之间调和等。新闻网站的特殊性，决定了在进行颜色调和时，要根据不同内容进行调和，有的需要色相跨度比较大，有的调和得简单柔和，这样易形成一个整体。

网页布局和配色要协调统一

新闻网站的主要功能就是传播信息，因此需要对网页内容的分组进行精心设计，传统的网页划线式分组比较简单，但只能适用于简单的文字和图片，不能适用于当今多媒体的新闻网站。目前比较主流的分割方式是如上文所说的在两种色彩调和的边界线进行分组，这样一方面不显得图片颜色调和太突兀，另一方面会显得整个页面分割得富有情趣不单调。背景图片要与整个新闻的格调一致，例如一些美食类新闻网站，就可以选择一些比较具有美食诱惑力的图片对颜色进行调和，这样更能调动观众的胃口。结构布局要和配色尽量形成一个完美过渡的整体，就是说图片在整个新闻网站的位置要合理，同时该位置所对应的色彩属性也和其他相邻的色彩属性相对应，这样才是真正意义上的平衡，平衡分为均衡和整体式平衡。整体平衡比较简单，均衡则比较复杂，由于没有固定的格式或者色彩规律可循，因此在实际使用过程当中比价难以掌控⑤。新闻网站中的视觉元素构成不拘一格，有的网站内容需要很强烈的视觉落差，这种就是视觉对比，就是将两种视觉差别很大的色相组合在一起，形成一种视觉跳跃感等。色彩对比就是将颜色的属性如色相、饱和度、明暗性等整合在一起，进行一个对比调和，需要调和则调和，需要对比则对比，当然有时图片或者文字的大小也是形成对比的方式之一。在重要的位置布局最为重要的新闻，是一种强调行为，当然，这种行为不是色彩引起的而是内容重要性引起的。强调有色彩强调、声音强调、图片调强等，就是强调所要表达的内容。其中，色彩的强调可以分为很多种，色彩之间的虚实结合、留白、与众不同等都是强调的内容，不同色相之间的搭配，能让浏览者一眼就能注意到该位置的新闻信息。

参考文献：

①黄海燕：《网页设计与平面设计》，《包装工程》2004年第1期。

②金银秋：《计算机科学中的美学问题》，《中南财经大学学报》1996年第4期。

③黄海燕：《网页界面视觉传达研究》，《装饰》2004年第1期。

④肖勇：《视觉设计经典》，华中科技大学出版社2008年版。

⑤倪洋：《网页设计》，上海人民美术出版社2006年版。

作者：毕海波

《平面视觉元素在新闻网站网页设计的传达》由：免费论文网互联网用户整理提供；
链接地址：http://www.csmayi.cn/show/213532.html
转载请保留,谢谢!

• 上一篇：网页设计基础与定位教学研究
• 下一篇：建筑装饰设计研究