Рекомендации
Горизонтальная прокрутка в окне шириной 640
Рекомендации
Отсутствие выравнивания
Штрафной балл: 0.1–0.5
Погрешность штрафуется числом из диапазона 0.1–0.5 в зависимости от числа нарушений: 0.1 за нарушения выравнивание одного типа.
Например, красные строки в абзацах (0.1), центрированные списки (0.1), центрированные позиции вертикального меню (0.1), разнобой выравнивания заголовков таблиц (0.1), разнобой выравнивания картинок (0.1). Итого: 0.5.
Выравнивание — один их китов качественного дизайна!
Абстрактная прямая лежит в основе многих визуальных построений. Если прямую, соединяющую разные элементы на странице, провести не удается, то, за редкими исключениями, такой дизайн воспринимается как явная ошибка.
В конкурсных работах особенно выделяются нарушения выравнивания в центрированных списках. Неприятные ощущения от таких конструкций в несколько раз усиливаются присутствием списочных маркеров. Эти маркеры словно точки на одной прямой хочется расположить в красивый вертикальный столбик.
Посмотрите на такой список:
|
А теперь на такой:
|
Последний список получен центрированием. Разница заметна, правда?
В современном дизайне отдается предпочтение заголовкам, которые не центрированы, а выровнены по краю (преимущественно по левому).
Правый текстовый край браузер «ломает», как хочет. И дизайнеры стремятся компенсировать этот визуальный излом максимально ровным левым краем.
В силу этого абзацы надо делать без красных строк и отделять их друг от друга пустыми строчками (<P>, а не <BR>).
Картинки можно выравнивать в тексте по центру, по левому краю или по правому. Можно чередовать выравнивание (слева-справа). В последнем случае нарушение чередования не допустимо.
Штрафной балл: 0.1–0.5
Штраф для небольшой горизонтальной прокрутки (менее 1/8 ширины окна) на одной странице — 0.1.
Штраф значительной горизонтальной прокрутки (более 1/3 ширины окна) на большей части страниц — 0.5.
Для других случаев проверяющий выбирает промежуточный штраф из диапазона 0.1–0.5.
Число пользователей, которые смотрят Интернет через монитор шириной 640 пикселов, конечно, невелико.
Но многие открывают приложение (в том числе и браузер) не на полный экран, а в окне гораздо меньшего размера (шириной примерно в 640 пикселов).
Работать с окнами, которые видны на Рабочем столе, гораздо удобнее, чем с пиктограммами на Панели задач. Можно переключаться из окна в окно, щёлкая по видимым частям приложений.
Разрушение единого информационного элемента при изменении размера окна браузера (например, заголовка, навигационной панели, группы управляющих кнопок)
Штрафной балл: 0.1
У Сидорова на экране сайт выглядел вполне прилично (рис. 7.3):
Рис 7.3. Страница сайта в широком окне
Когда Мячиков посмотрел на сайт в окне меньшей ширины, то увидел неприглядную картину (рис. 7.4):
Рис 7.4. Страница сайта в узком окне
Чтобы элементы, задуманные как единое целое, не распадались на отдельные фрагменты при изменении размера окна, нужно использовать тег NOBRили неразрывный пробел .