网页设计应该具有层次的设计---富于空间感的版式
2020-10-10 9:45:22投诉/举报网站建设公司深圳市博纳网络信息技术有限公司（https://www.198bona.com）讲解：网页设计应该具有层次的设计---富于空间感的版式
1．大布局
网页的布局基本上分为上下、左右、左中右、上中下与上下左右混合几类，同时我们还要思考分辨率与网页大小的关系。现在大部分的机器都是1024px×768px以上的分辨率了，那宽度是不是一定也要相应变得宽一点呢？答案是合理地调整宽度对比。因为网页本身也会与浏览器产生视觉对比，如果塞得太满，势必不会很好看。留下空隙网面与留出来的空白也可形成一定的对比，其比例也较接近黄金分割率，所以还是不要塞满浏览器为好，给网页一个可以呼吸的空间。那网页自身的上下、左右布局呢？同样的，如果只是上下或是左右结构我们不能把上下或是左右平分，而是最好采用黄金分割比来进行划分。如果是上中下或是左中右，同样不能平分，要注意三者之间的关系。比如上中下结构，我们很清楚中间的主要内容需要大一点的空间，那么中间的部分比例应尽量大点，一般来讲我们会让中间占大约60％，而上面占30％，下面占10％。也就是说，下面是上面的1/3，上面是中间的1/2。这样的分割就会比平面看起来要舒服很多。但是左中右的结构就不能这么分了，因为10％的宽度很难放得下什么内容。一般左中右结构会有另一种分法：左占40％，中右各占30％。或是左右占30％，中间占40％。也可以进行622、442、235的比例分配。也就是说大布局上要尽量避免平分的局面。
2．小布局
小布局也可以说是细节上的布局。我们可以把网页看成是由很多个小块组合而成的，如图4.7所示。通常要注意的就是标题与内容的关系以及这些块放置的位置。比如最核心的内容不要放在最顶、最下、或是最中间，而是顶部与中间的中部位置。有些人喜欢排位，并且会把最重要的放在最上面。其实不然，放在最上面的未必是最核心的内容。看一下各大门户网站头条新闻的位置，是不是没有放在最顶部的？当然，由于分辨率的问题，这些头条的位置可能也会有所变化。在800px×600px分辨率下头条是偏下的，而1024px×768px的分辨率下会居中一点，1600px×1200px的分辨率下就偏上一点。但是从浏览器的大角度来看，这些头条也都是处于视觉中心点的。
3．图片
在处理图片的时候也会用到布局，比如文字放在什么地方，标志放在什么地方，这些都是布局的范畴。因此这里也要应用上述概念，重要的核心不要放在正中或是过于偏向角落。当然也会遇到重心的对象很大，基本上都占满了画面。
1．大布局
网页的布局基本上分为上下、左右、左中右、上中下与上下左右混合几类，同时我们还要思考分辨率与网页大小的关系。现在大部分的机器都是1024px×768px以上的分辨率了，那宽度是不是一定也要相应变得宽一点呢？答案是合理地调整宽度对比。因为网页本身也会与浏览器产生视觉对比，如果塞得太满，势必不会很好看。留下空隙网面与留出来的空白也可形成一定的对比，其比例也较接近黄金分割率，所以还是不要塞满浏览器为好，给网页一个可以呼吸的空间。那网页自身的上下、左右布局呢？同样的，如果只是上下或是左右结构我们不能把上下或是左右平分，而是最好采用黄金分割比来进行划分。如果是上中下或是左中右，同样不能平分，要注意三者之间的关系。比如上中下结构，我们很清楚中间的主要内容需要大一点的空间，那么中间的部分比例应尽量大点，一般来讲我们会让中间占大约60％，而上面占30％，下面占10％。也就是说，下面是上面的1/3，上面是中间的1/2。这样的分割就会比平面看起来要舒服很多。但是左中右的结构就不能这么分了，因为10％的宽度很难放得下什么内容。一般左中右结构会有另一种分法：左占40％，中右各占30％。或是左右占30％，中间占40％。也可以进行622、442、235的比例分配。也就是说大布局上要尽量避免平分的局面。
2．小布局
小布局也可以说是细节上的布局。我们可以把网页看成是由很多个小块组合而成的，如图4.7所示。通常要注意的就是标题与内容的关系以及这些块放置的位置。比如最核心的内容不要放在最顶、最下、或是最中间，而是顶部与中间的中部位置。有些人喜欢排位，并且会把最重要的放在最上面。其实不然，放在最上面的未必是最核心的内容。看一下各大门户网站头条新闻的位置，是不是没有放在最顶部的？当然，由于分辨率的问题，这些头条的位置可能也会有所变化。在800px×600px分辨率下头条是偏下的，而1024px×768px的分辨率下会居中一点，1600px×1200px的分辨率下就偏上一点。但是从浏览器的大角度来看，这些头条也都是处于视觉中心点的。
3．图片
在处理图片的时候也会用到布局，比如文字放在什么地方，标志放在什么地方，这些都是布局的范畴。因此这里也要应用上述概念，重要的核心不要放在正中或是过于偏向角落。当然也会遇到重心的对象很大，基本上都占满了画面。
联 系 人：陈先生
联系电话：
联系地址：株洲
友情提醒：
1）请提高警惕，预防虚假信息或诈骗风险。
2）本站对帖子是否真实及有效不承担任何责任。
联系电话：
联系地址：株洲
友情提醒：
1）请提高警惕，预防虚假信息或诈骗风险。
2）本站对帖子是否真实及有效不承担任何责任。
本站推荐
