浅谈高职网页设计教学中版面视觉效果琐谈 _网络工程毕业论文 -经管之家官网！

免费学术公开课,扫码加入

论文关键词：网页设计;形式美法则;构成要素

如今，互联网已经融入我们日常学习生活的各个环节，并在全球范围内飞速发展。其打破了国界、地域、文化的限制，使信息传达的范围、速率都产生了质的飞跃。互联网中数以万计的网站中，每个网站都拥有自己不同的网页，一个个变换的网页构成我们互相交流的媒介。因此，网站制作过程中，特别是网页页面编排设计时，要展示出自己独特的设计风格。如何设计出视觉效果好，色彩搭配和谐，结构合理的网页版面是网页设计中的一个重要问题。

一、网页设计中的视觉流程

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

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

二、网页设计的审美需求

网页设计是近些年才发展起来的一门设计类学科，这些年随着网络的发展，人们越来越重视网页版面的设计和网站风格的整体设计。网页不仅是将各种想要传达的要素简单的罗列在页面上，而是要考虑如何使浏览者能更感兴趣的和更有效率的接收网页上的信息内容。这就要求我们从审美的方面入手，设计制作出美观、完整、新颖、合理的页面。使浏览者观看阅读起来心情愉悦，更好的接受网页所传达给我们的信息。我们可以把传统平面设计中的形式没的法则和现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页版面的设计中去，增加网页设计的美感和浏览者的视觉审美需求。

(一)版面的规范化

页面编辑的规范化要求是网页设计的重要方面。比如使用Dreamweaver设计网页时，是选择左右型结构、左中右型结构、左右型结构框架，还是用表格系统来定位网页中版面的规划。要遵循一定的规范。在网页编排中应正确使用文字、标点符号、计量单位、规范使用术语、图片和Flash动画等。对网页版面中的文字、图形、色彩的设计，都要遵循形式美的视觉规律。网页的内容与形式的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上的各种对象之间要分清主次，突出重点，有一定的整体感。

(二)版面的均衡性

网页的版面虽然有限，但在浏览者的眼里和平面设计要求一样同样要有视觉的均衡性。版面构图的基本元素是点、线、面，其中单个的字符是点，由字符组成的行是线，由行组成的段落是面。线和面的运动方向可以归纳为水平、垂直和倾斜三种形式。水平和垂直给人以安静和固定的感觉，倾斜则具有运动感。水平、垂直和倾斜组合起来使用会给版面带来丰富和生动的效果，从而使版面在整体上保持平衡的前提下具有动感和变化。

(三)版面的装饰性

图与地的对比中版面的装饰性中和重点。可以使用空白进行装饰，力求在平面中达到不平的效果。要注意立体的装饰效果，比如在文字大小、颜色的处理上要有对比，图片的摆放也要有大小、颜色的对比，包括和背景颜色的对比，从而使版面在整体上体现出层次感。给浏览者以赏心悦目之感。

(四)版面的统一性

网页版面设计中的统一，就是指在版面的整体感上要达到一致，风格上一致，色彩上统一协调，比如文字字体要统一，不能有的严肃，有的活跃，有的时尚，有的古板，同时色彩感受上也要达到风格统一。

三、学会分析网页中各构成要素

网页设计就是通过各种要素向浏览者传达信息，以实现宣传的目的。其构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素，如何在网页版面中合理的设计安排这些要素是我们要细心研究的问题。

(一)文字的编排与设计

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

(二)图片的编排与设计

图片是网页版面中文字以外的又一主要元素，是传达信息的有力途径，图片的参与可以加大网页提供的信息量，而且图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是使用图片。对于一条信息来说，图片对浏览者的吸引力远超单纯的文字。图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在页面图片的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点。

(三)色彩的设计

色彩是美丽而丰富的，不同的色彩会给我们带来不同的心灵感受，现在一些大的企业已经将色彩融入到公司的整体企业识别中，因为色彩能使人产生联想和感情，例如红色是火的颜色，热情、奔放，也是血的颜色，代表危险，绿色是自然、生命的颜色，象征安宁与和平，紫色高贵、神秘，白色代表纯洁等等。一个网站格调的设定，往往取决于网站颜色的选择。色彩是人们浏览网页的第一印象，它带给我们不同的感受，它的好坏直接影响浏览者的观赏兴趣。因此，色彩设计在网页设计中居于十分重要的地位。网页的色彩设计具体应把握以下两个方面：一是是整个页面的色彩选择，确定一个有利于体现网站主题的主色调。网页的设计一般以浅颜色为背景的居多，如浅灰色、浅黄色、浅蓝色、浅绿色。大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。二是在背景的色调搭配上一定要注意不能有强烈的对比，大面积颜色适宜采用低比度，因为过于丰富的背景色彩会影响前景图片和文字的取色，严重时会使文字溶于背景中，不易辨识。所以，背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度，也应是在尽量统一的前提下的一种变化。

网页作为作为一种新生事物，以它特有的方式飞速发展，它涵盖了平面设计、广告设计、版式设计、色彩设计等等知识。网页设计是一种综合性的设计，它所涉及的范围非常广泛。形式美的法则是任何事物所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种视觉上的愉悦，符合形式美的法则，使浏览者在阅读浏览的时候产生共鸣。未来的互联网究竟会发展到什么程度我们不得而知，就让我们在这个互联网的大世界里去不段的探索和追寻吧。

「经管之家」APP：经管人学习、答疑、交友，就上经管之家！
免流量费下载资料----在经管之家app可以下载论坛上的所有资源，并且不额外收取下载高峰期的论坛币。
涵盖所有经管领域的优秀内容----覆盖经济、管理、金融投资、计量统计、数据分析、国贸、财会等专业的学习宝库，各类资料应有尽有。
来自五湖四海的经管达人----已经有上千万的经管人来到这里，你可以找到任何学科方向、有共同话题的朋友。
经管之家（原人大经济论坛），跨越高校的围墙，带你走进经管知识的新世界。
扫描下方二维码下载并注册APP