Ratio Calculator

Aspect Ratio Calculator

Result:

Aspect Ratio: 16:9

New Height: 1080 px

Golden Ratio Calculator

The Golden Ratio (approximately 1.618) is a special mathematical ratio commonly found in nature and often used in design.

Result:

Shorter Segment: 100

Longer Segment: 161.8

Whole Length: 261.8

Ratio (longer:shorter): 1.618:1

Silver Ratio Calculator

The Silver Ratio (approximately 2.414) is another important mathematical ratio used in design and architecture.

Result:

Shorter Segment: 100

Longer Segment: 241.4

Whole Length: 341.4

Ratio (longer:shorter): 2.414:1

Ratio Calculator

Enter Your Ratio

:

Calculate New Values

Result:

Simplified Ratio: 1:2

First Value: 10

Second Value: 20

每位创作者都应了解的关键设计比例

1. 长宽比:比例的基础

长宽比描述的是宽度与高度之间的比例关系,常见于:

  • 屏幕分辨率(如 16:9、4:3)
  • 摄影构图(如 3:2、1:1)
  • 印刷材料(如 ISO 纸张尺寸)
计算公式:
长宽比 = 宽度 / 高度
可使用最大公约数(GCD)进行简化

2. 黄金比例(φ ≈ 1.618):自然的完美比例

这种神圣比例广泛存在于自然和古典艺术中。主要应用包括:

  • 布局构图
  • 排版层级
  • Logo 设计
黄金比例公式:
(a + b)/a = a/b = φ ≈ 1.618
其中 a > b > 0

3. 白银比例(δ ≈ 2.414):现代替代方案

也称为“白银均数”,这种比例为设计带来现代感的替代方法:

  • 用于日本建筑设计
  • 在现代设计中替代黄金比例
  • 创建更具动感的矩形比例
白银比例公式:
1 + √2 ≈ 2.414

4. Folrule:实用比例应用

Folrule 虽不是数学常数,但代表了实用的比例运用方式:

  • 摄影中的三分法
  • 最佳文字间距比例
  • 图标尺寸缩放比例
常见 Folrule 比例:
行高:字体大小的 1.5 倍
边距节奏:1:2:1 的垂直节奏

5. 比例简化:通用工具

在处理任何比例关系时都非常有用:

  • 转换复杂的测量单位
  • 保持比例一致性
  • 有效地缩放设计
简化方法:
1. 找出两个数的最大公约数
2. 用该值分别除以两个数
示例:1920×1080 → 16:9

结语:掌握比例的和谐之美

理解这些比例为创作视觉美感设计提供了坚实基础。虽然黄金比例和白银比例提供了数学上的精准,但诸如长宽比和 Folrule 规则等实用应用,能让这些概念落地到真实项目中。请记住:

  • 比例创造视觉和谐
  • 一致的比例提升可用性
  • 数学比例提供指导,但不限制创意