Золотое сечение-Веб-дизайн, математика и Seashells

0x600 мониторе, так что моя страница не будет больше, чем 780 пикселей в ширину. Я буду делать мою ширина 760px. 2. Разделить на Пхи. После того, как вы знаете, ширину, разделить его на Пхи (1,62 округлые штраф). 760 делится на 1.62 является 469,14 или 469 (веб-браузеры предпочитают целые числа). То есть ширина мой основной колонны. 3. Вычтите основной ширины столбца из всей ширине. Это даст вам второй ширину столбца. 760 - 469 = 291. Из этого расчета, я должен генерировать сайт 2-столбца, который имеет основной столбец 469 пикселей в ширину и вторичную колонну 291 пикселей в ширину.

Если я сделаю это, я буду иметь сайт, который является эстетически, без необходимости делать что-нибудь еще. Вы можете сделать это же расчет с процентами для гибкой планировкой ширина: 100% /1,62 = 62% для широкой колонке и 38% для широкой колонке. Примечание: Многие сайты рекомендуем использовать соотношении 3: 5, чтобы получить золотое сечение, но это отношение, в то время как близко, это не совсем то золотое сечение.

Если вы разрабатываете что-то быстро или у вас есть сетка, что вы работаете с, это может быть большое эмпирическое правило, чтобы подобраться к идеальной пропорции, и это здорово, если вы действительно ненавижу математику или не есть калькулятор , Используйте Золотое сечение для более чем Макет страницы Если вы думаете, о том, как элементы в вашей странице размещены, вы можете использовать золотое сечение в них, чтобы создать мини-золотые прямоугольники. Они будут как эстетично.

Используйте его для надписей на изображения, текст течет рядом и вокруг изображения, рекламного пространства, и ваш навигации. Если вы создаете кнопки навигации, которые имеют те же пропорции, что и золотой прямоугольник, каждый будет выглядеть красиво на странице.