网页制作中对版面设计的见解.docVIP

简介：在制作网站中，特别是在网页的版面设计时，应呈现出独特设计风格。网页的版面设计要有统一的风格，形成整体，从更深层次、更为广阔的视野中来定位自己的版面样式，从而达到别人所没有做到的效果。希望本文能给网站建设朋友们一点小小的帮助，当然本文主要谈的就是网站制作中网页的版面构造、元素、图片最后能够形成统一的视觉识别。 1、课题研究背景 在网络高速发展的今天，网站成为信息的一种主要传播媒介。那么网站建设不仅要把握好网站整体界面设计，网站框架设计，网站优化技巧，更重要的是一种综合运营能力，包括审美，用户体验，创新，管理。那么怎样才能把网站建设好呢？首先，在制作网站前要对所制作的网站有一个整体的构造，包括文字的排版、图片的规划、表格的布局。其次，就是对每个页面要合理编排和布局，也就是这里所说的版面设计，版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，一种将不同介质上的不同元素巧妙的排列方式。再次，就是要正确看待建设网站的内容，不能把所有的网站都以一种固定样式进行制作，而是要根据具体的内容来安排所制作的网页版面格式。比如说：娱乐性的网站要求格式千变万化，而教育类网站总体上要求要单调一点较好。 做好这些工作以后，就要对网站的页面进行排版，也就是所说网页的版面设计。所谓的网页版面设计是指将网站的一个页面看着报纸、杂志或者说是某个门面进行布局、整理和排版。虽然今天的网站布局是千变万化的，但万变不离其中。所以固定的网页版面设计基础依然是必须学习和掌握的。在上网时，你会发现有些页面是很吸引人的、而有的呢却无法让人们停留他们的眼球，那就是网页的版面是否遵从读者的心理。这里网页版面设计包括网页的版面布局、版面的设计原则、版面设计的美化。 2、网页的版面布局 布局，就是以最适合浏览的方式将图片、文字和表格有条理的排放在页面的不同位置。 在众多的网站版面布局中，主要有以下几种布局步骤： 2.1、草案 在新建的页面中，什么也没有，就像一张白纸，需要进行规划。当然最好是在纸画出大致的轮廓，这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。 2.2、粗略布局 就是在草案的基础上进行更一步的修改，然后确定进行连接等一系列的操作（包括新闻、flash动画……）。在这里必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。 2.3、定案 所谓的定案是将将粗略布局的页面做最后的修改，然后定下方案。 3、网站页面设计的原则 在今天网站页面的设计同样遵循一定的原则，就像一些综合期刊一样它也有一定的原则。俗话说：“不以规矩无以成方圆”，所以网站版面设计的原则有：有序性原则、平衡性原则、装饰性原则。 3.1、有序性原则 有序性是指在网站的页面编辑中要遵循一定的规范。比如说是按照左右型结构、左中右型结构、右左型结构、用表格（table……/table和CSS系统来定位网页中版面的规划。在网页编排中应正确使用文字、标点符号、计量单位、规范使用术语、图片和Flash动画等。 3.2、平衡性原则 虽然网页不像图书、杂志那么复杂，不像他们的页面那么大。不过在读者的眼里一样要有视觉的均衡性，也就是所谓的平衡性原则。 版面构图的基本元素是点、线、面,其中单个的字符是点,由字符组成的行是线,由行组成的段落是面。线和面的运动方向可以归纳为水平、垂直和倾斜三种形式。水平和垂直给人以安静和固定的感觉,倾斜则具有运动感。水平、垂直和倾斜组合起来使用会给版面带来丰富和生动的效果,从而使版面在整体上保持平衡的前提下具有动感和变化。如有的期刊把文章的篇名、作者、摘要、关键词等前置部分采用右顶格排(而不是习惯上居中排) ,这种构图上的适度倾斜可以给读者在视觉上产生“顺势而下”的流畅感觉。 3.3、装饰性原则 这里最重要的是“虚”与“实”的对比以及巧妙的运用空白的装饰性原则。在版面设计中还要注意立体的装饰效果,比如“前景”标题可以用加大加黑的办法强化明暗对比,“中景” 正文突出文字与空白的黑白对比“, 背景”页码和注释、参考文献用缩小字号的办法使色调显得柔和轻淡一些。从而使版面在整体上体现出层次感。 4、营造网页版面的艺术美 任何东西都有它特定意识美，网站也不例外。网页版面不是单纯化装的脸，而是要把艺术形式和内容完美的结合起来，从而给读者一张生动、内容丰富的脸。网页版面以网站的每个页面为对象。对其进行美的视觉上的设计。所以有人把这种设计叫做：“美的视觉上的传达性”。 4.1、网页版面设计的统一性 统一是指事物的相继出现，并带有联属关系的属性。这里所讲的统一是指网页中应该出现的文字、图片等按照一定的规律有机的结合。网站页面的版面设计要求有统