Требования к воспроизведению текстовой информации на экране (стр. 2 из 4)
При электронном наборе возможно несколько вариантов выравнивания текста (рис.2): по левому или правому краю, относительно центральной линии (центрирование) и блочное выравнивание (на ширину полосы). В полиграфии подобное редактирование носит название выключки строк. Оно предполагает равномерное увеличение или уменьшение пробелов между словами (а иногда и между буквами) для доведения строки до заданного формата.
Рис.2. Способы верстки текста (слева направо): с выключкой по левому краю, по центру, по правому краю и с двусторонней выключкой
В эпоху ручного набора для выключки строк приходилось изменять толщину шпации - строчного пробельного материала между словами. При электронном наборе любой текст также может быть "выключен", но при этом его строки будут автоматически выравниваться вдоль условной вертикальной линии, которая может располагаться слева, справа или в центре. Кроме того, текст может иметь полную выключку, когда строки выравниваются с обеих сторон.
Набор с выключкой влево используется для любых длинных текстов, особенно при узкой полосе набора. Считается [1], что текст, выровненный по левому краю, читать удобнее всего, т.к. он соответствует направлению чтения слева направо(в русском языке, как и в большинстве других европейских языков, принят порядок чтения слева направо). Выключка вправо придает набранному тексту оригинальность и рекомендуется в тех случаях, когда, например, подпись к рисунку должна находиться справа от него и заканчиваться у края картинки. Набор с выключкой по центру используется для заголовков и ввода стихотворного текста. Ввод текста с выключкой по формату хорошо известен по книгам.
Наиболее популярным типом верстки HTML страниц на сегодняшний момент является табличная верстка (верстка в колонки). На самых известных новостных сайтах мы видим, что текст разбит на колонки. Причем одна из них отводиться для основного текста, а другая для так называемых "приманок". "Приманкой" - называется краткая аннотация статьи. Второе применение малой колонки сводиться к становлению навигации сайта. Там также могут располагаться ссылки, новости и баннеры.
Важным элементом компоновки текста является его корректное размещение на площади экранной формы. Особенно это касается оформления названий и заголовков. Несоразмерно высокое, как и слишком низкое расположение названия или заголовка выглядит некрасиво. Казалось бы, самое простое - разместить строки в центральной части формы. Располагая текст в центре, нужно быть осторожным. Давно известно [9], что из-за оптического обмана средняя линия страницы или формы кажется несколько ниже реальной середины листа. Чтобы преодолеть этот эффект, следует размещать строку немного выше средней линии, тогда будет казаться, что она расположена как раз посередине экранной формы.
Разместить одну строку на экранной форме несложно. Ситуация существенно усложняется, когда приходится размещать целый блок или несколько блоков текста. Подобная компоновка будет выглядеть гармоничной только в том случае, если учесть "весовое соотношение" блоков. Блоки, расположенные над оптической средней линией, обязательно должны уравновешиваются блоками, размещенными под ней.
Под весом понимается величина, зависящая от размера шрифта и плотности печати текста. При одинаковом весе двух компонуемых блоков их следует размещать на одинаковом расстоянии от оптической средней линии. Если же вес блоков различен, то для сбалансированного размещения "более тяжелый" блок текста следует придвинуть ближе к средней линии.
Ширина полей, окружающих текст, также немаловажный фактор, который должен учитываться при верстке. Оставленные вокруг текста поля, значительно облегчают чтение: наличие широких полей – основной принцип хорошей читаемости. Текст не должен находиться у самого края экрана, к тому же длинные строки сложно читать. Однако, слишком широкие поля (больше 1/3 экрана) не улучшают читаемость. Не существует конкретных рекомендаций в числовом эквиваленте по поводу ширины этих полей – известно [20], что они должны гармонично и симметрично располагаться вокруг текстовых сегментов, габариты которых были вычислены ранее в данной работе.
Также, при формировании информации на экране следует помнить, что:
o При очень плотном расположении строк, изображение на экране будет выглядеть слишком темным. Этого следует по возможности избегать, регулируя плотность строк межстрочными интервалами [9].
o Содержимое полей в таблицах должно не "прижиматься" к краю экрана, а располагаться около горизонтальных или вертикальных осей [1].
o Меню, содержащее относительно небольшой объем информации, должно быть смещено в левую верхнюю часть экрана (плюсы расположения меню сверху проявляется не только в известном следствии закона Фиттса, заключающемся в том, что в таким образом расположенное меню бесконечно проще попасть мышкой (мышка упирается в край экрана), но и в том, что оно позволяет делать окна намного более лёгкими и простыми на вид без ущерба для функциональности - все необходимые функции можно оставить в меню, а в окне оставить только самое важное, основное содержимое [10]).
o Один и тот же тип информации должен появляться всегда в одном и том же месте экрана, пользователю должен быть предоставлен максимально удобный интерфейс и он должен быть освобожден от необходимости трудоемкого поиска необходимой ему информации.
o Верхние две или три строки экрана обычно резервируются для вывода заголовка и состояния системы. Заголовок показывает, в каком месте системы находится пользователь; область состояния показывает пункты меню верхнего уровня и служит для вывода подтверждений о том, что система работоспособна.
3.3 Размер шрифта
Правильный выбор необходимого шрифта, его размера, цвета и написания очень сильно влияет, во-первых, на эффективность всего дизайна интерфейса в целом, во-вторых, на удобство чтения.
Шрифт - гарнитура определенного кегля и начертания.
Кегль - размер гарнитуры подобранный для данного шрифта. Измеряется в пунктах.
Начертание - стиль написания гарнитуры. Например - полужирный, италик (наклонный) или одновременно и то и другое.
Гарнитура - совокупность литер (символов), объединенных одним стилем и общей идеей.
Различимость шрифтовых знаков ухудшается из-за низкого разрешения экрана ПК. Разрешение — величина, определяющая количество точек (пикселей) на единицу площади (или единицу длины). Поэтому, если эта величина мала, при сравнимо больших размерах дисплея, то, соответственно, экранный шрифт должен быть крупнее, чем при печати на бумаге, а именно - соответствовать как минимум типографскому кеглю цицеро, равному 14 пунктам [1]. Важно помнить, что размер шрифта должен быть таким, чтобы его было легко читать. У некоторых пользователей могут быть проблемы со зрением, поэтому шрифт лучше всего делать масштабируемым [12] (шрифт, размер которого может быть изменен пользователем).
3.4 Гарнитура шрифта
Выбранная гарнитура шрифта должна вписываться по своему виду и стилю в общий дизайн интерфейса, и должен быть хорошо виден и читаем для пользователей [4]. Существует огромное количество самых различных шрифтов. У каждого отдельного шрифта есть своё название, причём многие из них существуют в различных вариантах основного вида и рисунка. Шрифт должен привлечь внимание читателя и помочь ему сосредоточиться на чтении текста, выделить наиболее важные аргументы. Также следует помнить различную психологическую нагрузку, которую несут различные гарнитуры [14]:
o Шрифты с засечками сочетают мужскую авторитарность с органичным, гуманистическим стилем, более притягательным для женщин. Различные исследования показали, что шрифты с засечками читаются легче на бумаге, так как засечки помогают взгляду передвигаться от буквы к букве, и буквы при этом не сливаются друг с другом.
o Шрифты без засечек обладают малым эмоциональным зарядом и ассоциируются с практичностью и здравомыслием. Они являются надежным выбором для тех, кто жаждет гармонии и не озабочен самовыражением посредством шрифтового оформления.
o Гарнитурные шрифты с большими круглыми буквами "О" и "хвостиками" воспринимаются как дружественные и "человечные", возможно потому, что их начертание подражает образу человеческого лица.
o Прямолинейные и угловатые шрифты ассоциируются с непреклонностью, жестокостью; они характеризуются холодностью, безликостью и механистичностью. В терминах психоанализа их определяют такие выражения, как "эмоционально зажатый".
o Шрифты рукописного стиля - это попытка передать дружелюбие и близкие отношения. В свое время эти шрифты использовались банками, желающими избежать ощущения "казенности" путем имитации в письмах "персональной подписи". Используя рукописные стили, крупные корпорации ставят задачу казаться более дружелюбными, "близкими к народу".
o Декоративные шрифты чаще всего их используют, чтобы подчеркнуть новизну, яркость, индивидуальность. Но, лучше никогда не использовать их в качестве основного текста: они являются неудобочитаемыми, а так же при этом пропадает их эффектность.
Для отображения основного текста обычно используют шрифт небольшого размера.
Такой текст воспринимается значительно лучше, если используются рубленые шрифты, например, Arial, Verdana, а не шрифты с засечками (например, Times New Roman). Это происходит от того, что современные мониторы имеют сравнительно низкую разрешающую способность, и поэтому для того, чтобы четко отобразить засечки шрифта размером 10 пунктов попросту не хватает пикселов. С другой стороны, большинство людей предпочитает читать на бумаге текст, набранный именно шрифтами с засечками (в подавляющим большинстве книг используется именно такие шрифты).