Основано 12 декабря 1998 годасделаем веб лучше!
Тяжело в учении - легко в бою!Pro.Net.ru: субъективные заметки об интернет-дизайне
главнаязаметкиобзорыресурсыгостиstas@pro.net.ru
Что нового?


[16.06.2001] - новый обзор - Дизайн для графики.

Почтовая рассылка теперь проводится в HTML-формате, и поэтому иллюстрации к материалам теперь можно смотреть прямо в мэйлере.

[11.06.2001] - новый обзор - Креатив-бюро по-русски.

[6.06.2001] - новый обзор - Дискриминация GIFа.

Архив новостей 


Предложить сайт для обзора
Частые вопросы
Информация о сайте


Обзоры

9. Грамотный дизайн

Из заявок, присланных читателями, я выудил ссылку на справочно-информационный портал “Русский язык” ():

Главная страница

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

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

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

Тем не менее, дизайн оставляет впечатление некоторой недоделанности. Например, шапка главной страницы (и всех внутренних) разделена на три части. В первой помещено указание на спонсорскую помощь Минпечати при создании сайта, во второй — логотип сайта, а в третьей… ничего. Явный пробел.

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

Фрагмент

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

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

Фрагмент

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

А вот здесь:

Фрагмент

логически не нужен
между словами “под ред.” и “В. В. Лопатина” — тем более в колонке есть место, чтобы эти слова были написаны без переноса.

Кстати, этот он-лайн словарь — прикольная вещь. Я для пробы проверил суперхит первого класса общеобразовательной школы — слово “карова” — и получил такой результат:

Словарь

Приятно, что это окошко, в отличие от popup-окон на многих интернет-порталах, не завешано баннерами по периметру. :-)

В общем, дизайн Грамоты.Ру вполне достоин лауреата в номинации “Образование и наука”. Нужно только исправить несколько небольших недочетов, о которых было написано выше — и готово! :-)

10 марта 2001 г.

НазадНазадДалееДалее


| Главная | Заметки | Обзоры | Ресурсы | Карта сайта |

Copyright © 1998-2001.
Pro.Net.ru