位置：首页>> 网络编程>> 网页设计>> 网页布局的位置重心与位置间的对比关系

网页布局的位置重心与位置间的对比关系

作者：小毅　来源：蓝色理想　发布时间：2007-10-15 19:20:00　

标签：布局,位置

网页的布局也许是大家最不放在眼里的地方，其实布局地位如同文字的排版一样，随便可布，布即随便。但是看过我上篇《网页设计技巧系列之文本排版》的朋友也许就会清楚，文字排版是一种不起眼但却非常重要的细节。做好了会让作品更为精细漂亮，做不好也许就成为作品失败的重要原因。

布局也是一样，需要我们足够的重视。下面我要讲的不是网页布置成“左中右”、“左右”、“上中下”之类的问题，而是位置的重心与位置之间的对比关系。

黄金分割率的概念大家都知道。下面我引用一段非常专业的解释：“黄金分割最早见于古希腊和古埃及。黄金分割又称黄金率、中外比，即把一根线段分为长短不等的a、b两段，使其中长线段的比(即a+b)等于短线段b对长线段a的比，列式即为a:(a+b)=b:a，其比值为0.6180339……这种比例在造型上比较悦目，因此，0.618又被称为黄金分割率。”大家也看清楚了什么叫黄金分割。

我们中国也有一种类似于这样的概念叫九宫格。这个也许就有一些朋友不清楚了，这是一种用以临写碑帖的一种界格纸。基本形是一个长方形等分九格。在这个九宫格中中间部分就产生了四个交叉点，这四个交叉点就是视觉中心点。

图示:九宫格

我们为什么要讲这两个概念呢?是因为这两个概念是设计的决窍之所在。我们很多时间喜欢把重要的东西放在正中心，表示重视想吸引目光注意。但是我要告诉大家。正中心属于盲点区。也就是说按人的视觉习惯来讲正中心是常常被忽视的。并且放在正中心也不会引起视觉刺激。用句玩笑话来侃一下:两眼中间是看不清楚的。不信拿你的手指指着鼻尖看你的手。那什么地方是视觉中心点呢，这就要用到上面的概念了。不过什么a:(a+b)=b:a都太麻烦了谁会那么细致的去算呢。这里用中国的九宫格原理就清楚得多了。四个视觉中心点很显然大家也清楚是什么位置了。

那么在实际应用中我们要怎么用呢。这点很重要，实战意义要比空谈概念重要得多。下面我们就来说一下实战中的应用，这里虽说是“网页设计技巧”，同样可以应用在平面设计与摄影或是其它的设计中，但是必竟是讲网页设计，所以主要还是举网页例。我们先从大布局来谈，然后再讲小布局，最后讲设计图片的布局。

2 下一页

投稿

网页布局的位置重心与位置间的对比关系

猜你喜欢