1. 首页
  2. 网页设计
  3. 正文

排版艺术 | 留白率与版面率

  排版设计始终摆脱不了对版面的设计,而在版面设计中,留白率占据了很大的地位。我们将根据项目设计中的版面率和留白率来分析问题。

  文章目录:

  01.版面率是什么

  02.版面率对画面气质的影响

  03.留白率是什么

  04.留白率对画面气质的影响

  05.传统文化留白艺术

  01、版面率是什么

  我们都知道一个版面中必定有版心的概念。什么是版心呢?版心就是除去天头地脚和左右页边距之后余下的区域,也是我们页面内容的摆放空间。下图中灰色块就是该页面的版心。


  明白了版心,那么什么是版面率呢?版面率就是版心所占页面的比例,通俗来说就是版面的利用率。


  上面右边页面的版心面积比较小,四周余白多,版面的利用率低,所以版面率就低。左边页面的版心面积较大,版面利用率比右边高,所以版面率就高一些


  版面中也有满版与空版的概念。如上图所示,满版就是没有天头地脚与左右页边距的,此时版心即为整个版面,版面的利用率为100%。空版就是版面的利用率为0%。从满版到空版之间的版面率是递减关系。

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

  说完版面率的概念,我们再来说一说版面率对画面气质的影响。

  一般来说版面率越高,视觉张力就越大,版面也会更活泼与热闹;反之,版面率越小,给人感觉就越典雅与宁静,版面也会更有格调。


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


  画册中也是一样,上图案例中,同样的内容跟图片,只是版面的利用率不同,我们可以发现右边的作品版面率低,更安静和典雅。

  版面率的高低能影响到整个作品的效果,所以我们实际应用中也要根据项目的气质分配合适的版面率。比方说典雅气质的项目我们就要用低版面率版面,如果用高版面率显然是与项目本身的气质相悖的。

  03、留白率是什么


  其实留白的概念大家都懂,而这里所说的留白更多的是指页面的负空间。

  页面中去除内容后的空间就是负空间,我们来看看下面这个页面。

  图中灰色块代表图片和文字信息等,除去图片和文字后,页面中的其他空间=负空间=留白。当然,留白并非一定是白色,所有除去页面内容后的空间都是负空间,如右图,黑色部分即为此页面的留白。

  负空间相当于是留白,我们都可以用留白率来表示,如图,负空间小,留白少,留白率就低。负空间大的留白多,留白率就高。

  留白率就是版面留白的多少,实际上与版面率差不多,如下图所示。


  空版留白最多,满版留白最少。当然这也不是绝对的,有的作品中虽然是满版,但空间广阔,比如天空什么的,都可以当作留白来看待。

  04、留白率对画面气质的影响

  上面说来留白率跟版面率也有一定的关联,所以他们对画面气质的影响也是如出一辙的。我们可以先来看一下低留白率与高留白率的几个作品。

  通过这几个作品我们可以看出留白少的信息更丰富,版面更有活力,也更热闹,亲和力也更强。而留白多的更雅致,更安静典雅,更有格调跟品质感,但亲和力稍弱。

  05、传统文化留白艺术

  留白,顾名思义,就是在作品中有意留出相应的空白,是艺术创作中常用的一种手法,艺术角度上说,留白就是以“空白”为载体进而渲染出美的意境的艺术。

  艺术大师往往都是留白的大师,为作品留有想象的空间,方寸之地亦显天地之宽。

  留白的艺术在中国文化中无处不在,“墨分五彩,计白当黑”,“此处无声胜有声”,“水满则溢,月满则亏”,“君子之交淡如水”。

  人生,也需要留白,人生的“留白”,是一种意境,去繁存简,体现一个人的生活态度和审美品位。

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/4196.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();