Александр Амзин - Интернет-журналистика. Как писать хорошие тексты, привлекать аудиторию и зарабатывать на этом

Кегль(font size) – размер шрифта. В цифровых СМИ может измеряться в процентах от обычного, типографских пунктах (pt), пикселях (px), относительных единицах, равных стандартной высоте шрифта браузера (em).

Большинство шрифтов можно разделить на шрифты с засечками и без засечек.В разговорах, технических заданиях, совещаниях вы чаще всего будете использовать либо конкретные названия, либо именно это определение.

Позднее вы, возможно, столкнетесь с четырьмя основными видами шрифтов (их больше, но нас это не волнует):

• Антиква (serif) – шрифты с засечками. Типичная антиква – Times New Roman;

Брусковый (slab) – шрифт с мощными засечками, хорошо подходящий для детских книг и заголовков, но тяжеловатый для заполнения всей страницы.

• Гротеск (sans-serif) – шрифт без засечек. Типичные гротески – Helvetica и Arial. Гротески отлично подходят для больших текстов и экранов цифровых устройств, где засечки могут только мешать;

• Акцидентные шрифты (display typefaces) – эксцентричные шрифты, предназначенные для вывесок и заголовков, цепляющие взгляд, но не годящиеся для набора больших объемов текста.

• Остальные, включая рукописные (script) и символьные (symbol) [68] Узнать больше вам поможет прекрасный классификатор РагаТуре: https://www.paratype.ru/help/class/ .

Все шрифты также делятся на моноширинные (monospace) и пропорциональные. У моноширинных, как несложно догадаться, каждая буква одинаковой ширины. Поэтому текст складывается в ровные строчки, а буквы стоят друг под дружкой. Типичный моноширинный шрифт (антиква) – Courier New. У пропорциональных все буквы разной ширины, их легче и привычнее читать.

Моноширинные шрифты очень удобны в программировании, анализе данных и некоторых других случаях. Для текста в цифровых медиа их сейчас используют довольно редко.

Ключевая роль шрифтов состоит в выстраивании визуальной иерархии материала. Заголовки должно быть легко отличить от других элементов текста. По размеру заголовка пользователь должен сразу ухватить его значимость.

Подписи под нетекстовыми элементами (изображениями, видеороликами, виджетами, интерактивными блоками) должны быть подчинены элементу, а, следовательно, в большинстве случаев уступать по размеру или быть менее заметными, чем обычный текст.

Начинающие понимают это и другие требования как необходимость использовать на каждую задачу по отдельному шрифту, а то и гарнитуре. Тем самым в силу определения шрифта и гарнитуры получается мешанина стилей, затрудняющая чтение и погружение в материал.

Общее правило – постараться не использовать на сайте более трёх начертаний и двух гарнитур. Часто сочетают шрифт с засечками и без засечек, подбирая шрифтовые пары. Стилевые различия подчеркивают разницу в функции заголовка и текста. Кегль и насыщенность управляют вниманием пользователя, сообщая о том, как элемент важнее.

Несколько советов напоследок:

• У каждого шрифта свой характер. Более замысловатый шрифт не значит хороший. Если вы не знаете, что хотите сказать шрифтом, выберите самый стандартный и незаметный гротеск;

• Шрифтов очень много, но кириллица во многих реализована безобразно. Сравните английский и русский текст, прежде чем выбирать шрифт за латиницу. Обращайте внимание на то, насколько отличается качество кириллицы от цифр. Это одна из самых заметных проблем.

• То, что вы привыкли к какому-либо шрифту – не аргумент в пользу его внедрения в проект или материал;

• Не просите дизайнера поиграть со шрифтами. Поставьте задачу точнее: сделать страницу академичнее, облегчить чтение, сделать заголовок более заметным. Вполне возможно, что решение лежит не в смене шрифта, а в выравнивании или подстройке элементов страницы;

• Дизайнер и верстальщик учитывают много факторов, о которых вы можете не знать. Например, продолжительность загрузки шрифта, его оптимальное отображение в старых браузерах и на мобильных устройствах. Часто их «нет» основано не только на вредности;

• Никогда, даже в шутку, не используйте шрифт Comic Sans.

Собрать данные – одно. Представить их в понятном читателю виде – совершенно другое. Структурированная информация гораздо лучше доходит, будучи выраженной графически. В мире, который руководствуется данными, навык графического представления информации почти также незаменим, как и навык хорошего письма 1791.

Описание визуализации данных как дисциплины выходит далеко за тематические границы этой книги. Достаточно сказать, что анализ данных и их представление идут в журналистике рука об руку и образуют целый куст отдельных специализаций:

• Навык графического дизайна в совокупности с началами статистики и здравым смыслом дает нам создателя инфографики;

• Навык программирования вместе со способностью к вебдизайну и базовым умением строить запросы к базам данных – расследователя и аналитика,неизбежно использующего для вывода ответа в том числе графические построения;

• Понимание того, как инфографика или основанная на данных иллюстрация может изменить отношение читателя к герою, отличает высокооплачиваемого журналистаот линейного автора.

К сожалению, визуализация данных все еще сложна для одиночного освоения, а та ее часть, которая связана непосредственно с диаграммами, шкалами и графиками содержит множество мелочей, до которых не всякому человеку дано дойти своим умом.

Важно понимать, что любая информация о визуализации данных не пропадает втуне. Даже не выучив языки Python и R, не освоив Excel и Power BI, не прочтя всей нужной литературы (Бринтон [13], Вонг [79], Тафти [75–77]) вы при определенном усердии можете понять основные принципы визуализации.

Это пойдет вашим заметкам на пользу: в обрабатываемых данных станет видна структура. Вы поймете, какие и где данные принципиально можно найти. Сможете дать аналитикам и специалистам по инфографике такую задачу, которая усилит повествование.

Вот несколько очень коротких советов из разных областей, связанных с визуализацией данных. Они не заменят учебник, но позволят не совершать совсем грубых ошибок.

• Указывайте показатели на осях, иначе читатель не поймет вашу идею;

• Избегайте излишне крутых подъемов и спадов за счет начала оси не с нуля. Это вводит в заблуждение;

• Никогда не помещайте на график более трех показателей – он превратится в спагетти;

• Цветовое решение должно учитывать наличие у пользователя черно-белого принтера. Попробуйте сконвертировать ваше изображение в градации серого – если можно разобрать, что нарисовано, вы все делаете правильно;