SJ Topbar
Сайт под ключ от 10000 руб за 3 дня! Хостинг и домен в подарок
Breadcrumbs

Чек-лист: дизайн сайта

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

Дополнительная навигация. Ссылки на некоторые служебные страницы, не входящие, как правило, в основную карту сайта. Например: «Личный кабинет, RSS, Прайс, Карта сайта, Контакты, Написать письмо»). Могут быть в виде пиктограмм. Из них рекомендуется предусмотреть по крайней мере «Личный кабинет», «RSS», «Карту сайта» и «Написать письмо», поскольку соответствующие страницы при всей своей важности, как правило, труднодоступны из основной навигации по сайту.

Путь по сайту (Главная страница ▸ Продукция ▸ Люстры). Нужно учитывать, что он может быть довольно длинным.

«Подвал» с контактной и правовой информацией, кнопкой техподдержки студии, местом для счётчиков и т.п.

  • В макете дизайна должны быть представлены как минимум первые три уровня основного навигатора и карты сайта. Остальные уровни, если их внешний вид не представлен в макете дизайна, будут смотреться так же, как и третий уровень с увеличенным отступом слева.

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

  • Все элементы навигации должны быть доступны пользователю на каждой странице сайта.

  • Высоту шапки для внутренних страниц информационного сайта желательно делать не более 300 пикселей.

  • Все тексты на сайте обязаны хорошо читаться и на плохо настроенном мониторе. Рекомендация по кеглю шрифтов для обычного текста — от 13 пикселей.

  • Если это не указано в ТЗ на дизайн сайта явно, для информационных сайтов предпочтительно использовать тёмный шрифт на светлом фоне. Для сайтов, больше ориентированных на дизайн, чем на информационное наполнение, допустимо использование светлого шрифта на тёмном фоне.

  • Для всех текстов на сайте, кроме тех, что будут представлены в виде графики, рекомендуется использовать только стандартные шрифты. Но в случае взаимного согласия заказчика и разработчика дизайна сайта допускается использование нестандартных шрифтов. В случае использования нестандартных шрифтов и вёрстки шаблонов страниц студией “Scrofa Tridens” эти шрифты должны быть переданы вместе с макетом дизайна сайта.

  • Текст, который должен быть представлен на сайте в виде графики, в макете дизайна должен быть переведён в растр. Текст, который должен быть представлен на сайте в виде текста, должен быть оставлен в макете дизайна текстом.

  • В макете дизайна необходимо обозначить внешний вид всех типов ссылок:

    • Обычная ссылка
    • Активная ссылка
    • Ссылка посещённой страницы
    • Ссылка при наведении курсора мыши
    • Ссылка в фокусе
  • Внешний вид всех типов ссылок должен отличаться от внешнего вида всех других элементов сайта (заголовков, текста, выделенного полужирным, и пр.) цветом и/или подчёркиванием.

  • Назначение пиктограмм («иконок») должно быть интуитивно понятно посетителю сайта.

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

  • Меню основной навигации стоит располагать в верхней и нижней части страницы, если в ТЗ не оговорено другое.

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

Задать вопрос