На этой странице изложены простые правила, которых мы старались придерживаться, разрабатывая дизайн этого сайта. Некоторые назовут его унылым. Мы назовем его лаконичным и функциональным. Мы ни в коем случае не навязываем этих правил другим, оставляя за всеми творчески настроенными сайтостроителями полную свободу самовыражения.
В отношении дизайна сайты традиционно делятся на два типа: информационные и презентационные. Мы решительно выбираем информационный стиль.
Иногда дизайнеры пытаются совместить «информационный» и «презентационный» стили. В результате, многие современные сайты перегружены. Они перегружены не только хорошо заметной всем графикой. Перегружен и сам html-код страниц. На некоторых страницах количество знаков, потраченных на разметку, форматирование и позиционирование элементов, во много раз превосходит количество знаков, потраченных на передачу полезной информации.
Наш девиз: минимум разметки и украшений--максимум полезной информации. Поэтому вы не увидите здесь ни красивых кнопок, ни каких-либо иных картинок, не несущих информационной нагрузки и служащих лишь украшению. Не будет здесь и ухищреной табличной верстки. Таблицы, которые могут встретиться вам на страницах этого сайта, служат только одной цели: табличному представлению данных. Позиционирование элементов на страницах основано на описании стилей элементов.
О том, какого рода информацию мы размещаем на нашем сайте, можно прочитать в разделе контент.
Этот принцип положен в основу концепции современных языков разметки текстов. HTML и сменивший его XHTML в их «строгих» вариантах предполагают полное отделение всего, что связано с логической структурой документа, от красот оформления. Это делается ради достижения полной совместимости документов с самыми различными программами и устройствами, предназначенными для чтения.
Мы последовательно применяем этот принцип на нашем сайте.
Все сделано так, что авторы могут полностью сосредоточиться на содержании и логике изложения, вообще не думая об оформлении. При написании кода основной части страницы (между областью навигации вверху и адресом внизу) достаточно просто употреблять стандартные команды html, чтобы обозначить абзацы (параграфы), заголовки разных уровней, списки и таблицы. Все, что касается цвета, относительного размера элементов и их расположения на экране, уже описано в таблице стилей.
Примеры html-кода страниц и таблицу стилей, используемую на нашем сайте, можно найти в разделе шаблоны страниц.
Подобно гению Сократа, наша дизайнерская концепция не столько побуждает к действиям, сколько призывает воздерживаться от них. За каждым из перечисленных ниже «не» стоит долгая история многочисленных проб и ошибок. Это не только обобщение нашего опыта в строительстве сайтов, но и учет опыта мировых лидеров в области web-usability.
Наш адрес: ул. Союза Печатников, д. 16, С-Петербург, 190008
Тел.: +7 (812) 714-25-44
E-mail: dephuman@hse.spb.ru