我们共同的家网页版面设计的原理

河南新华电脑学院社团在线奇点WEB工作室网页版面设计的原理

本主题被查看240次, 共1个帖子, 1页, 当前为第1页选择页数: 1 跳转到第页上一主题下一主题

xueleilei0622

都市陌生人

注册会员

UID: 1113
来自:
精华: 0
积分: 183
帖子: 183
注册: 2008-3-9 21:49:20
状态: 离线
威望: 0
金钱: 25.95 元

发短消息用户资料树型回复引用

只看楼主 2008-03-29 20:54

网页版面设计的原理

一、平衡

平衡简单说就是重量的平均分配，至构成图像的各组成部分在视觉力量上保持一种均衡稳定的状态。

理解平衡需要研究的几个相关的视觉因素：重量、位置、布局。

当我们在页面上作一个标记，这个标记在视觉上就有了重量。标记的大小、颜色、形状、背景都对视觉重量有影响。例如页面中心是很强有力的，拥有很大的视觉重量。

1、绝对平衡：构成图像的各部分在上下或左右的方向上完全相同的一种对称式平衡，分为：平移、回转、镜像、扩散对称构成。

2、相对平衡：指构成画面各部分的形象不同，以其大小、位置、明暗、色彩等方面的因素所构成的一种视觉力量的平衡，分为：位置、大小、色相的平衡。

就平面设计设计而言，明晰合理的理性编排即注重对角线、垂直、水平等的构图安排，以及版面的对称与平衡，能使读者阅读起来心平气静，给人明确、清新的阅读感受，可以提高阅读兴趣。

一位学者说过：“美的实质是一种平静的感觉，当视觉、理智和感情的各种欲望都得到满足时，心灵就能感受到这种平静。”

二、焦点和主次

人们浏览一个网页的时候，首先会看到的地方称为焦点，这是设计网页时最注重的一部分。设计人员通常有一个主要信息要传达，同时还有一些辅助信息。设计东西的时候，如果强调一切元素，就什么都强调不了，最后造成视觉的混乱。如何让一个物体形成一个焦点？

1、做成最亮

2、颜色与其他不同，或者不透明，其他透明，或者彩色，其他物体黑白

3、方向不同

4、位置上的区别

5、加底纹，或与其他元素底纹不同

6、安排其他元素都指向这个元素

7、形状与其他元素不同

8、将其隔离开来

9、清晰，其他模糊

10、颠倒

11、有光泽，其他发暗

设计人员要注意网页产生的一种视觉主次关系，要确定的元素的重要性。我们要弄清楚，浏览者首先看到的是哪，其次、最后看的又是哪？

对页面上的几个元素加以强调，使其在显示中比其他元素有更大的优先权。要建立一个主次关系，利用大小、位置、颜色、调值等元素使浏览者根据重要性来看这些元素。产生一个信息流，从最重要的开始，一直到最不重要的。

三、韵律的设计

　　韵律与旋律、和声在一起成为音乐上的三大要素。不止是音乐的节拍才能叫做“韵律”，在平面设计种也有韵律。在设计中把韵律当作一种节奏，是有视觉而不是声音组成的，韵律是用重复活着变动的元素来生成的形，需要考虑空间的因素，给人一个元素向另外一个元素运动的感觉。网页设计中，韵律的实现是通过图案的点和线条的排列来体现。

　　如果均匀地在一个页面画一些垂直线，就会产生稳定的的重复韵律，因为这些线之间的空间是相同的，我们的眼睛从一个元素移到另一个元素的时间是均匀的。如果线间的距离不均匀，就会得到不同形式的韵律，会形成一种变化或者有动感的韵律。

　　在设计中要产生韵律的关键是理解重复和变化的不同。通过运用韵律的技巧可以使网页显得活泼、生动、运动、有生命。韵律节奏设计能够渲染某种情调，增加版面的感染力，并使人沿着版面节奏变化的趋势展开遐想的空间。在网页设计中，韵律的实现是通过图案的点和线条的排列来体现的。

四、统一和变化

统一不是让许多形态元素单一化、简单化，而是使它们的多种变化因素具有条理性和规律性。网页是一个文字、图形等多种元素的统一体，在设计网页的时候，统一是我们设计网页时网页时组织版面的目标之一。统一可以让浏览者看到一个整体的页面，而不是几个互相不关联的独立的部分。统一对加深记忆程度、整体效果和清晰传达都有影响，也反应了将设计捏合成一个整体的程度。

　　变化是统一的对立面，是指由性质相异的形态元素并置在一起形成的对比感觉。这种变化也是以一定的规律为基础，无规律的变化则会带来混乱和无序。在网页和平面的构图中，我们一定要注意在统一中找变化，在变化中求得统一。

五、呼应、分格、对齐、流动

呼应

重复一个元素(如颜色、线条、图形、底纹），获生成一种风格，会在元素之间产生视觉的联系。连续是对设计元素的一种处理，使其生成形式上的类似。

分格

将整个界面细分为固定的水平和垂直的区域，产生一个框架，用于组织设计中的空间、文字和画面，是分格，分格使设计的页面有一种统一的样子。

对齐

当元素的边或者轴相互对齐时，他们之间也会产生视觉的联系，眼睛很容易发现他们之间的这种关系，从而使其在版面上得到联系。

流动

安排元素应该能够将浏览者的视线从设计的一个元素引到另一个元素。

人生的追求,情感的冲撞,进取的热情,可以隐匿却不可以贫乏,可以恬然却不可以清淡。

#1

本主题被查看240次, 共1个帖子, 1页, 当前为第1页选择页数: 1 跳转到第页

现在的时间是 2008-10-12 11:19:00

	版权所有河南新华电脑学院
	1.0.2642 (RC2) Copyright © 2001-2008 Comsenz Inc. Processed in 0.256 seconds