Залить информацию на сайт недостаточно — её нужно правильно расположить. Современный дизайн сайтов базируется на удобстве пользователей и максимальной простоте. Медленные ресурсы с низкой информативностью не прельщают юзеров — они спешат перейти к вашим конкурентам.

Макетирование и резиновая разметка

Располагать объекты на страничках проекта можно разными способами. Работать придётся со следующими объектами:

• меню навигации;
• логотип;
• разделы;
• смысловая информация.

Чтобы создать сайт вам предстоит разобраться в структуре веб-страницы и взяться за конструирование макета. Страница делится на четыре блока:

• шапка;
• содержимое;
• панель навигации;
• подвал.

Существует понятие «резиновая разметка», означающее настройку параметров ширины. Сделаете горизонтальный бегунок — попрощайтесь с трафиком. Фиксированная ширина странички может сыграть с вами злую шутку — на больших мониторах ресурс будет смотреться уродливо. Предпочтение стоит отдать «резиновой разметке».

Дизайн попроще

Настало время подумать о разрешении экрана. Стандартом для пользователей Windows XP является разрешение 800×600. Обладатели ЖК-мониторов предпочитают 1024×768. Настраивая фиксированную ширину, придерживайтесь 800-пиксельной границы.

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

Основы юзабилити

Краеугольный камень макетирования — удобное меню. Посетитель не хочет тратить время на поисковые операции — контент должен быть доступным. Меню лучше всего располагать горизонтально — в верхнем секторе странички.

Меню бывает простым и выпадающим. Второй вариант актуален при сложной структуре сайта с обилием категорий/подкатегорий. Выпадающие меню удобны и компактны, поэтому руководители крупных интернет-проектов предпочитают этот вариант.

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