Электронные почтовые адреса и внешние ссылки не прописаны на страницах в явном виде
Штрафной балл: 0.1
Внешние ссылки и почтовые адреса должны быть прописаны в явном виде, чтобы пользователь мог скопировать их через буфер обмена операционной системы.
Кроме того, явно записанные внешние ссылки будут отличаться от ссылок внутри сайта (внутренних ссылок), что помогает ориентированию пользователя.
Пример
-
Роботландия www.botik.ru/~robot Сайт предприятия «Роботландия». Традиционно поставляет для школы:
Программно-методические продукты
Дистанционное обучение
Российский общеобразовательный портал www.school.edu.ru Образовательные ресурсы для учеников, учителей, родителей, администраторов. Учебные, научно-популярные, познавательные и другие материалы по основным школьным дисциплинам. Вопросы здоровья и психологии школьников.
Неработающие ссылки
Штрафной балл: 0.1
Понятно, что все ссылки на сайте, внешние и внутренние должны работать.
С внешними ссылками, конечно, проблем гораздо больше. Интернет очень подвижен, каждый день в нём появляются новые сайты, а старые исчезают.
Геометрия страниц Страницы не имеют геометрического каркаса
Штрафной балл: 0.1–0.5
Рекомендации
Погрешность штрафуется числом из диапазона 0.1–0.5 в зависимости от степени визуальной анархии на экране.
Наиболее «тяжелая» ошибка, свойственная многим работам начинающих дизайнеров, — отсутствие геометрической концепции на страницах сайта.
Страница заполняется информационными «пятнами», которые не связываются в одно целое.
На рис. 7.2 показана начальная страница сайта, поступившего на конкурс Роботландского университета. Девчата прислали очень интересную работу и по содержанию, и по структуре. Написали интересные тексты, но не сумели организовать визуальный образ на странице.
Рис 7.2. На странице нет геометрического каркаса
Главная причина неудачи: отсутствие геометрического «каркаса».
На странице могут присутствовать все необходимые элементы, все они могут быть выполнены неплохо, но если нет геометрической основы, образ страницы разваливается на части.
Каркас страницы сооружают при помощи явно нарисованных или неявно присутствующих вертикалей, горизонталей, прямоугольников, треугольников, эллипсов и других геометрических фигур.
Конечно, научить правильным композиционным решениям совсем не просто. Но можно дать простую рекомендацию.
Нарисуйте страницу сначала на обычном листе бумаге, используя карандаш, линейку, циркуль. Рисуйте просто геометрию: линии, прямоугольники, дуги… Не забывайте про симметрию и баланс.
Когда получится красивый геометрический образ, начните помещать в него информационные элементы так, чтобы их форма, размер и положение поддерживали задуманную композицию. Когда элементы займут свои места, подумайте над цветовым решением, текстурой и информационным содержанием.
Посмотрите, прищуря глаза, на страницу как на целое. Если все блоки укладываются в задуманную геометрическую фигуру, значит, всё хорошо.
Отсутствие выравнивания
Штрафной балл: 0.1–0.5
Рекомендации
Погрешность штрафуется числом из диапазона 0.1–0.5 в зависимости от числа нарушений: 0.1 за нарушения выравнивание одного типа.
Например, красные строки в абзацах (0.1), центрированные списки (0.1), центрированные позиции вертикального меню (0.1), разнобой выравнивания заголовков таблиц (0.1), разнобой выравнивания картинок (0.1). Итого: 0.5.
Выравнивание — один их китов качественного дизайна!
Абстрактная прямая лежит в основе многих визуальных построений. Если прямую, соединяющую разные элементы на странице, провести не удается, то, за редкими исключениями, такой дизайн воспринимается как явная ошибка.
В конкурсных работах особенно выделяются нарушения выравнивания в центрированных списках. Неприятные ощущения от таких конструкций в несколько раз усиливаются присутствием списочных маркеров. Эти маркеры словно точки на одной прямой хочется расположить в красивый вертикальный столбик.
Посмотрите на такой список:
|
А теперь на такой:
|
Последний список получен центрированием. Разница заметна, правда?
В современном дизайне отдается предпочтение заголовкам, которые не центрированы, а выровнены по краю (преимущественно по левому).
Правый текстовый край браузер «ломает», как хочет. И дизайнеры стремятся компенсировать этот визуальный излом максимально ровным левым краем.
В силу этого абзацы надо делать без красных строк и отделять их друг от друга пустыми строчками (<P>, а не <BR>).
Картинки можно выравнивать в тексте по центру, по левому краю или по правому. Можно чередовать выравнивание (слева-справа). В последнем случае нарушение чередования не допустимо.