Допустим, у меня есть макет 2 столбца шириной 1000 пикселей с пространством водосточного желоба 100 пикселей (поле) и 50 пикселей слева и справа. Как применить золотое сечение к этому макету?
Метод первый
c1+c2=800px;
c1/c2=1.618;
=>c1= 495px and c2= 305px
50px, column 1 (495px), 100px, column 2 (305px), 50px
Второй метод - вычисление ширины столбца без учета полей.
c1+c2=1000px
c1/c2=1.618
=>c1= 618px c2=392px
эффективная ширина столбца после добавления полей / отступов
c1=618px -100px = 518px
c2=392px -100px = 292px
50px, column 1 (51), 100px, column 2 (305px), 50px
% difference in two methods 518-495/518= 4%
Разница в 4% не будет иметь никакого значения, но разница в процентах будет больше при работе с узкими макетами.
Если вы видите эту статью,
http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/
В первом примере они взяли отступы из золотого сечения, а в другом - дополняющую часть ОТО.
Может кто-нибудь предложить, какой метод лучше.
Я разрабатываю этот макет для настраиваемой темы WordPress, я предоставляю возможность выбрать гибкий макет.
Я не могу использовать первый метод с золотым сечением (Могу ли я ??).
Могу ли я использовать метод 2, не теряя гармонию, которую GR привносит в дизайн.
Пожалуйста, включите ссылки и ссылки, подтверждающие ваш ответ.
PS: я уже публиковал этот вопрос в разделе графического дизайна, мне предложили разместить его здесь. Надеюсь, я не нарушаю никаких правил.