赞助商
立即赞助

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

平面设计3年前 (2021)更新 流光
2.7K 0 0

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

本期要分享的是左右构图的使用方法,与一的下构图使用方法类似,都版式设计比较用和常实用构图形,适用于各设计项目。

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

什么是左右构图

「左右构图」将版面分割左右两部分,或通过设元素的布局让画面整体呈出左右的分布趋势,具平衡、稳、互相呼应的特点。

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

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

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

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

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

左右构图看似比较简单,但通过精的编排,也可以使画面具丰富的视觉效果良好的设感。

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

构图比例

进左右构图设计时,可以根据版内容信息体量划分画空,常用版分割比例有: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」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

大家新年好,我是千树,在课程开始之前先给大家说一个坏消息,2020年了,首批90后已经迈入30岁的大关了,是不是感觉到有些焦...
图片修饰
一年一度的春运今天正式开启了,有些小伙伴可能已经在兴高采烈的准备回乡的计划了,但由于疫情原因还有一些小伙伴却只能原地...
平面设计
「倾斜构图」是版面整体或部分元素以倾斜的角度呈现在画面上,可以产生不稳定的动感,画面显得更具创意性,充满活力,也更有...
倾斜构图
「空间陈列法」是说先构建一个空间,然后将主体元素用合适的形式陈列出来。 这是随着手机兴起而真正流行起来的一招,因为PC...
Banner设计
那些舶来电影的海报,怎么都被做成了这个样子? 最近被《小偷家族》刷屏了朋友圈,上映没几天,豆瓣评分就达到了8.8。 是...
小偷家族
身为设计师,绝非只做简单的排版,需要多角度思考,精准的设计表达。提炼与分析产品或服务最有力的点,并有逻辑地利用策略和...
Banner设计
相信刚接触设计或者工作时间不长的设计师,多多少少都会遇到各种各样的编排问题。今天这篇文章就是源于一位设计师提出的问题...
亲密性
Banner包含什么元素? 在电商设计中,最重要的就是店铺的banner设计,banner中所包含的元素也多种多样,每一种都有不同的功能...
Banner设计