试论高职网页设计教学中版面视觉效果琐谈

1、试论高职网页设计教学中版面视觉效果琐谈论文摘要：通过对网页设计中的形式美法则和网页中各 种构成要素进行分析，探讨网页设计教学中网站版面的编排与设计。论文关键词：网页设计；形式美法则；构成要素如今，互联网已经融入我们13常学习生活的各个环节，并在 全球范围内飞速发展。其打破了国界、地域、文化的限制，使信息传 达的范围、速率都产生了质的飞跃。互联网中数以万计的网站中，每 个网站都拥有自己不同的网页，一个个变换的网页构成我们互相交流 的媒介。因此，网站制作过程中，特别是网页页面编排设计时，要展 示出自己独特的设计风格。如何设计出视觉效果好，色彩搭配和谐， 结构合理的网页版面是网页设计中的一个重要问题

2、。一、网页设计中的视觉流程网站的宣传内容、整体风格、设计理念都要通过视觉感官被 浏览者所欣赏、接受和感受。设计精美的网页版面能够让浏览者增加 浏览兴趣，拥有美好心情，从而增加网站点击率。反之，网页页面凌 乱不堪会严重影响浏览者观看阅读的情绪，离开网页。网页视觉元素 能否引人注冃会直接影响到网站的信息传达，若想想通过网页更好地 传达信息，网页视觉效果良好是其基本条件，让网络真正意义上成为 可读强性、新颖的媒休，为此网页设计者设计网页时，必须适应人们 阅读习惯和满足人们的审美需求。对每个视觉造型元素之间的距离、 位置、面积以及视觉流程等都耍精心设计。人们阅读文章时，视觉总会有一种先后顺序习惯，有一

3、定的 方向，整个版面的走势有一个主旋律。网页设计中的主标题、重要广 告、更新的重要信息等突出信息通常选择放于此位置。但视觉流程与 学习数学公式不同，属感性范畴，其只要符合人们认识过程的心理顺 序和逻辑顺序，就可以根据感受灵活运用。网页设计时，合理的运用 网页的视觉流程，能够引导浏览者按照一定的顺序阅读网页，组织好 整个网页版面的视觉导向，从而影响到整个网站的信息传达和功能实 现。因此网页的编辑设计，视觉导向是一个重要问题，信息传达是网 页设计的一种功能性的体现，这种传达要符合人们普遍的思维习惯， 做到视觉流程合理、顺畅、自如。好的视觉流程布置，能使网页上的 各种信息要素在一定空间内合理分布，能

4、使页面上各信息要素的位置、 间隙、大小保持一定的节奏感和美感。一个网站主要说明的东西必须 通过网站首页醒目位置加以体现和展示，以方便浏览者阅读和理解。二、网页设计的审美需求网页设计是近些年才发展起来的一门设计类学科，这些年随 着网络的发展，人们越来越重视网页版面的设计和网站风格的整体设 计。网页不仅是将各种想要传达的要素简单的罗列在页面上，而是要 考虑如何使浏览者能更感兴趣的和更有效率的接收网页上的信息内 容。这就要求我们从审美的方面入手，设计制作出美观、完整、新颖、 合理的页面。使浏览者观看阅读起来心情愉悦，更好的接受网页所传 达给我们的信息。我们可以把传统平面设计中的形式没的法则和现代 的

5、网页设计的具体问题相结合起来，运用一些平面设计中美的基本形 式到网页版面的设计中去，增加网页设计的美感和浏览者的视觉审美 需求。(-)版面的规范化页面编辑的规范化要求是网页设计的重要方面。比如使用 dreamweaver设计网页时，是选择左右型结构、左中右型结构、左右 型结构框架，还是用表格系统来定位网页中版面的规划。要遵循一定 的规范。在网页编排中应正确使用文字、标点符号、计量单位、规范 使用术语、图片和flash动画等。对网页版面中的文字、图形、色彩 的设计，都要遵循形式美的视觉规律。网页的内容与形式的表现必须 统一和具有秩序，形式表现必须服从内容要求，网页上的各种对象之 间要分清主次，突

