Комментарии 100
Как по мне, так отличная публикация, с наглядными примерами и историческими экскурсами, написанная человеческим языком.
PS. Вот, честно, кто ответит не заглядывая ещё раз в статью — сколько и что он вынес из прочитаного? Arial — плохой шрифт и Helvetica лучше. А дальше?
«Фреймворки приходят и уходят, а человеческое зрение не меняется» (с) TimsTims
PS. Наиболее ценные материалы, я обычно храню у себя. И эта статья именно такой материал.
Гельветика лучше Ариала — несомненно. Но выбирать только её — неправильно: вокруг и так сплошное засилье Гельветики (с Ариалом) и Таймса. Есть множество других прекрасных шрифтов и выбор может зависеть от задачи: для указателей, например, есть шрифты, которые читаются лучше Гельветики (не говоря уж об Ариале) — посмотрите на не упоминаемые в статье шрифт Фрутигер (встречается паратайповская его кириллическая версия по имени Freeset) и шрифт дорожных знаков, описанный в советском ГОСТ 10807-78 и действующем российском ГОСТ Р 52290-2004.
Но по мне это не шрифт, а говно. Скосы на концах как бог на душу положит — то влево, то вправо, то нависающий, то пологий, то прямой (см. окончания верхних штрихов 5, 6, 7, 3), зачем они вообще тут, если шрифт не декоративный (при таких-то 6, 8 и 9) — непонятно, но если уж делали, то хотя бы общую систему соблюдали. Почему общая толщина цифр разная? Почему 2 тоньше, чем 3? То, что там линия идёт «вдоль пера» — не оправдание, всё равно крутили «пером» как хотели, судя по окончаниям и тем же 6-8-9. Почему все цифры как цифры, нарисованы одним пером (хоть и крутящимся непонятно как), а у 1 «носик» треугольный с квадратным кончиком? etc etc
Вот, нарисовал направляющие для сравнения размера элементов и добавил парочку стандартных шрифтов для сравнения (PT Sans Caption — с направляющими и без, Open Sans и Calibri)

Задача перед дизайнерами стояла, совершенно очевидно, очень простая:
хотя бы общую систему соблюдали = -5 очков в карму
Этот шрифт, как бы, не на выставку, а на дорогу. Всё, что позволяет лучше отличить 2 от 3 и 5 от 6 — приветствуется. Всё что сделает шрифт красивее… тоже, но если оно не противоречит предыдущему пункту.
Мне кажется дизайнеры справились с задачей «на ура»: при том, что «беглый взгляд» вроде как видит символы из одного шрифта при внимательном рассмотрении между почти всеми более-менее похожими цифрами — масса отличий (как вы и написали)… и это хорошо!
Для своих целей — отличный шрифт. Стоит ли его использовать где-либо ещё? А это уже другой вопрос.
из-за чего читаются хуже, почти как прыгающие буквы на китайских этикетках:То что вы привели ещё раз показало какая задача была поставлена и как хорошо она была решена.
В гладеньком тексте на английском глаз так и норовит «вывхтаить галвоне» и проигнорировать мелкие различия — ну так мы обучены читать тексты. В «корявом» китайском тексте же отдельные буквы выскакивают из ряда и заставляют-таки себя воспринять отдельно и осмыслить. Это может быть неприятно при чтении текста (текст не сливается в слова, а «рассыпается» на буквы) — но более чем уместно на всяких P84 и E95.
Вы понимаете, что эти их различия — они не улучшают читаемости, но при этом портят визуальную «красоту»?Так не бывает. Если вы замечаете разницу в достаточной степени для того, чтобы на неё жаловаться, то и улучшение различимости, однозначно, происходит. Различимость и читаемость, впрочем — разные вещи… во многих случаях, но только не здесь, когда каждая буква должна восприниматься отдельно.
заставляют-таки себя воспринять отдельно и осмыслитьА дорожные знаки должны восприниматься на лету за доли секунды, не требую воспринять и осмыслить каждую букву и каждую цифру в отдельности.
Так не бывает. Если вы замечаете разницу в достаточной степени для того, чтобы на неё жаловаться, то и улучшение различимости, однозначно, происходит.Я вижу, что они плохо читаются, а потом уже вглядываюсь чтобы описать, почему. Сделайте каждый символ своим цветом — и то же самое будет. И убого, и нечитаемо, и каждый символ отдельно воспринимается.
Различимость и читаемость, впрочем — разные вещи… во многих случаях, но только не здесь, когда каждая буква должна восприниматься отдельно.Вы серьёзно? Тогда самым подходящим было бы писать текст на знаках вот так:

