Основы web-дизайна. Урок 5. Рисуем макет сайта.

Это последний урок из серии "Основы Web-дизайна", публикуемый в бесплатном разделе. Начиная со следующего, публикация уроков будет продолжена в платном разделе. В бесплатном же разделе иногда, возможно, будут опубликованы некоторые отдельные статьи по дизайну сайта.

Прежде чем начать разрабатывать дизайн сайта, необходимо создать лэйаут - его скелет, или макет. Он не содержит никаких декоративных элементов и представляет собой просто схему расположения элементов на странице. Нечто подобное мы уже делали на уроке 1.  Во время рисования макета дизайнер решает следующие задачи:

• Что главное, а что второстепенное, и как это показать.

• Как правильно расположить блоки.

• Как сделать сайт удобным для пользователя.

При рисовании  картинок следует использовать сетку, по ней удобно ориентироваться при расположении элементов макета. Размер картинок так же следует выбирать кратным шагу сетки, который вы приняли заранее. Обычно это 20 пикселей.

Начинать макет сайта нужно с выбора модульной сетки. Два стандартных варианта модульной сетки:

вариант 1:

вариант 2:

Однако, если вы хотите сделать оригинальный дизайн, то и модульную сетку тоже следует выбирать не стандартную, например, такую:

или вот такую:

В газетном дизайне часто модульные сетки строятся с учетом так называемого "золотого сечения".  Этот же принципа придерживаются художники, скульпторы, архитекторы. Так что же это за чудо формула? Золотое сечение образуется при делении отрезка AC на две части таким образом, что что большая часть AB относится к меньшей части BC так же, как весь отрезок относиться к AB. Иными словами, AB:BC=AC:AB. Это отношение примерно равно 8:5 (или 68:32).

Вот так выглядит это золотое сечение:

Теперь давайте нарисуем модульную при помощи этого злотого сечения:

Существует мнение, что если многократно повторить золотое сечение, в дизайне, то вы добьетесь невиданных успехов. Однако, не следует доходить до фанатизма. Есть и другие, не менее важные задачи.