Эффективные веб-design doesn’ т должны быть красивой и красочной — он должен быть ясным и интуитивно понятным, в самом деле, мы проанализировали принципы эффективного дизайна в нашей

previous posts.Однако, как вы можете достичь простой и интуитивно понятный дизайн решения?Ну, есть несколько вариантов — Например, вы можете использовать сетки, вы можете предпочитает простые решения, или вы можете сосредоточить внимание на удобство использования.Тем не менее, в каждом из этих случаев вы должны убедиться, что ваши посетители есть естественное чувство порядка, гармонии, равновесия и комфорта.И это именно то, где так называемые Божественная proportion становится important.

Эта статья объясняет, что это Божественная пропорция и то, что является правилом Thirds и описывает, как вы можете применить их обоих эффективно ваших проектов.Конечно, есть много возможностей.Надеюсь, эта статья поможет вам найти свой путь к более эффективному и красивый дизайн Интернет или по крайней мере обеспечить хороший отправной точки вы можете строить или развивать на further.

Божественная Proportion

Начиная с эпохи Возрождения, многие художники и архитекторы пропорционально их работы, чтобы приблизить золотой пропорции — особенно в форме золотого прямоугольника, в котором отношение большей стороны к тем короче золотой пропорции.Обоснованием этого является убеждение, что эта доля органических, универсальный, гармоничный и эстетично.В самом деле, будучи очевидно повсюду во Вселенной (в самом деле, многие вещи вокруг нас может быть выражено в этом отношение), божественная пропорция (который также называется золотое сечение, божественное раздел, золотой вырезать и означает Фидия), вероятно, самый известный законмеры, которые могут значительно улучшить связь вашего design.

Как Марк Болтон в своей статье Дизайн и Божественной Proportion “ одним из ключевых компонентов в транспортном средстве коммуникации составу, так и в дизайне школьного это то, что преподается как то, что вы должны feel Вместо того чтобы создавать logically.” Следовательно, чтобы успокоить посетителей с приятным и интуитивно понятным составом часто стоит учесть, золотое сечение.Так что же такое Золотое сечение?В основном, это доли 1,618033988749895 ≈ 1.618 которая имеет место между объектами, размещенными в определенном контексте.

Рассмотрим пример выше.Вы быхотели создать фиксированную ширину макета.Ширина макета является 960px.Вы бы иметь большой блок для содержимого (#content) и меньший блок для боковой панели (#sidebar).Как бы вы рассчитать ширину столбцов вашей

1. Во-первых, рассчитать ширину вашего #content блок.Вы должны убедиться, что соотношение между этим блоком и общую ширину макета 1,62.Следовательно, вы разделите 960 на 1,62, что приводит к примерно 593px.
2. Subtract 593px от общей ширины макета (которая 960) и получить 960 – 593px = 367px.
3. Сейчас если подсчитать соотношение между #content блоков и #sidebar блок (593px: 367px ≈ 1,615) и соотношение между контейнером ширины и ширины содержимого блока (960px: 593px≈ 1.618) Вы достигли почти то же самое ratio.

В этом вся идея “ Golden” пропорции.То же самое справедливо и для жидкости и упругой макеты, too.

Конечно, веб-дизайн doesn’ т need быть организованы в соответствии с Божественной пропорцией.Тем не менее, в некоторых случаях она может не только улучшить связь вашего дизайна, но и улучшить более подробную информацию о вашей layouts.В качестве примера рассмотрим 404 Blog.На самом проектировании визуально привлекательным, обеспечивает спокойный и поддержка цветовой гамме и имеет хороший composition.

Однако, проект не соответствует Божественной пропорции, как вы можете видеть на картинке ниже.На самом деле, пользователи don’ т обязательно чувствовать это, потому что они интуитивно разделить макет в виде двух отдельных блоков шириной 583px (630px – 31px – 31px) и 299px (330px – 31px).Причиной этого является то, что белое пространство основной области passive (три колонны, каждая 31px в ширину), он явно поддерживает содержание рядом с ним, а не содержание itself.

Соотношение между расположения блоков составляет 630: 330 пикселей ≈ 1,91 ≠ 1,62, а соотношение между содержанием блоков 583: 299px ≈ 1,92 ≠ 1,62.Причина, по которой макет выглядит почти идеально, хотя оно doesn’ T Stick к божественной пропорцией является тот простой факт, что это balanced — и расположение блоков и содержание блоки имеют те же пропорции.Таким образом, конструкция обеспечивает некоторый смысл закрытия и структурных harmony.

Самое интересное, однако, что в связи с оптимальным посетителей Длина макета предлагается оптимальным длина текста более 90 символов в строке.Однако, оптимальное количество для комфортного чтения лежит между 60 и 80 символами в строке.Улучшение расположения бы, следовательно, привести к улучшенной читаемости содержание тоже.That’ SA полезный побочный эффект получения вещей сделать в соответствии с законами nature.

Для некоторых quick’ проекты n’dirty Вы можете использовать соотношение 5: 3 который не является точно Божественную пропорцию, но может оказаться полез …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров