Рекомендации разработчикам

Рекомендации по созданию оптимальной навигации

    · Все кнопочки, стрелочки и другие интерактивные элементы страницы должны быть интуитивно понятны.
    · Постарайтесь, чтобы любого раздела сайта можно было достичь не более чем за 3 нажатия на кнопку мыши.
    · Предусмотрите возможность навигации без использования кнопок броузера.
    · Включайте в сайт страницу новостей, если в ней действительно есть необходимость и уверенность в её будущих обновлениях.
    · Разумно планируйте интерактивные составляющие: гостевая книга, счетчик посещений и т.д.
    · Рекомендуется включение внешних ссылок. Некоторые поисковые системы не индексируют ваш ресурс в случае отсутствия таковых.

Дизайн

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

Считается, что теплые цвета (красный, зеленый и желтый) приближают объект, делают его визуально больше и активнее, привлекают к нему внимание. Тогда как холодный цвет (синий, голубой, фиолетовый) отдаляет, успокаивает, переводит объект на задний план композиции. Например, на сайте тоснинской гимназии 2 http://1089.by.ru/ холодный серо-голубой фон левой панели вместе с изображением справа, выполненным в тех же тонах, создает ощущение прохлады и удаленности, одновременно оттеняя и выделяя теплый темно-желтый шрифт заголовка.

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

    · Ссылки должны иметь более заметный цвет, чем основной текст. Посещенные ссылки должны быть выделены цветом менее насыщенным или более близким к цвету основного текста. Не стоит выделять обычный текст стилем, привычным для гиперссылок.

    · Используйте ограниченное число цветов - слишком пестрая страница режет глаз и вызывает раздражение. Лучше подберите гамму из двух-трех сочетающихся оттенков и придерживайтесь ее на всех страницах сайта.

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

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

    · Используйте выравнивание текста.

Графика

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

В веб-дизайне большие фотографии и сложные рисунки, занимающие весь экран, выглядят плохо. Кроме того, большие фотографии будут долго загружаться. Чаще всего сканированные изображения или полученные из Интернета графические объекты нуждаются в дополнительном редактировании в графическом редакторе (наприме, Adobe Photoshop).

Были использованы материалы:
1. Мелихова Л.Г. Об оформлении школьного сайта дизайн для непрофессионалов.
2. Дуванов А.А. HTML-конструирование.
3. Якушина Е.В. Лавренов А.Ю. Создание школьного сайта.