AKSEL - Ярославский веб-дизайн - Изучаем

Компания Aksel работает на рынке веб-услуг с 2000 года, но я познакомился с сайтом этой компании совсем недавно. Жаль, было бы очень интересно понаблюдать за его развитием... Ну да ладно, будем смотреть на то, что есть сейчас.

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

Игра на оттенках серого.
Обратите внимание на то, что яркость серого цвета на странице изменяется в зависимости от зоны, и каждая зона имеет свои, четко определенные правила использования линий и заливок. Самая темная заливка - в верхней части страницы, содержащей логотип и основную навигацию, там же используются самые темные линии. Тот же цвет линий используется и ниже - в блоке, демонстрирующем последние проекты компании, но заливки там уже нет - просто белый фон. Спустившись ниже по странице, мы видим гораздо более светлые линии и заливки, которые, тем не менее, отлично заметны и прекрасно выполняют свою функцию разделения блоков текста. В нижней части страницы появляется еще одна темная линия, отделяющая служебную зону с контактной информацией.
Игра с цветом.
Своего активного "брендового" цвета у сайта нет, и это, на мой взгляд, самое правильное решение для дизайнерской компании, так как 1) наличие цвета на сайте может оказать нежелательное воздействие на потенциальных заказчиков, которые могут иметь свои собственные цветовые предпочтения 2) сайт дизайн-компании всегда демонстрирует графику, сделанную для заказчиков, где может присутствовать любой цвет, в том числе и диссонирующий с собственным цветом сайта, поэтому белый в сочетании со светло-серым - наиболее простое и безопасное цветовое решение. Конечно, сайт, не содержащий ни одного цветного пятна, выглядел бы уныло, поэтому разработчики использовали достаточно яркий цвет ссылок, оживляющий общее впечатление. Цвет тоже служит интересам зонирования, причем логика его использования совпадает с логикой использования серого цвета. Яркий цвет ссылок используется только в контентной области, а в навигации все ссылки - темно-синего цвета. Эта же закономерность использована в графических стрелках, отмечающих начало разделов.

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

Зона Серый Цвет Итого Комментарий

Текущая навигация 1 0 1 Средняя активность

Логотип и информация о компании 0 0 0 Низкая активность

Готовые работы 0 1 1 Средняя активность

Текстовый контент 1 1 2 Высокая активность

Контактная информация 0 1 1 Средняя активность

Мы видим, что тончайшие оттенки серого в сочетании с минимальным использованием цвета могут абсолютно правильно распределить внимание посетителя, обратив его внимание на текст и немного выделив навигацию и контактную информацию. Что это - гармония, "поверенная алгеброй", или алгебра, доведенная до уровня произведения искусства?

С точки зрения удобства пользования сайт тоже на высоте. Несмотря на то, что на страницах второго уровня используются три разных способа выделения ссылок (цвет + подчеркивание, только подчеркивание и только цвет), навигация остается интуитивно понятной, так как каждый из этих способов применяется в строго определенных случаях, что делает "поведение" страницы полностью предсказуемым.

Единственное, в чем можно упрекнуть создателей сайта, - в несколько неряшливом логотипе. Неряшливость проявляется не только в том, что элемент в левой его части неопознаваем, а текст внизу нечитаем (на самом деле там написано "Internet solution developer" - почти то же самое, что и на "Ярославских закладках", различия только в регистре символов), но и в некачественной растеризации текста названия фирмы. Светлый ореол вокруг букв говорит о том, что были применены операции по повышению резкости. Может быть, стоило немного больше поработать над переводом в растр, чтобы потом не пришлось пытаться вернуть потерянную резкость искусственными приемами? Удивительная небрежность, особенно на фоне логотипов клиентов, растеризованных практически безупречно.

Тексты очень грамотны и аккуратны, поэтому опечатка в поле <title> страницы "Разработка web-систем" вызывает некоторую досаду ("aksel / Услуги / Раработка web-систем"). Впрочем, это был единственный "прокол", который я заметил.

Уникальной особенностью сайта является способность адекватно выглядеть не только при разрешении экрана 800х600 и выше, но и при редчайшем сейчас 640х480. При изменении разрешения содержимое растягивается равномерно, поэтому визуальное равновесие элементов нарушить абсолютно невозможно.

Вердикт
Я думаю, что веб-дизайнеры компании Aksel заслуживают полного доверия со стороны клиента, так как сайт самой компании - настоящее произведение прикладного искусства.

Mick