пишет SmashingMagazine. И вроде написано об этом много, но тема настолько интересная, что не грех и перечитать.

Ниже привожу краткий конспект статьи. Рисунки взяты из статьи в SmashingMagazine “Applying Divine Proportion To Your Web Designs” (www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/).

Эффективный дизайн не обязательно должен быть прекрасным и разноцветным – он должен быть прежде всего четким и интуитивным. Эффективный дизайн должен вызывать чувство упорядоченности, гармонии, баланса и комфорта на интуитивном, подсознательном уровне.

Как достичь такой четкости и интуитивности? Вот тут на выручку и приходит божественная пропорция (или золотое сечение).

Считается, что золотое сечение нам кажется таким красивым и гармоничным потому, что оно постоянно встречается в естественной природе. Золотое сечение (божественная пропорция) – это то, что мы чувствуем, а не воспринимаем логически.

Что такое божественная пропорция / золотое сечение? Это соотношение между размерами объектов, равное 1.618033988749895 ≈ 1.618.

На приведенном выше примере показано, как использование золотого сечения помогает дизайнеру. Допустим, у вас есть экран шириной 960 пикселов. Дизайн будет состоять из широкого блока-текста (content) и более узкого блока-меню (sidebar).

Для начала расчитываем ширину текстового блока. Делим 960 px на 1.62 и получаем 593 px. Таким образом, ширина текстового блока будет 593 пиксела, тогда ширина сайдбара (960 – 593) = 367 пикселов.

В этом примере отношение длины контент-блока и сайдбара равно (593 px : 367 px ≈ 1.615), отношение ширины всего экрана к ширине текстового блока также равно золотому сечению: 960 px : 593 px> ≈ 1.618.

Если под рукой нет калькулятора, можно использовать простое соотнощение 5 : 3 – это не совсем золотое сечение, но близко к идеалу.

Реальный дизайн сайта не обязательно подчиняется божественной пропорции. Как видно на следующем рисунке, соотношение между блоками не равно золотому сечению: 630 : 330 px ≈ 1.91 ≠ 1.62. Соотношение между текстовыми блоками в правой и левой части равно: 583 : 299 px ≈ 1.92 ≠ 1.62.

Таким образом, дизайн кажется гармоничным не потому, что соответствует божественной пропорции, а потому, что размеры его составных частей (блоков) сбалансированы и имеют одинаковые пропорции.