Работа над чужими ошибками

Фленов Михаил

Спецвыпуск: Хакер, номер #050, стр. 050-070-2

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

Как теперь располагать содержимое сайта? Некоторые упрощают задачу и выравнивают все по левому краю. Это действительно легче, особенно при использовании JavaScript или DHTML-эффектов, требующих привязки к пикселям. Если выровнять все по центру, будет тяжело определить левую точку, потому что неизвестно, каким будет отступ от левого края.

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

Big boss

Главная страница должна заинтересовать пользователя в том чтобы остаться на сайте и продолжить знакомство с ним. Основа сайта (шапка и подвал) обязательно должны быть выполнены в том же стиле, что и весь остальной сайт. Разница должна быть только в содержимом. Здесь можно предложить какие-нибудь горячие новости, прямые ссылки на новинки сайта, горячие предложения и т.д.

Возьмем какую-нибудь страницу и рассмотрим ее сильные и слабые стороны. Я долго выбирал претендента и остановился на сайте www.ulead.com. Это софтверная фирма, которая продает софт для дизайнеров. Шапку и подвал трогать не будем, потому что они пока нас не волнуют, а вот центральную часть сейчас обсудим.

Сразу под шапкой располагается широкий Flash-ролик, который с помощью красивой анимации показывает какую-то демку. Во то время, когда я писал эту статью, ролик рекламировал новую версию Ulead Photoimpact - отличное решение для того, чтобы привлечь внимание к новости и познакомить всех желающих с новыми возможностями программы. Анимация всегда бросается в глаза, и с ее помощью можно быть уверенным почти на 100%, что юзер увидит то, что мы хотим ему показать (смотреть и видеть - разные вещи :) - прим. Dr.Klouniz'а). Главное, чтобы она была информативной (можно было узнать как можно больше), как, например, анимация сайта Ulead: графика может занять слишком много пространства.

На главной странице только одна анимация - это тоже правильно. Некоторые дизайнеры пихают Flash-ролики куда угодно и сколько угодно. Это рассеивает внимание пользователя и мешает сконцентрироваться на главной (информационной) демке.

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