Разборчивость и удобочитаемость как характеристики шрифта - Программные продукты. Подбирая типографское оформление для веб- ресурсов, приходится учитывать массу нюансов, чтобы в готовом виде страница получилась удобочитаемой, а пути доступа к её содержимому были просты и понятны. В общем, сводится всё к двум аспектам подачи текста пользователю: разборчивости и удобочитаемости. Разборчивостью принято называть различимость слов и текстовых блоков, обусловленную способом их размещения на странице. А удобочитаемостью - распознаваемость каждого отдельного символа, обусловленную их строением, начертанием шрифта. Рассмотрим эти свойства подробнее, познакомимся со специальными приёмами улучшения типографского оформления проектов, собственно, об этом наша статья. Вам выдается несколько наиболее похожих по начертанию шрифтов, среди которых можно найти 100% совпадение. Если определить шрифт все-таки не удалось, то вам предложат задать вопрос на специализированном форуме на этом же сайте. Шрифт: буквы, начертания и гарнитуры. Начертание гарнитур шрифтов. Если хочется усилить насыщенность ('жирность') шрифта, то в описании стиля указывают атрибут font-weight, который Хотя шрифт и масштабируется при помощи изменения кегля, качество его начертания при этом обычно страдает. Важно понять, за счёт чего один шрифт читается удобнее, легче другого. Гарнитуру шрифта нужно выбирать, исходя из её дальнейшего предназначения. Задайте себе всего несколько главных вопросов: Много ли у вас самого текста? Футура - один из самых популярных шрифтов как для текстового, так и для акцидентного набора. Первоначальная кириллическая версия в 8 начертаниях разработана в компании ПараТайп (ПараГраф) в 1995 году (дизайнер Владимир Ефимов).В шрифте найдено и исправлено несколько ошибок (имена, направления обхода контуров); Это основной текст или заголовок? Он решает чисто рабочие задачи или скорее служит украшением? Будет ли он использоваться в паре с другим шрифтом? Отражает ли начертание шрифта тематику материала? Например, Garamond был изначально разработан для оптимальной читаемости текстов большого объёма. Есть мнение, что это был ещё и самый экологичный шрифт своего времени, снижавший расход типографской краски. Шрифт Bell Centennial был введён в обращение корпорацией AT& T в 1. Они печатались на дешёвой бумаге, поэтому Bell Centennial был разработан с учётом необходимости направленного распределения краски в ходе печати. А в эпоху цифровыхтехнологий появились шрифты, разработанные специально для отображения текстов на дисплее, такие как Georgia и Verdana. Azura - довольно молодой шрифт, чья . Есть весьма универсальные шрифты, пригодные для набора ими текстов различного характера, доступные в виде нескольких модификаций разной толщины штриха. Область применения других довольно ограничена, у них, так сказать, особое назначение. Обычно они хуже читаются в мелких масштабах, и их не стоит применять для массивов основного текста. Они и называются декоративными. Ниже приведён пример декоративного шрифта Knockout, одного из моих любимцев. Они называются текстовыми шрифтами или шрифтами для набора текстовых массивов. Я обычно нахожу шрифт, подходящий для решения моей задачи, учитывая при этом, что мне придётся подбирать к нему и парный шрифт, а дальше иду практическим путём. Я заранее отсеиваю все непригодные для моего текущего проекта варианты, но новичкам порой не избежать трудностей на данном этапе проб и ошибок. История свидетельствует, что шрифты с засечками всегда считались более удобочитаемыми, поскольку именно им всегда отдавали предпочтение для набора в типографиях больших массивов текста. Нашим глазам легче скользить по тексту, отпечатанному шрифтом с засечками, они меньше устают при чтении, скорость которого при этом повышается. Кажется, что онлайн шрифты без засечек используются для набора основного текста чаще, чем когда- либо прежде. По- моему, причин тому несколько. Символы с более простым контуром, вроде бы, лучше вписываются в принятый ныне дизайн и смотрятся современнее. К тому же, нам, как правило, не приходится читать на веб- сайтах помногу, и шрифты без засечек отлично справляются с отображением компактных текстовых фрагментов. Другие же люди считают, что никакой разницы нет. Я же придерживаюсь следующей линии: в данной конкретной ситуации это решение годится? Мне самому удобно читать текст, оформленный мной таким образом? Её обычно берут в расчёт при выборе шрифтов для основного текста. Икс- высота это, ну, вертикальное расстояние от низа до верха строчной буквы . Величина верхних и нижних выносных элементов символов значения не имеет. Вас может удивить разница значений икс- высоты между шрифтами различного начертания. Мелкие калибры более крупных по икс- высоте шрифтов, как правило, разборчивее при чтении. Разборчивое оформление текста - своего рода искусство, мастерство, нарабатываемое со временем, по мере накопления в арсенале дизайнера удачных комбинационных решений. Даже опытным дизайнерам порой непросто подобрать оптимальное типографское оформление к заданным условиям разметки. Теперь, прояснив в общих чертах суть этих двух понятий применительно к веб- дизайну, важно постараться вникнуть в каждый из аспектов, составляющих вместе то, что мы называем разборчивостью текста. Вот несколько значимых моментов. Плотность набора/Высота строк. Одна из самых распространённых сегодня . Я имею в виду примеры отделения массивов текста от края страницы слишком узкими полями, нечёткости зрительной привязки подзаголовков к именно . Верно заданная плотность набора (вместе с соблюдением иерархии) позволяет читателю бегло просматривать текст и сразу находить в нём нужные места. Высота строки - это расстояние от одной строки текста до другой по вертикали. Например, высота строк в одном абзаце составляет 2 . Я обычно задаю величину межабзацных пробелов (трактуемых в условиях веб- среды как поля или пропуски в начале/конце абзацев) примерно в половину высоты строки. Важно помнить, что вашу аудиторию составляют люди разного возраста, то есть, с различной остротой зрения. В большинстве случаев лучше придерживаться 1. Сейчас, когда всё больше становится адаптивных веб- сайтов, наметилась тенденция к укрупнению шрифта основного текста. Следуя принципам адаптивного веб- дизайна, стоит также учитывать весьма разумный вариант подбора калибра шрифтов по размерам дисплеев устройств. Например, было бы, наверное, нелишне укрупнить шрифт основного текста страницы, предназначенной для чтения с мобильного телефона в сравнении с ресурсом, открываемым с ПК. Этот параметр называется протяжённостью (а иногда длиной) строки. Слишком длинные строки текста утомляют читателя, вынужденного напрягать зрение, чтобы пробежать весь отрезок до возврата на левый край текстового блока к началу новой строки. Такое строение текстового массива может даже отбить у некоторых читателей охоту одолевать его. Ну, зависит от объёма текста. Чем он больше, тем длиннее могут быть строки (и тут нам никуда не деться от пропорциональности). Я считаю, около 7. В среднем, в масштабе основного текста я стараюсь укладываться в 4. Не то же самое, что кернинг - подгонка отступов между отдельными символами. Межсимвольные интервалы настраивают для регулирования плотности текста - на уровне отрывков, заголовков или подзаголовков. Отклонение от нормы в любую сторону влечёт за собой снижение разборчивости. Однако, в ряде случаев без настройки межсимвольных интервалов, по- моему, не обойтись. Как видно на примере ниже, мне больше нравятся сильно разреженные подзаголовки и надписи из прописных букв. По- моему, набранный прописными буквами текст легче читать, когда буквы достаточно отстоят друг от друга. Впрочем, я и основной текст предпочитаю слегка разреживать, сообразуясь с гарнитурой его шрифта. Вообще- то, дизайнеры (в том числе, я) постоянно расширяют её границы. Бывает, что нам нужно приглушить броскость некого фрагмента текста, или задать структуре нашего проекта иерархические . В любом случае, помните, что отчётливость текста, особенно, мелкого, начерченного тонким штрихом, такого, как основной текст, на экранах различных устройств совсем не одинакова. Тут уж, если ошибаться, то лучше . Удачно выстроенная иерархическая система разбивает контент на части, повышая его . Умение набирается практикой.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2016
Categories |