Когда дочитал, статья показалась короткой. Ещё хочу)
Вы — банк, существующий с восемнадцатого века. С одной стороны, вам нужно транслировать надёжность, стабильность
Это Вы про Сбер-то? Уникальный банк, где никто (т.е. вообще никто) не может дать окончательный ответ (т.е. «вот это надо сделать именно так, и в любой отделении нашего банка по всей стране это будет считаться правильным»). Банк маленьких людей. Одно хорошо, он — везде.
Не вижу противоречия. Дизайнеры посыл сделали верный. Их вины нет в том, что на конкретных местах (пусть даже на всех) этот посыл не реализуется.
Так мы про придуманный образ, или про то, что банк представляет собой? Если про придуманный, то 90% компаний мира должны надёжный шрифт использовать.
Согласен. Но в статье говорится как раз, что дизайнеры некую стабильность Сбера отразили. Лично для меня обратный эффект очевиден.
Сбер только как пример, не для обсуждения, хорош ли он. Но посыл то то же, дизайнер должен отражать реальность, а не бесплотные мечты руководства.
Хотя банки (не Сбербанк), которые делают оформление старомодными тяжеловесными шрифтами и всем стилем выглядят "респектабельно", при этом являясь городским банком пупырловки — вызывают диссонанс, это тоже надо учитывать.
Статья же весьма познавательная, за что благодарен автору.
Jenson по французский, например, читается как «Жанс(ао)н», с глухим назальным окончанием, а то же самое в германских языках — «Янс(ое)н». И поди разберись, как правельнее — как на своем родном читается, или как родная мать назвала — Микеланджело или Майкланджело (Michelangelo), Ришар или Ричард (Richard), Шарль или Чарльз (Charles)…
Большое спасибо за публикацию — интересно и полезно.
Ариал — нельзя, Хельветика — можно.
Все отлично, только очень плохо читаются надписи на картинках. Голубой на белом и еще курсив и еще jpeg… :(
Недавно прикупил себе книгу «О шрифте» за авторством Шпикерманна, там тоже рассказывается о «характерах» и особенностях применения гарнитур в разных областях. Книга интересная, но осталось ощущение, что мало технических особенностей по восприятию (кстати, про дорожные указатели там тоже было) шрифтов.
Поэтому ваша статья очень и очень кстати. Хотелось бы больше подобного материала видеть здесь.
Конечно, есть клинические технари и клинические гуманитарии. Но обе эти крайности уже давно госпитализированы.
Неправда!
Не все…
Принципиальный: подбор шрифтов по контрасту друг с другом.
И исторический: форма засечек вообще очень зависела от качества типографии — с одной стороны маскировала неравномерность механики набора, с другой должна была сдерживать/не првоцировать растечение чернил.
Теперь засечки — чистое «легаси», но фактор контраста возвращает их к жизни.
Тут каждая буква чуть-чуть отличается, но буквально на пару пикселей.При таком размере шрифта они тут ни на один пиксель не различаются, разве что на субпиксель.

Интерактивный экскурс в историю шрифтов с шикарным визуальным рядом.
Т.е. вкусовщина+нонконформизм.
Мне так вообще градация правильный/неправильный по отношению к шрифтам в голову не приходит. Разные, это да.
Категоричность тут неуместна, любой шрифт несёт с собой какую-то эмоциональную окраску в восприятии текста, поэтому и Ариал может быть правильным выбором в каком-то случае, и даже, прости господи, Комик Санс.
В статье эта категоричность, как мне показалось, усилена только ради шутки. Это ведь не текстовый материал изначально, а выступление перед людьми, в котором полезно иногда разрядить обстановку.
Но осмелюсь слегка придраться. Вот на этой картинке закрался косяк:

В латинице ведь не было буквы U, но у вас она, почему-то есть — «QUE» и «POPULVS», причем как-то совершенно нелогично.
Я не большой специалист по истории, но вроде как эта надпись изначально выглядела вот так:

Гугл находит ровно 5 полных совпадений с вашим написанием, поэтому я верю, что это не опечатка, но хотелось бы узнать историю такого написания, если вас не затруднит.
И почему-то на моем мониторе очень многие подписи к шрифтам совершенно нечитаемы:

Бледно-голубой на белом фоне, да еще таким удачным шрифтом. Может дело не в мониторе, а в моих глазах, но я с большим трудом различаю самую нижнюю надпись, например.
Если у посетителя сайта есть Гельветика — он её и увидит, если нет Гельветики, но есть Ариал (типичная ситуация для тех, кто под виндой) — увидит Ариал, если нет ни того, ни другого — браузер попытается подобрать что-нибудь без засечек.
Во-первых, на гистограмме неверный порядок шрифтов. И в этой статье, и в источнике. Если пересчитать по данным из того же источника, на втором месте окажется Helvetica:

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

И самое главное. По данным исследования статистически значимым оказалось только преимущество шрифта Baskerville над остальными (около 1,5%). В худшую сторону ни один не выделился. А если сравнивать попарно все эти шрифты, то с уверенностью можно сказать только то, что Baskerville убедительнее Comic Sans. Подробно об этом говорится в конце второй части статьи (Dunning's e-mail).
Если кому-то показалось, что статья слишком длинная, советую почитать более краткую статью о выборе шрифта под отрасль и характер сообщения, там же есть о моде на геометрические гротески: blog.depositphotos.com/ru/guide-to-10-font-characteristics-and-their-use-in-design.html
Отлично! Шрифтовой оргазм!
Вот пример объявления: ПИВА НЕТ. Пришедший за пивом развернётся и уйдёт во всех трёх случаях. Но в каком-то случае он вернётся потом обратно, а в каком-то нет.
Ага, объявление которое жирным капсом написано, да еще и шрифтом times new roman вообще всех клиентов распугать может. Прям таки вижу картину маслом:
— Михалыч, не спи, пошли в пивную, пивком с раками еще догонимся.
— А, в пивную, не Петрович, я туда больше не вернусь.
— А чё так?
— Да сам знаешь, хамло там одно.
— Да ладно тебе, че опять на эту стерву нарвался что-ли?
— Ага, представляешь, прихожу я туда вчера после работы пивка попить, а там опять она, стерва эта нервнобольная за стойкой. Ну думаю ладно, было у нас в прошлом с ней недопонимание, ну с кем не бывает, забылось уже поди, хотел по-доброму к ней. Подхожу, улыбаюсь, говорю — «здравствуйте, пиво есть?» А она молчит, стоит не шевелится, сама вся белая как лист бумаги. А потом как зыркнет на меня, как букавками своими черными на меня уставится, и как давай орать в три глотки — «ПИВА НЕТ», «ПИВА НЕТ», «ПИВА НЕТ». Я аж от неожиданности опешил, а она все не затыкается, и орет — «ПИВА НЕТ», «ПИВА НЕТ». У нее уже кегель дергаться начал, да шрифт перекосило, а она все орет. За что она на меня так, не знаю, нет бы, просто сказать — «Пива нет», так нет же, обязательно наорать надо. Так и орала, пока я от туда не ушел. Не Михалыч, больше я туда ни ногой.
Между двумя крайними позициями разница в 5 %. Большинство людей вообще назовут Baskerville и Georgia одинаковыми шрифтами, однако по статистике один на 2 % «убедительнее» другого.
Сомнительный вывод. Даже 5% может быть погрешностью. 2% я бы даже в рассчет не брал.
Человек, которому просто нравится, всегда окажется на шаг впереди, потому что он будет делать бессмысленные вещи, которые выстреливают в долгосрочной перспективе.
Гуманитарщина :)
Это что-то из области НЛП, да?
Можно вопрос?
У нас в организации корпоративным шрифтом является Franklin Gothic Book. Им пишутся все деловые письма (других у нас нет). Выбирали его в свое время долго, как говорят.
Что Вы можете про него сказать?
И следующий вопрос — какой шрифт порекомендуете использовать для деловых писем, чтобы у читающего возникали положительные эмоции, чтобы «продать» ему просьбу, изложенную в письме, еще до того, как он прочтет заключительную фразу?
Хотел спросить про именование шрифтов. Недавно вместе с одним бренд-буком получил шрифт MetaPro (который мне очень нравится использовать для коротки надписей). Мне кажется, что он очень похож (или один и тот же) на FF Meta. Поэтому возник вопрос, есть ли какие-то причины создавать шрифты с разными названиями, но одним видом (именно одинаковым, а не немного измененным)? Ведь там тоже, наверное, авторские права, и просто изменить название, скопировав внешний вид букв, не получится?
*{ font-family: arial!important;}
Но пришлось тут же поменять обратно. Заголовки это хорошо, но мелкий шрифт у ариал точно лучше. (на самом деле css чуть другой, но суть такая)
Где ссылки, что это было научное исследование, а не фактик для интернетов?
Гнев. А различить вот эти две фразы не способен почти никто.
Я могу, правда для этого мне нужен фотошоп и полчаса времени.
Торг. Для меня шрифты — это следы, оставляемые людьми. Сейчас шрифтами пользуются почти все, у кого есть компьютер. Я могу по этим следам что-то понять о человеке. Увидеть, что он говорит не то, о чём пишет. Это какое-то утерянное нами знание, позабытое. Мы перестали обращать внимание на мелкие подробности.
Швейцарский дизайн 1960-х годов, до сих пор жив.
А потом Джобс засунул Helvetica в наш карман. Интерфейсный шрифт на iPhone — это Helvetica.
В целом да, но уже нет. Святой Франциск стал новым святым группы IOs. А Швейцарский дизайн, как образец, очень тяжело перенести с бумажной константы на динамичные по размерам экраны.
Депрессия.
О Боже, сколько я не знал о шрифтах!
Принятие. Человек, которому просто нравится, всегда окажется на шаг впереди, потому что он будет делать бессмысленные вещи, которые выстреливают в долгосрочной перспективе.
Алексей, большое спасибо за познавательную статью!
Сам стараюсь для каждой своей статьи создавать что-то вроде айдентики, единого стиля. И начинаю всегда с шрифта. Я инженер, а не дизайнер, поэтому многих азов я не знаю. И такая, всеобъемлющая и наглядная статья, как ваша крайне полезна! Обязательно перечитаю вашу статью ещё. И не раз. Огромное вам спасибо!
Мастер-класс «Почему Стив Джобс любил шрифты» (Алексей Каптерев)