做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

0371-55180025

当前位置:伟之琦建站 > 新闻中心 >> 建站相关 >>

网页设计布局技巧之位置的重心与位置之间的对比关系

可能关于网页设计布局是大家容易不放在眼里的地方,其地位如同文字的排版一样,随便可放布,其实文字排版是一种不起眼但却非常重要的细节,如果做好了会让企业网站制作更为精细漂亮,做不好也许就成为网站修改的重要原因。郑州网站建设公司伟之琦认为网页设计布局也是一样,需要足够的重视,下面我们重点讲解的不是网页布置“左中右”、“左右”、“上中下”之类的问题,而是位置的重心与位置之间的对比关系。

网页设计布局技巧之一、视觉中心点也属于盲点区

众所周知黄金分割率的概念,这种比例在造型上比较悦目,因此,0.618被称为黄金分割率,还有我们也有一种类似这样的概念叫九宫格,就是一种用临写碑帖的一种界格纸,基本形是一个长方形等分九格,在这九宫格中间部分产生四个交叉点,这四个交叉点就是视觉中心点。

为什么要讲这两个概念呢?因为这两个概念是设计的决窍所在,我们很多时间喜欢把重要的东西放在正中心,表示重视,已经想吸引大家目光注意,但是正中心也属于盲点区,也就是说按人的视觉习惯来讲正中心是常常被忽视的,并且放在正中心也不会引起视觉刺激,那么在实际应用中我们需要怎么用呢?这点很重要,实战意义要比空谈概念重要得多。

网页设计布局技巧之二、大布局,小布局,图片布局

下面我们就来说一下实战中的应用,这个应用不但适用网页设计同样可以应用在平面设计与摄影或是其他的设计中,先从大布局来谈,然后再讲小布局,最后讲设计图片的布局。

1、网页设计布局技巧之大布局

基本上网页的布局分:上中下、左中右、左右、上下、与上下左右混合几类,同时我们还要思考的是解析度与网页大小的关系。那么我们的宽度是否也需要顺应变得宽些呢?个人观点是:大可不必。因为网页本身也会与浏览器产生视觉对比。如果塞得太满势必也不是很好看;如果留下空隙网面与留出来的空白也可形成一定的对比,其比例也较接近黄金分割率。所以觉得还是不要塞满浏览器好,给网页一个可以呼吸的空间。

那网页自身的上下左右布局呢?同样的,如只是上下或是左右结构我们不能把上下或是左右平分,而是最好采用黄金分割比来进行划分。如果是上中下或是左中右呢。我们同样不能平分,我们我们要注意三者之间的关系,比如上中下结构,我们很清楚中间是主要内容需要大一点的空间,那么中间的部分会尽量的点有大比例,一般来讲我们会让中间占大约百分之六十。而上面占百分之三十,下面占百分之十。那也就是说,下面是上面的三分之一,上面是中间的三分一。这样的分割就会比平面看起来要舒服很多。但是左中右的结构就不能这么分,因为百分之十的宽度会很难放得下内容。

一般左中右结构会有另一种分法:左占百分之四十,中右各占百分之三十。或是左右占百份之三十,中间占百分之四十。也可以进行532、622、442、的分配。也就是说大布局上要尽量避免平分的局面。

2、网页设计布局技巧之小布局

也可以说是细节上的布局。我们可以把网页看成是由很多个小块组合而成的。通常要注意的就是标题与内容的关系以及这些块放置的位置。比如最核心的内容不要放在顶部、下部、或是中间。而是顶部与中间的中部位置,有些人喜欢排位,并且会把最重要的放在上面,其实不然,放在上面的未必是核心的位置。比如我们看一下各大门户网站的头条新闻的位置,是不是没有放在最顶部的?当然由于解析度的问题,这些头条可能位置也会有所变化。从浏览器的大角度来看,这些头条也都是处于视觉中心点的。

3、网页设计布局技巧之图片布局

我们在处理图片的时候也会用到布局,比如我们的文字放在什么地方,标志放在什么地方这些都是布局的范畴。这里也要应用上述的概念,重要的要核心不要放在正中或是过于偏向角落。当然也会遇到重心的东西很大,基本上都占满了画面。

关于网页设计布局技巧之位置的重心与位置之间的对比关系就说这么多,还有视觉平衡方面的问题后续继续整理汇总,敬请期待吧!如果您对我们信息感兴趣,请关注我们官方网站(http://www.zzwish.com)

原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

分享到:

案例展示

    收缩
    • 在线咨询
    • 业务咨询:
    • 售后服务:
    • 技术支持:
    • 电话咨询
    • 037155180025
    • 13383867325