Гид по дизайну в стиле Web 2.0. Часть 2: Центрирование и колонки

Часть 1: Обзор. Простота

Центрирование

Если говорить кратко, то для современных веб-дизайнов характерным является то, что основной текст располагается по центру окна браузера и имеет фиксированную ширину. Лишь немногие из них всё ещё остаются "растягивающимися" на всю ширину окна или фиксированными, но выровненными слева.

Чем хорош центральный дизайн?

Дизайны по центру выглядят проще, чётче и честнее. Проще, потому что посетителю не нужно рыскать по странице в поисках информации - вот она прямо перед ним. Чётче, потому что вся информация сконцентрирована в интуитивно-понятном месте. Честнее, потому что у пользователя не возникает ощущения, что от него пытаются что-то скрыть.

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

Где и когда использовать центральный дизайн?

Везде и всегда, если только у вас нету очень веского повода, чтобы не делать этого.

Количество колонок

Несколько лет назад 3-колоночные дизайны были нормой, а 4-колоночные - тоже частым явлением. В наше время превалирующее большинство дизайнов имеет всего лишь 2 колонки. 3 колонки - это, как правило, максимум, который уже никто не перешагивает.

Почему меньше колонок - лучше?

Чем меньше, тем больше. Меньшее количество колонок выглядят проще, чётче и честнее. В меньшем числе колонок мы можем передать только самую нужную информацию, организованную самым простым образом.

Что делать, если нужно много колонок

1. Разместите их в "подвале". Например, в последнее время среди блоггеров часто встречается приверженность к такому дизайну: две-три колонки в основной части и более трёх колонок в подвале с разной вспомогательной информацией (самые популярные сообщения, самые активные комментаторы, лента сообщений из ридера, всякие рейтинги и счётчики и др.)
2. amazon.com имеет две боковые колонки (левая - для навигации, правая - для разных фишек), а по центру три колонки с ассортиментом товаров. Таким образом, функция каждой колонки ясна, дизайн прост, а товары хорошо просматриваются.

Дизайн амазона попытался скопировать некий All Things Web2.0: две боковые колонки и две колонки основного содержания. Причём, как боковые колонки, так и основной контент мало отличаются по цвету. В итоге посетитель сайта не знает, куда смотреть в первую очередь, а куда - потом. На странице нет чётко выраженных приоритетов.

Таким образом, аккуратно используйте дизаынй с четырьмя и более колонками. А лучше не используйте их вовсе: поверьте, трёх колонок хватает за глаза.