无论是构图还是色彩搭配，总是围绕着一个点去进行，那就是使页面在信息顺利传达的前提下变的美观而生动，今天小编主要给大家分享网页设计如何构图，希望对你们有帮助!

一、几何图形

几何图形通常在页面中可以发挥很大的作用，它也是网页内容最常用的承载面板。这些图形的合理匹配和有效穿插可以使页面除了传达信息外，更具层次性和观赏性。

圆角矩形巧妙的结合信息模块穿插在一起，除了营造了网站的主体富有节奏的形状之外，加强了页面的层次感，不显得枯燥和单调。

圆形和椭圆形的结合，搭载轮播广告和重要信息，使整个页面既明亮又简单。

垂直的大圆角矩形和线条勾勒出整个画面，每个形状都嵌入了各种信息，既不显的混乱，又相互补充。

类似的例子:

1.钢筋上的铆钉

这种素材应用的很好，常常可以起到画龙点睛的作用。素材起点缀页面和表达主题之外，还能作为构图中的一种主要元素存在。这些素材通常作为连接页面的纽带，使页面结构更加稳定，因此被称为“铆钉”。

看似随机摆放的素材，实际上是有意将素材放置在左上角和右下角的对角线上。视觉上俗称的暗线，左下角信息内容的图片和右上角的登录窗口组成了另外一条对角暗线， 两者并组成了X结构，四种素材起到固定和压轴的作用，稳固而又美观。

2.斜塔之美

比萨斜塔的斜度是地质沙化下沉或设计者故意设计的，到目前为止，仍有一些人在争论。斜线，或斜体，似乎有一种张力，在网页设计中也是如此，而在这里所表现的为视觉的张力，是种视觉心里上的延伸力而非物理上的。

当页面太平均，画面太平凡，没有亮点的时候，打破平均就显得尤为重要。有很多方法可以打破平均，斜线似乎是网页设计中常见的技巧。

斜线的张力使整个页面具有动感和延伸性，可以修饰页面，作为信息的承载模块。有机的整合不会让人觉得倾斜的标题不好识别或者阻碍阅读，相反，会让整个页面富有形式感和表现力。

斜线的运用加上素材和圆形的穿插结合，让整个页面具有动感，同时视线又随着斜线的走向带入至素材和标题之上 ，具有张力的同时又让这些线起到一个很好到视觉导向作用。

尊重原创文章，转载请注明出处与链接：https://www.*/jsjzx/Web_Design/594560.html，违者必究！