网站设计中的左右构图
网站建设公司
2020-08-25 11:37:27 浏览量:2736一个优秀的网站设计必须有出色的设计理念并进行周密的规划,在网站建设的前期就需要对网站元素的摆放位置有个大致的构想,这就是构图,有了这个之后才能进一步的细化,今天小编就带大家了解网站设计中的左右构图。
一、什么是网站建设左右构图
左右构图是将版面分割为左右两部分,或通过设计元素的布局让画面整体呈现出左右分布的趋势,具有平衡、稳定、互相呼应的特点。
二、网站建设构图比例
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.图片退底
将图片主体进行退底处理,重新营造场景,弱化空间的分区。