高职网页的设计教学中版面视觉效果琐谈.docVIP

高职网页的设计教学中版面视觉效果琐谈 　　摘要：通过对网页设计中的形式美法则和网页中各种构成要素进行分析，探讨网页设计教学中网站版面的编排与设计。 　　关键词：网页设计；形式美法则；构成要素 　　中图分类号：G71 文献标识码：A 文章编号：1009-0118（2012）-03-0-02 　　 　　如今，互联网已经融入我们日常学习生活的各个环节，并在全球范围内飞速发展。其打破了国界、地域、文化的限制，使信息传达的范围、速率都产生了质的飞跃。互联网中数以万计的网站中，每个网站都拥有自己不同的网页，一个个变换的网页构成我们互相交流的媒介。因此，网站制作过程中，特别是网页页面编排设计时，要展示出自己独特的设计风格。如何设计出视觉效果好，色彩搭配和谐，结构合理的网页版面是网页设计中的一个重要问题。 　　一、网页设计中的视觉流程 　　网站的宣传内容、整体风格、设计理念都要通过视觉感官被浏览者所欣赏、接受和感受。设计精美的网页版面能够让浏览者增加浏览兴趣，拥有美好心情，从而增加网站点击率。反之，网页页面凌乱不堪会严重影响浏览者观看阅读的情绪，离开网页。网页视觉元素能否引人注目会直接影响到网站的信息传达，若想想通过网页更好地传达信息，网页视觉效果良好是其基本条件，让网络真正意义上成为可读强性、新颖的媒体，为此网页设计者设计网页时，必须适应人们阅读习惯和满足人们的审美需求。对每个视觉造型元素之间的距离、位置、面积以及视觉流程等都要精心设计。 　　人们阅读文章时，视觉总会有一种先后顺序习惯，有一定的方向，整个版面的走势有一个主旋律。网页设计中的主标题、重要广告、更新的重要信息等突出信息通常选择放于此位置。但视觉流程与学习数学公式不同，属感性范畴，其只要符合人们认识过程的心理顺序和逻辑顺序，就可以根据感受灵活运用。网页设计时，合理的运用网页的视觉流程，能够引导浏览者按照一定的顺序阅读网页，组织好整个网页版面的视觉导向，从而影响到整个网站的信息传达和功能实现。因此网页的编辑设计，视觉导向是一个重要问题，信息传达是网页设计的一种功能性的体现，这种传达要符合人们普遍的思维习惯，做到视觉流程合理、顺畅、自如。好的视觉流程布置，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。一个网站主要说明的东西必须通过网站首页醒目位置加以体现和展示，以方便浏览者阅读和理解。 　　二、网页设计的审美需求 　　网页设计是近些年才发展起来的一门设计类学科，这些年随着网络的发展，人们越来越重视网页版面的设计和网站风格的整体设计。网页不仅是将各种想要传达的要素简单的罗列在页面上，而是要考虑如何使浏览者能更感兴趣的和更有效率的接收网页上的信息内容。这就要求我们从审美的方面入手，设计制作出美观、完整、新颖、合理的页面。使浏览者观看阅读起来心情愉悦，更好的接受网页所传达给我们的信息。我们可以把传统平面设计中的形式没的法则和现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页版面的设计中去，增加网页设计的美感和浏览者的视觉审美需求。 　　（一）版面的规范化 　　页面编辑的规范化要求是网页设计的重要方面。比如使用Dreamweaver设计网页时，是选择左右型结构、左中右型结构、左右型结构框架，还是用表格系统来定位网页中版面的规划。要遵循一定的规范。在网页编排中应正确使用文字、标点符号、计量单位、规范使用术语、图片和Flash动画等。对网页版面中的文字、图形、色彩的设计，都要遵循形式美的视觉规律。网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种对象之间要分清主次，突出重点，有一定的整体感。 　　（二）版面的均衡性 　　网页的版面虽然有限，但在浏览者的眼里和平面设计要求一样同样要有视觉的均衡性。版面构图的基本元素是点、线、面，其中单个的字符是点，由字符组成的行是线，由行组成的段落是面。线和面的运动方向可以归纳为水平、垂直和倾斜三种形式。水平和垂直给人以安静和固定的感觉，倾斜则具有运动感。水平、垂直和倾斜组合起来使用会给版面带来丰富和生动的效果，从而使版面在整体上保持平衡的前提下具有动感和变化。 　　（三）版面的装饰性 　　“图”与“地”的对比中版面的装饰性中和重点。可以使用空白进行装饰，力求在平面中达到不平的效果。要注意立体的装饰效果，比如在文字大小、颜色的处理上要有对比，图片的摆放也要有大小、颜色的对比，包括和背景颜色的对比，从而使版面在整体上体现出层次感。给浏览者以赏心悦目之感。 　　（四）版面的统一性 　　网页版面设计中的统一，就是指在版面的整体感上要达到一致，风格上一致，色彩上统一协调，比如文字字体要统一，不能有的严肃，有的活跃，有的时尚