用超多案例,帮你掌握「左右构图」的排版技巧

2023-03-17 0 3,630

在设计之前,对于设计元素的摆放位置需要有一个大致的构想,这个构想就是构图,它相当于是版式的雏形,有了这个雏形之后,才能开始下一步的细化,只有充分理解构图的意义与作用,排版时才能做到心中有数。

本期要分享的是左右构图的使用方法,与上一期的上下构图使用方法类似,都是版式设计中比较通用和非常实用的构图形式,适用于各种设计项目。

接下来看看实际应用案例:

什么是左右构图

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

用超多案例,帮你掌握「左右构图」的排版技巧

最典型的左右构图由「左图右字」或者「左字右图」两部分构成,图片及文字各占据一部分,形成左右两部分独立的空间,产生良好的阅读体验。

用超多案例,帮你掌握「左右构图」的排版技巧

当画面缺少图片时,也可以使用文字图形化的方法,占据版面主空间形成画面的主体。

用超多案例,帮你掌握「左右构图」的排版技巧

左右构图看似比较简单,但是通过精心的编排,也可以使画面具有丰富的视觉效果和良好的设计感。

用超多案例,帮你掌握「左右构图」的排版技巧

构图比例

进行左右构图设计时,可以根据版面内容的信息体量划分画面的空间,常用的版面分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等。在设计时也可以反复进行调整,直到找到最为合适的构图比例。

1. 1:1分割

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

用超多案例,帮你掌握「左右构图」的排版技巧

2. 黄金分割

「黄金分割比例(1:1.618)」被认为是最具美感的分割比例,在设计中有意识地运用黄金分割比例进行设计,可以营造出富有美感的版式效果。

用超多案例,帮你掌握「左右构图」的排版技巧

3. 白银分割

「白银分割比例(1:1.414)」也是具有独特美感的分割比例,与黄金分割相比,次空间占据的比例更大一些,能够承载的信息量也更多,适用于文字信息量较大的版面。

用超多案例,帮你掌握「左右构图」的排版技巧

4. 2:1分割

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

用超多案例,帮你掌握「左右构图」的排版技巧

5. 3:1分割

3:1分割的比例与2:1比例相似,但图片在画面中占据主导地位更强,主要适用于图片比较重要而文字信息较少的版面。

用超多案例,帮你掌握「左右构图」的排版技巧

通过比例,可以让版面分割更严谨。但没有那个比例关系绝对正确,需要根据画面的项目调性、信息体量、信息功能与图文主体而定。如使用其它比例分割的优秀案例:

用超多案例,帮你掌握「左右构图」的排版技巧

空间调整

把图文按比例分别编排在版面上下方,是比较严谨规范的构图方式,但是为了避免版面的呆板,可以通过调整版面空间变换出多种编排形式。如以下几个案例:

缩小图片和文字空间,使留白处形成外空间,增加层次感。

用超多案例,帮你掌握「左右构图」的排版技巧

在主空间上划分出新的空间,这样的手法可以很好让空间具有多变性,也可以让我们的设计更加灵动。

用超多案例,帮你掌握「左右构图」的排版技巧

使用图片占满整个版面,再运用色块承载文字信息,可以强化与聚集内容,既能保证信息清晰有效的传达,同时也可以增加画面的层次感、提升画面的丰富度。

用超多案例,帮你掌握「左右构图」的排版技巧

灵活运用

上下构图的框架看似比较固定,但是也能通过设计手法,变换出多种编排形式,巧妙破除上下分割的单一性与呆板感。

1. 曲线分割

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

用超多案例,帮你掌握「左右构图」的排版技巧

2. 图片裁切

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

用超多案例,帮你掌握「左右构图」的排版技巧

3. 元素串联

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

用超多案例,帮你掌握「左右构图」的排版技巧

4. 文字破图

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

用超多案例,帮你掌握「左右构图」的排版技巧

5. 空间留白

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

用超多案例,帮你掌握「左右构图」的排版技巧

6. 满版构图

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

用超多案例,帮你掌握「左右构图」的排版技巧

7. 图片退底

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

用超多案例,帮你掌握「左右构图」的排版技巧

用超多案例,帮你掌握「左右构图」的排版技巧

总结

  • 「左右构图」是将版面分割为左右两部分,或通过设计元素的布局让画面整体呈现出左右的分布趋势,具有平衡、稳定、互相呼应的特点;
  • 进行左右构图设计时,可以根据版面内容的信息体量划分画面的空间,常用的版面分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等;
  • 为了避免版面的呆板,可以通过调整版面空间变换出多种编排形式;还可以通过曲线分割、图片裁切、文字破图等设计手法,变换出多种编排形式,巧妙破除空间分割的单一性与呆板感。

欢迎关注作者的微信公众号:「艺海拾贝Design」

用超多案例,帮你掌握「左右构图」的排版技巧

:本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可, 转载请附上原文出处链接。
1、本站提供的源码不保证资源的完整性以及安全性,不附带任何技术服务!
2、本站提供的模板、软件工具等其他资源,均不包含技术服务,请大家谅解!
3、本站提供的资源仅供下载者参考学习,请勿用于任何商业用途,请24小时内删除!
4、如需商用,请购买正版,由于未及时购买正版发生的侵权行为,与本站无关。
5、本站部分资源存放于百度网盘或其他网盘中,请提前注册好百度网盘账号,下载安装百度网盘客户端或其他网盘客户端进行下载;
6、本站部分资源文件是经压缩后的,请下载后安装解压软件,推荐使用WinRAR和7-Zip解压软件。
7、如果本站提供的资源侵犯到了您的权益,请邮件联系: 442469558@qq.com 进行处理!

猪小侠源码-最新源码下载平台 平面设计 用超多案例,帮你掌握「左右构图」的排版技巧 http://www.20zxx.cn/702515/xuexijiaocheng/%e5%b9%b3%e9%9d%a2%e8%ae%be%e8%ae%a1.html

提供海量高端优质资源下载

常见问题
  • 本站所有资源版权均属于原作者所有,均只能用于参考学习,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,建议提前注册好百度网盘账号,使用百度网盘客户端下载
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务