网页界面设计中信息的视觉传达范文

本站小编为你精心准备了网页界面设计中信息的视觉传达参考范文，愿这些范文能点燃您思维的火花，激发您的写作灵感。欢迎深入阅读并收藏。

摘要：

网页是信息传递和表达的新形式，由于界面设计缺失，容易造成信息表达不足，本文结合网页设计中的设计思路和技术手段两个方面探讨信息视觉传达有效性的问题。

关键词：

网页界面设计；信息；有效视觉传达

一、造成网页界面设计信息无法有效视觉传达的原因浅析

（一）设计布局问题设计布局混乱是造成网页界面设计中信息无法有效表达最为常见的问题。造成设计布局混乱主要有两方面的原因：其一，是由于对于网页风格定位不明确；其二，是由于做不到技术与艺术的高度统一。可见优秀的网页设计布局既对设计者的艺术技法有一定的要求，还要求设计者熟练地运用HTML，JavaScript，HTML5等相关网页设计语言，做到艺术表现力与实施设计的高度统一。除此之外，网页设计布局对于浏览者的视觉习惯考虑不足也有一定的关系，这是由于网页信息传递的公开性特点，网页设计不能很好地符合公众的审美特点，过于艺术化的展现可能会造成大众审美困难，进而导致信息不能有效传达。

（二）颜色、字体、图片等网页搭配问题除了布局方面的问题外，造成网页界面信息无法有效传达的另一个常见问题在于网页元素搭配不足，常见的网页元素包括文字、图片、声音、视频等，就文字而言，网页中过多字体格式的滥用、字体大小和颜色的不合理混搭严重影响视觉美感及信息的有效传达；图片的选择不符合文字和网页的整体风格，图片尺寸大小，选取的不合理会造成网页信息的杂乱，声音和视频也是如此。可见对于具体信息传递载体———网页元素的搭配问题，是造成信息传达有效性缺失的重要方面。

（三）广告及其他内容过度植入一些网站为了盈利等方面的因素，在网页中植入广告或者其他内容，这本无可厚非，但是由于诸如此类内容的过度植入往往产生喧宾夺主的尴尬问题，浏览者无法有效地阅读或者浏览网页，导致信息传达有效性的不足，这是值得网站运营和界面设计需要关注的。

二、如何做到网页界面设计中信息的有效视觉传达

（一）网页风格定位鉴于上述设计不足，要做到信息的有效传达首先要搞好网页的风格定位。风格定位应更注重艺术及美学方面的内容，如政治新闻类的网页应做到庄严大气，简洁明晰；而娱乐性的网页，则应突出“娱乐”特性，力争在活泼、有趣方面有所突破。当然，在风格定位的时候，还应考虑到网页的公开性特点，一定程度上迎合浏览人群大众化的实际情况，在艺术美和大众化之间达到相应的平衡。总之，网页风格定位是进行网页界面设计最关键的一步，需要设计者具备一定的艺术底蕴，同时也应考虑大众的审美特点。

（二）网页界面版式设计如果网页风格定位工作中艺术美学功底发挥了举足轻重的作用，那么在网页界面版式设计工作中，对于网页编制的技术语言功底的要求则更突出。版式设计是设计者将艺术元素与网页编程进行高度统一的过程，通过编程的方式进行美感艺术的传递。因此，在网页界面设计展开时，应首先遵循网页风格定位，制定相对统一的界面版式设计（一个网站通常是若干网页的集合），保证设计的一致性。另外，对于一些不确定或者后期可能需要完善的内容，在进行版式设计时应做好流余设计工作。总之，网页界面版式设计工作是通过具体的技术手段展现设计之美的过程，做好版式设计是搭建网页整体框架的环节，为信息的有效传递奠定基础。

（三）网页元素的合理填充和搭配网页元素的合理填充和搭配工作是网站界面设计的最后环节，再次文本建议在文字方面设计的时候遵循相对统一的样式，例如网页整体采取统一的样式，各级标题采取相对统一的样式，避免字体样式的滥用，尽量做到清晰简洁；在图片搭配的时候，修饰类图片应较好的符合网页的风格定位及版式设计内容，而说明类配图则应更好地服务于网页文字内容，提升文字的可读性及吸引力；而声音和视频类型的网页元素的选择，则应根据网页具体内容进行合理的选择。可见网页元素的填充过程是网页设计的画龙点睛之笔，应做到与前期工作的高度一致，提升信息传达的有效性。需要说明的是，网页界面设计的各个环节并不是绝对孤立的，本文只是按照网页界面设计的一般步骤进行相应的阐释，设计者应结合具体的设计环境进行合理的选择和取舍。

（四）合理运用富客户端技术随着计算机网页技术的发展，富客户端的应用为网页界面设计的多样性提供了更多的选择。常见的富客户端技术有，Flex，Laszlo等，这类技术将网页元素的展现形式及与用户交互能力提升到一个新的高度，甚至一定程度上与传统的C/S架构的软件在客户端方面都不相上下。因此，网页设计者合理地利用一些新的富客户端技术，对于提升信息传达的有效性有一定的作用。

三、结语

信息传达视觉有效性是网页设计工作的重要方面，本文分析了当前信息传达有效性常见的问题，包括设计方面、网页元素组合方面及广告和其他内容的过多植入等方面的原因，并以此给出了解决上述问题的思路，通过提升网页风格定位、加强板式设计、网页元素的合理搭配及合理运用富客户端技术等手段共同提升网页在信息视觉传达有效性方面的功能。

参考文献：

［1］李婵.网页界面设计中信息的有效视觉传达［D］.河北师范大学，2014.

［2］李静.基于视觉体验的网页界面极简主义设计［D］.中国地质大学，2013.

［3］郑强伟.网页界面设计中信息的有效视觉传达研究［J］.大众文艺，2015，06：135.

［4］孙维潞.基于视觉信息传达的网页界面设计研究［J］.艺术品鉴，2015，11：85.

作者：王婉秋 单位：武汉科技大学城市学院