赞助商
立即赞助

平面基础小课堂!聊聊排版中的版面率和留白率

平面设计3年前 (2021)发布 流光
3.1K 0 0

大好,又跟大见面啦,本次的容是版中版面率与留白对画面气质的影响。希望家喜欢!

一、何为版面率

我们都知道一版面中必版的概念。何版呢?版就除去天、脚左右页距余下的区域,也我们页面内的摆空间。下图中灰色块的区域就此页面的版。

平面基础小课堂!聊聊排版中的版面率和留白率

知道了版,那么何版面率呢?版面率就版所占页面的比例,通俗一点讲就版面的利用率。

平面基础小课堂!聊聊排版中的版面率和留白率

面左图中版的面积非常,四周的余白少,版面的利用率高,所以版面率就高。右图版面积小,版面利用率比左图低,所以版面率就低一些。

平面基础小课堂!聊聊排版中的版面率和留白率

版面中也满版与空版的概念。如图,满版就天脚与左右页距的,此时版即整版面,版面利用率100%。空版就版面利用率0%的。从满版到空版之间的版面率递减的关系。

二、版面率对画面气质的影响

完版面率的概念我们再一版面率对画面气质的影响。

一般来说版面率越,视觉张就越大,版面会更泼与热闹;反之,版面率越小,给人感觉就越典雅与静,版面会更有格调。

平面基础小课堂!聊聊排版中的版面率和留白率

上图中版面率的海报相对于低版面率的更热闹与泼;低版面率的则更典雅。

平面基础小课堂!聊聊排版中的版面率和留白率

画册中是一样的,上图是我早些年做的一个案例。同样的容跟图片,只是版面的利率同,我们可发现右边低版面率的作更静和典雅。

版面率的高低能够影响版面的气质,所以我们际工中也要根据项目的气质分合适的版面率。比方说典雅气质的项目我们就要用低版面率版面,果用高版面率显是与项目身的气质相悖的。

三、留白率

说完版面率我们来说一下留白,留白的概念大家懂。而里所说的留白更的是指页面的负空间。

页面中去除内容后的空间就是负空间,如下面这个页面。

平面基础小课堂!聊聊排版中的版面率和留白率

图中灰色块代表图和文字息等内容,除去这些图片和文字后,页面中的其空间都可以作是负空间,也就是留。当然,留并不一定是色,所有除去页面内容后的空间都是负空间,如上图右侧案例,黑色部即此页面的留。

平面基础小课堂!聊聊排版中的版面率和留白率

负空间的多少即是留的多少。留的多少可以用留率来表示,如上图,负空间的留肯定少,留率就低。负空间大的的留肯定多,留率就高。

留白率是版留白多少,实上与版率概念不多,如下。

平面基础小课堂!聊聊排版中的版面率和留白率

空版留白最多,满版留白最少。然这也不是绝,有作品虽然是满版,空广阔,比如天空什么,都可以作留白来看待。

四、留白率对画面的影响

上说来留白率跟版率也有定关联,所以他们画质影响也是如出辙。我们可以先来看下低留白率与高留白率几个作品。

平面基础小课堂!聊聊排版中的版面率和留白率

平面基础小课堂!聊聊排版中的版面率和留白率

平面基础小课堂!聊聊排版中的版面率和留白率

平面基础小课堂!聊聊排版中的版面率和留白率

平面基础小课堂!聊聊排版中的版面率和留白率

通过这几作品我们可以看出留白少的信息丰富,版面活力,也闹,亲力也强。留白多的致,安静典,格调品质感,但亲力稍弱。

五、案例演示

下面行案例演示吧,首先看一看文案。

平面基础小课堂!聊聊排版中的版面率和留白率

这一我们需把文案的层级关系拉,中小区分的明显一点。这文案的层级关系肯 欲望の森 > 英文 > 欲望无尽的森 > 小文字信息的。

首先我们做一个有张的版面,那么我们可想一想么样的版面是有张的呢?

首先版面率要大,其次留白要小,让版面中的信息紧凑一点。

平面基础小课堂!聊聊排版中的版面率和留白率

上图就是对版面的局,以看到图是出血版的,没留天头与左右页边距。样做的目的也是使版面率更大。

布局做好之后把图片编排好的文字放置上去就可以了,如下。

平面基础小课堂!聊聊排版中的版面率和留白率

上图可以留比较少,符留率低的理论,虽然备张力,但不是显。这种情况下可以改变一下底色使之觉留率更低,如下。

平面基础小课堂!聊聊排版中的版面率和留白率

做完了留少版面率高的,再来做一个典雅一点的。

根据本篇文章内容思考下什么典雅与安静排版版率与留白率分是什么样?

一低版面率较多留白的版面能体典与安静感。所以我们版面安排使其留白多,同时版面率小一点。下图就一基本布局。

平面基础小课堂!聊聊排版中的版面率和留白率

后我们再根据版面布局置入图片微调一下就可以了,如下。

平面基础小课堂!聊聊排版中的版面率和留白率

总结

版率跟留白率都能够影响版质,我们做项目时候具体问题具体分析,根据项目质去设定版率跟留白率大小。

欢迎关注作者的微信公众:「猫设」

平面基础小课堂!聊聊排版中的版面率和留白率

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

相关文章

下半年,往往是电商设计师最繁忙的季节,双11、双12、双旦节等重量级节日接踵而来。 不过,有意思的是,与双11、双12活动...
中国风
在线下场景中的物料、机具尺寸是依据人体工程学为参考,不同位置、不同距离、不同角度下,物料类型 、版面结构、文字层级、字...
产品设计规范
元旦过后,新的一波工作又要开始了,我在开始准备新一轮汇报材料的时候突然想到了一个问题,不知道铁子们在往年参加设计评审...
光影
在设计的过程中,灵感经常时有时无,飘忽不定,所以把自己的做稿流程总结出来。在没有灵感和想法的时候,按照以下流程进行设...
Banner设计
内容转载自Details(微信号:Detail) 就在上周,纽约设计工作室&Walsh 发布了一套特供平面设计师的「Designer Emoji」。...
emoji表情
“对称构图”是将版面分割为两部分,通过设计元素的布局让画面整体呈现出对称的结构,具有很强的秩序感,给人安静、严谨和正式...
对称构图
编者按:定价页面中,具体的设计细节其实对于用户购买和销售的转化有着直接的影响,怎样设计才会更有有效?今天这篇来自Proof...
定价策略
在上篇的分享《Banner设计宝典系列!玩转9种最常见的设计风格》中有提到一个名词:情绪板(Mood Board)。有不少小伙伴来问:...
情绪板