网页中的版式设计遵循的原则及其文字图像处理发布者：本站     时间：2020-05-02 14:05:29

网页的版式设计是设计师感性表达和理性思维的产物，指在有限的屏幕空间内，设计师按照一定的艺术语言将网页的多个组成要素进行合理安排，使其形成整体，力求最佳的视觉效果。通常以浏览者阅读为目的，运用合理有序的安排，将网页中的元素多个元素如文字、图像、动画、音频、广告视频等组织在一起，通过画面上的统一产生视觉上的美感。

网页版式设计往往决定了网页的设计风格及个性特征，目的在于增强网页内容的表达效果。因此，网页中的版式设计在整个网页设计中占有着非常重要的地位。但是初学者往往忽视了这方面，认为技术能代表一切，知道用哪个做网页的工具就一定能做出质量较高的网页。其实不是，因为软件仅仅是一种工具，就像手中的笔，仅仅是一个工具而已，并不代表能写出好的文章来。很多人对技术掌握得熟练，但做出的网页却通常是照搬别人的东西，并没有体现出网页水平的提高。

一、提高网页设计的审美能力

在当今的网络时代里，人自身的因素是重要的，只有提高审美能力，才有可能设计好网页。所以，培养自己的审美修养是至关重要的。在网页具体布局的设计上，网页设计虽然呈现出多样化的趋势，但是最基本的模式是平面设计中的内容。平面设计就要考虑到形式美的因素，网页中版式布局就属于形式中的内容，就是体现在页面的形式美方面，具体表现在对页面的布局上。整个页面形式美得到体现可以分为几个部分，每个部分体现不同的形式有不同的功能，具体来看就是左边、右边、上边、下边、中间，自身具有许多独特之处。通常中间的部分一般承载着主要的信息，使用者主要看中间这个部分的内容。

二、设计遵循的原则

在网页设计中，版式设计的好坏它决定了整个页面设计的成败，作为网页设计的基础在具体版式设计中应注意以下几点:

(一)网页中的版面编排问题。网页作为一种特殊的表现形式，在页面中既包含文字和图片，还包括一些附加广告、视频等内容。对于不同的网站版式设计，根据页面内容的不同，又形成不同的版面安排形式。如电子商务类网站，设计过程中根据内容需要主要的款式图片和一定的促销文字。

在主页中以图片为主、文字为附进行编排布局，使其成为有机的整体，以吸引浏览者的关注。在政府网站设计中，页面的编排不宜用过多的活泼的艺术图片，为传达信息的重要性、准确性，突出文字的编排。在网页版式的设计中要力求清晰、简练、精确和单纯。如文户网站的设计，文字量比较大，为了浏览者易读相关内容，版面设计中要力求简洁性。

同时注重网页中版式的节奏感及韵律，它如音乐作品里的节拍，是组织内容的一个重要单元，主要通过画面疏密的编排让画面形成节奏感。在网页的设计过程中，横向往往是固定的，那么纵向的排列就非常重要，随着鼠标的向下滑动，不同版面的信息会跃然眼前，同时，纵向排列的设计更加容易添加大量的信息，这也成为网页浏览的特点。如新闻网站，根据不同内容进行划分，充分体现了“一个主页，整个世界”。在导航栏的下方，按照网页中的内容分栏设计出新闻、娱乐、体育、美食、旅游等不同区域的编排设计。

(二)网页版式设计的视觉流程有一定秩序性。人们通常在一个网站中浏览网页时，一般较大的图片和字号偏大的文字更能引起浏览者的注意，这就要求版式的设计中必须依据人们在视觉上的生理和心理的特点，来突出设计主题形成页面合理的浏览秩序。如在电子商务类网站中，既有多媒体展示又有图片、文字，为突出设计主题，设计时要根据页面信息的主次来确定设计内容的顺序，同时要符合人的视觉习惯和有效的传达信息，通过合理安排页面的秩序性使画面具有节奏感和流畅感，以突出主要信息，引导浏览者阅读网页。

(三)排版网格的设计。网格的设计目的解决网页中不同版面的定位问题，在设计中为避免网格太过于呆板，影响设计效果。网格可以当作一个的框架，在逐一向不同的框架中添加小的表格成为分级效果，形成版面内容的主次之分，用以拼贴图片，组织文字的排版，所以说，网格设计的定位问题成为一幅好的版面设计的基础。

版面设计中强调整体性，又在统一中求变化，以避免版面的呆板。在版式方面主要的难点是如何精确地安排各个元素，精确的网格设计可以使图片进行无缝衔接，更能很好地体现设计者的想法。如何进行网格设计，其设计的合理性成为关键。如校园网站的设计，在网格的区域规划中，充分考虑到网页内容进行划分，现在的设计中更加考虑人性化的设计方案，因为一般都是右手点击鼠标进行浏览页面，所以设计时一般导航条放在版面的右边，这主要是与大家操作有关的考虑。在网页网格设计中导航成为主要问题，对于最后的版权信息放在网页的最下边。

三、版式中文字效果的处理

对于任何一个网站而言，信息的传递主要依靠的都是文字，所以文字的设计及编排对于网页设计的成功都是至关重要的。一般来讲，页面中有大标题和小标题、副标题，设计中可以按照常规的方式来设置字体，通过文字字号的设置及字体的应用确定文字在页面中的主次顺序。同时，也可以将文字处理成图形化，而且字体进行艺术化的设计，将文字意象化、图形化，能够避免网页中往往产生的单调和平淡。如个人网页设计中，通过文字与图像之间或文字与文字之间进行叠置，通过浅色的背景图片衬托出图片上方的文字效果，或不同字母之间进行上下错落的叠加，以丰富画面增强画面美观，以更富创意的形式表达出深层的设计思想，从而打动人心。它不仅运用于传统的版式设计，在网页版式设计中也广泛采用。但是要注意的是网页设计主要是便于阅读，是为人服务的，不易于过多的运用叠加效果。

四、版式设计中图像的处理

页面中除了文字效果设计之外，最重要的设计元素还有对图像的处理。合理的运用图像设计会使网页更加具有欣赏性和趣味性，同时，对于图像其本身也是传达信息的重要手段。比起文字，图像更具直观性，可以很生动容易地把文字衬托出来，更易于浏览者理解文字的内容。首先，在图像的编排上可以各幅图像相互自由叠置或分类叠置而构成的块状组合，具有轻快、活泼的特性，同时也不失整体感。其次，在图像的处理方面，如网络教学类网站设计中，对图像的外形本身加以变化或在图形的下方采用不同的背景，都能使页面的整体效果加以改变。在一些影视学院的网站设计中，图片的下方以电影胶片为背影衬托，更能突出网站的主题设计。一般情况下图片的外形变化也能给人以不同的视觉感受，如以方形为外形的图片给人以稳定、严肃，以圆形或曲线外形的给人以柔软、亲切，退底的图像以及不规则或不带边框的图像给人以活泼。另外在网页中图像所占据的面积大小也能显示出其重要作用。小图像一般用于穿插在字群中，既衬托文字内容，又使版面显得简洁而精致。在一个页面中，大图像易形成视觉的汇焦点，更易引起浏览者的注意。