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

 

一、什么是左右构图

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

 

二、构图比例

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.图片退底

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

咨询我们

你可以填写你的联系方式,我们会主动与你联系,或者拨打我们的咨询热线。