Юрий Кириллов

Гармонизация дизайна сайта

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

Гармонизация сайта по продаже услуг доступа wi-max

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

Гармонизация туристического сайта

Типичный пример простой и эффективной гармонизации.
Слева: вид до гармонизации. Отсутствует главный смысловой акцент, главная страница сайта монотонно заполнена ссылками и текстами.
Справа: результат гармонизации сайта. Введен агрессивный центральный элемент, усилена группа главных ссылок наверху, предложены новые эмоциональные изображения в правой колонке.

Гармонизация отраслевого портала

Слева: вид до гармонизации. Страница перенасыщена мелкими акцентами, все блоки кажутся равноправными.
Справа: результат гармонизации сайта. Трехколоночная схема верстки сайта сохранена. Удалены все цветные элементы оформления блоков и шапки, новостной блок перенесен в левый верхний угол и теперь явно выделяется на странице.

Гармонизация информационного портала

Слева: вид до гармонизации. Пропорции страницы не выверены. Шапка некомпактна, боковые колонки незначительно меньше центральной, что мешает выделить центральный материал страницы. Попытка заказчика привлечь внимание к центру увеличением иллюстрации и цветной подложкой развалила общий вид страницы. Заголовок главной статьи на небольших мониторах исчезает под обрезом экрана. Цветовая гамма воспринимается читателями как "неприятная".
Справа: результат гармонизации сайта. Структурв сайта и размещение блоков на страницах сохранены. Вспомогательные элементы навигации вынесены из шапки наверх за пределы основной страницы. Цветовая гамма стала нейтральной, введен серый цвет, для выделений используются вставки ярких цветов. Центральная колонка увеличена, ее фон стал белым, пропорции иллюстрации изменились, заголовок главной статьи гарантированно находится в поле зрения.

Статья по теме: Редизайн сайта или гармонизация.