6、出重点，有一定的整体感。(-)版面的均衡性网页的版血虽然有限，但在浏览者的眼里和平面设计要求一 样同样要有视觉的均衡性。版面构图的基本元素是点、线、面，其中 单个的字符是点，rti字符组成的行是线，市行组成的段落是面。线和 面的运动方向可以归纳为水平、垂直和倾斜三种形式。水平和垂直给 人以安静和固定的感觉，倾斜则具有运动感。水平、垂直和倾斜组合 起来使用会给版面带来丰富和生动的效果，从而使版面在整体上保持 平衡的前提下具有动感和变化。(三)版面的装饰性“图”与“地”的对比中版面的装饰性中和重点。可以使用 空白进行装饰，力求在平面中达到不平的效果。要注意立体的装饰效 果，比如在文字大小、颜色的处

7、理上要有对比，图片的摆放也要有大 小、颜色的对比，包括和背景颜色的对比，从而使版面在整体上体现 出层次感。给浏览者以赏心悦目之感。（四）版面的统一性网页版面设计中的统一，就是指在版面的整体感上耍达到一 致，风格上一致，色彩上统一协调，比如文字字体要统一，不能有的 严肃，有的活跃，有的时尚，有的古板，同时色彩感受上也要达到风 格统一。 三、学会分析网页中各构成要素网页设计就是通过各种要素向浏览者传达信息，以实现宣传 的目的。其构成耍素包括文字、图形、图像、标志、色彩等造型要素 及标题、信息菜单、信息正文、标语、单位名称等内容要素，如何在 网页版面中合理的设计安排这些要素是我们要细心研究的问题。（

8、一）文字的编排与设计文字作为信息传达的主要手段是网页设计的主体，是所有宣 传物中不可缺少的元索，也是网页中必不可少的元索，因此网页中文 字将占据相当大的面积，文字表现的好与坏会影响到整个网页的质量。 必须考虑文字编辑的整体效果，给人以清晰的视觉印象，切记不要使 页面中的文字看起来凌乱、繁杂，过多的装饰会让人不容易辨认和理 解。不可只为美观而创意文字，忽略了文字本身的传达信息功能。版 面设计时要注意文字的大小变化，色彩变化，明暗变化，用这些变化 使字体版面活跃，达到视觉上的美感，注意变化中的统-，以获得良 好的心理反应，达到完美的文字编排效果。（二）图片的编排与设计图片是网页版面中文字以外的又一

9、主要元素，是传达信息的 有力途径，图片的参与可以加大网页提供的信息量，而且图片的引入 也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有 趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片 对浏览者的吸引力远超单纯的文字。图片的位置、面积、数量、形式、 方向等直接关系到网页的视觉传达。在页面图片的合理选用时，一要 注意统一，二要注意悦目，三要注意突出重点。（三）色彩的设计色彩是美丽而丰富的，不同的色彩会给我们带来不同的心灵 感受，现在一些大的企业已经将色彩融入到公司的整体企业识别中， 因为色彩能使人产生联想和感情，例如红色是火的颜色，热情、奔放, 也是血的颜色，代表危险，绿

10、色是自然、生命的颜色，象征安宁与和 平，紫色高贵、神秘，白色代表纯洁等等。一个网站格调的设定，往 往取决于网站颜色的选择。色彩是人们浏览网页的第一印象，它带给 我们不同的感受，它的好坏直接影响浏览者的观赏兴趣。因此，色彩 设计在网页设计屮居于十分重要的地位。网页的色彩设计具体应把握 以下两个方面：一是是整个页面的色彩选择，确定一个有利于体现网 站主题的主色调。网页的设计一般以浅颜色为背景的居多，如浅灰色、 浅黄色、浅蓝色、浅绿色。大型的商业网站，你会发现他们更多运用 的是口色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要 的是，这样可以大大加快浏览者打开网页的速度。二是在背景的色调 搭配上一定要注意不能有强烈的对比，大面积颜色适宜采用低比度， 因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使 文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需 要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种 变化。网页作为作为一种新生事物，以它特有的方式飞速发展，它 涵盖了平面设计、广告设计、版式设计、色彩设计等