新创意设计网

当前位置:新创意设计网 > 正文

掌握黄金与白银比例,排版立刻高级

有些设计,说不上哪里好,但你看着会感觉很高级、很舒服,而有些你会觉得怪怪的

有些设计,说不上哪里好,但你看着会感觉很高级、很舒服,而有些你会觉得怪怪的

可能不是配色,也不是字体,而是比例

我们对比下斑马线的早高峰和军队阅兵,前者毫无秩序可言,后者高度统一的间距和比例,构成了无可挑剔的秩序

掌握黄金与白银比例,排版立刻高级

排版的本质不是信息的堆砌,而是信息的关系的设计

你不是决定“放什么”,而是决定“放在哪、放多大、离多远”,这些决策的底层依据,全是比例。例对了,呼吸感就出来了


两个神数:黄金和白银

先说两个数字

1:1.618,黄金比例

贝壳、向日葵、蒙娜丽莎、苹果Logo——都有它的影子

掌握黄金与白银比例,排版立刻高级

1:1.414,白银比例

这个数更接地气。它就是A4纸的比例

为什么重要?因为你在A4纸上排版,按白银比例走,天然省力。对折一下,比例不变

掌握黄金与白银比例,排版立刻高级

做画册、做杂志,这个数能救命

实际操作中,不必每次都用计算器。记住几个常用比例就够了:

1:1(正方形,稳定庄重,但也容易呆板)

  • 2:3(约1:1.5,接近黄金比例,常用)

  • 3:4(经典比例,温和舒适)

  • 1:1.414(白银比例,A系列纸张专用)

  • 1:1.618(黄金比例,极致优雅)

记住一个原则:一个版面里,比例种类越少,整体感越强

五种以上,基本就乱了


字号不是随便选的

很多设计师选字号靠“感觉”

结果呢?标题和副标题分不清,正文和注释没差别

问题出在哪?没有比例尺

正确的做法:建一套有倍数关系的字号体系

比如:12pt → 16pt → 24pt → 36pt

12到16是4:3,16到24是2:3,24到36是2:3。

每一步都有关系,每一级都清晰

行距也一样

正文行距一般是字号的1.4到1.6倍。这个区间刚好是白银比例的范围

不多不少,刚好能“呼吸”


版面怎么切?网格说了算

网格是什么?就是把版面按比例切开

分栏就是最基础的切法:

单栏:小说、散文,简单干净

  • 双栏:杂志、画册,图文灵活

  • 三栏:报纸、目录,信息量大

三栏的宽度怎么定?1:1:1、1:2:1、1:1:2——看你强调哪块

掌握黄金与白银比例,排版立刻高级

但真正见功夫的,是留白

很多人怕空,拼命往里塞。结果版面“闷”得要死

记住一个数:留白面积和内容面积的比例,在1:1到2:1之间

空白至少和内容一样多,甚至可以多一倍

觉得闷?把留白增加30%,立刻见效

留白不是浪费,是让内容“站得住”的静默区


图文比例,决定气质

图片多大?文字多宽?不是随便拉的

三种常见比例,三种不同气质:

图70% : 文30% → 图片主导。视觉冲击强。时尚杂志、产品广告这么干。文字只是点缀

图50% : 文50% → 图文均衡。理性、专业、不出错。企业画册、品牌手册首选

图30% : 文70% → 文字主导。信息量大、信任感强。学术书籍、年报用这个

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

一个小技巧:大图配小字,小字配大图

满版大图,压一行极小字 → 极致现代感

小图配巨大标题 → 张力拉满

对比越大,记忆越深


模块高度,决定节奏

一个版面有头部、内容区、侧边栏、尾部

它们之间的高度比,决定了阅读的节奏

三种常见节奏:

1:1 对称节奏 → 稳定,但容易死板。适合正式文件

0.618:0.382 黄金节奏 → 主体占61.8%,次要占38.2%。经典耐看,百试百灵

1:2:3 渐变节奏 → 递增或递减,有韵律感,会带着视线往下走

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

技巧:先用黑白灰块把骨架搭好,比例调舒服了,再往里填内容

这叫“骨架先行”


写在最后

比例这东西,不玄

它就是一套可以复制的方法

下次排版,问自己几个问题:

字号之间有倍数关系吗?

  • 留白够不够1:1?

  • 图文比例符合内容气质吗?

  • 模块高度有节奏吗?

当你开始用比例的思维看设计,你会发现——

那些“高级”的作品,没有一个在比例上偷懒

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级

掌握黄金与白银比例,排版立刻高级
 

热点排行