Как рассчитать процентное соотношение частей целого в веб-дизайне?

Для расчёта процентного соотношения частей целого в веб-дизайне используют принцип золотого сечения — математическую пропорцию, которая отражает гармоничное соответствие двух частей одного целого друг к другу. mindrepublic.ru dsgnmania.com

Принцип работает так: целое делят на две части, и отношение первой части ко второй должно быть таким же, как отношение всего целого к первой части. mindrepublic.ru dsgnmania.com

Для расчётов применяют число Φ, приблизительно равное 1,62 (более точное значение — 1,618). dsgnmania.com

Пример: есть блок шириной 640 пикселей. dsgnmania.com Высота высчитывается следующим образом: 640 / 1,618 = 396 px. dsgnmania.com Такой же будет и ширина большей части пропорции (левой), тогда как ширина меньшей области = 640 — 396 = 244 px. dsgnmania.com

В процентном отношении разделение целого по числу Φ выполняется как 62/38%. mindrepublic.ru dsgnmania.com

Для расчёта можно использовать специальные инструменты, например, Golden Ratio Typography Calculator (калькулятор золотого сечения для текстов). dsgnmania.com