网站设计中的左右构图

一个优秀的网站设计必须有出色的设计理念并进行周密的规划，在网站建设的前期就需要对网站元素的摆放位置有个大致的构想，这就是构图，有了这个之后才能进一步的细化，今天小编就带大家了解网站设计中的左右构图。

一、什么是网站建设左右构图

左右构图是将版面分割为左右两部分，或通过设计元素的布局让画面整体呈现出左右分布的趋势，具有平衡、稳定、互相呼应的特点。

二、网站建设构图比例

1.版面分割比例1：1

将页面一分为二，形成均等的两份，呈现出对称均衡的版面效果，多用于版面中两部分内容处于并列或对立的关系。

2.黄金分割

黄金分割比例1：1.618在设计中有意识的应用黄金分割比例进行设计，可以营造出富有美感的版式效果。

3.白银分割

白银分割比例1：1.414与黄金分割相比，次空间占据的比例更大一些，能够承载的信息量也更多，适用于文字信息量较大的版面。

4.版面分割比例2：1

采用2：1的比例，图片主体在画面中占据主导地位，视觉焦点集中在主空间，阅读信息则放置在次空间。

5.版面分割比例3：1

3：1分割的比例图片在画面中占据主导地位更强，主要适用于图片比较重要而文字信息较少的版面。

小结：通过比例，可以让版面分割更严谨。但没有哪个比例关系绝对正确，需要根据画面的项目调性、信息体量、信息功能与图文主体而定。

三、破除网站建设呆板，灵活应用

1.曲线分割

把生硬的直线改为呈现出曲线或斜线进行画面分割，版面显得更生动活泼。

2.图片裁切

将方形图片裁切为其他形状，或使用其他形状的图形作为主体，使左右构图没有明显的分割线，也可以呈现出良好的视觉效果。

3.元素串联

利用图形、色块等元素串联空间、让主次空间建立起联系，具有丰富的视觉效果和良好的设计感。

4.文字破图

使用文字串联左右两个空间，破除左右构图版面的单一性。

5.空间留白

使用留白破除两个空间的间隙，拉开画面的空间感，具有良好的视觉效果。

6.满版构图

在满版的图片背景上重新进行左右分割构图，可以突破空间束缚，使画面更饱满。

7.图片退底

将图片主体进行退底处理，重新营造场景，弱化空间的分区。