Рекомендации

Горизонтальная прокрутка в окне шириной 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или неразрывный пробел &nbsp;.