{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Здоровий глузд: дописи з тегом шрифт", "_rss_description": "Олександр Колодько. Інформаційний та навігаційний дизайнер. Співзасновник команди ARC, співзасновник та головний дизайнер в Агентах змін (А3). Пишу про дизайн і цікаве мені · alexkolodko.com · wayfinding.systems", "_rss_language": "uk", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/shrift\/", "feed_url": "https:\/\/blog-archive.alexkolodko.com\/tags\/shrift\/json\/", "icon": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547", "authors": [ { "name": "Олександр Колодько", "url": "https:\/\/blog-archive.alexkolodko.com\/", "avatar": "https:\/\/blog-archive.alexkolodko.com\/pictures\/userpic\/userpic@2x.jpg?1768915547" } ], "items": [ { "id": "118", "url": "https:\/\/blog-archive.alexkolodko.com\/all\/wayfinding-fonts-size\/", "title": "Розмір шрифтів у навігації", "content_html": "

Раніше я писав про шрифти для навігації<\/a> та в чому їхня відмінність від інших. Сьогодні хочу написати про другу важливу характеристику для навігації — розмір літер, що забезпечує читабельність тексту з відстані.<\/p>\n

\n\"\"\n<\/div>\n

Можливість прочитати текст з відстані залежить від двох факторів: гостроти зору людини, яка читає текст, та розміру літер. Ці значення обернено пропорційні: ідеальний зір це гострота = 1 (ну або ж 100%), дозволяє читати менший текст (або з більшої відстані). Чим менша гострота зору, тим більший текст потрібен. Але при цьому завжди є обмежена площа для інформації (у просторі або ж у матеріалах), тому це завжди буде компроміс між достатньою читабельністю тексту.<\/p>\n

У цьому дописі спробував зібрати усі матеріали на цю тему, з якими стикався. Якщо у вас є доповнення, то пишуть мені на пошту.<\/p>\n

Стандарт Transport for London<\/h2>\n

Перший документ, в якому зустрів опис розмірів тексту — гайдлайни транспорту Лондону<\/a> (TFL; чомусь останнім часом працює тільки через vpn). Ця картинка присутня майже у кожному документі дизайну знаків. В цій картинці наведена таблиця типорозмірів, які використовуються всюди у транспорті й показана шкала розмір тексту та відстань з якої текст читатиметься.<\/p>\n

По цих цифрах видно що на кожен 1 м відстані<\/b> має бути 3,4 мм прописна літера<\/b> (Cap height) та 2,5 мм рядкова літера<\/b> (x height).<\/p>\n

\n\"\"\n
Size E: 12 м = 30 mm xh = 41 mm Ch<\/div>\n<\/div>\n

Для визначення цієї величини було проведено дослідження читабельності саме цього шрифту і, здається, орієнтувались на гостроту зору не нижче 0,5 (знаходили колись ці документи, але зараз загубив посилання; якщо хтось знайде скиньте, будь ласка, додам).<\/p>\n

Стандарт DIN 1450<\/h2>\n

DIN 1450 — німецький стандарт. Рекомендації ґрунтуються на нормальній гостроті зору принаймні 70% (гострота зору ≥ 0,7). Доведено, що практично прийнятними є коефіцієнти від 1,4 (гострота зору ≥ 0,5) до максимального 1,75 (гострота зору ≥ 0,4). Використовуючи ці коефіцієнти, розмір шрифту можна помножити для текстів, спеціально розроблених для читачів з порушеннями зору.<\/p>\n

Для відстані 1 м = 3,8 мм<\/b> розмір x-height (або 22,8 pt; це саме про рядкову, а не загальний кегль).<\/p>\n

Калькулятор по стандарту DIN 1450<\/a>, який враховує також поправки на освітлення, вид текста, кут зчитування тощо. Також там наведена механіка обчислень і посилання на вижимки зі стандарту. Дуже корисний інструмент.<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Які ще зустрічаються документи<\/h2>\n

Я намагаюсь збирати різні згадки по розмірах літер. Цифри всюди дуже схожі між собою і на наведені вище стандарти, тому можна на них орієнтуватись.<\/p>\n

Презентація Urbanite<\/h3>\n

Дуже гарна презентація від Urbanite<\/a> про процес навігації. Там згадуються такі цифри: 10 мм рядкова літера на 3 м відстанв, або 3,3 мм на 1 м.<\/p>\n

\n\"\"\n<\/div>\n

Wolfstrome<\/h3>\n

Часто в Пінтересті можна зустріти таку картинку від студії Wolfstrome, але її ніде немає в нормальній якості. Цифри: 4.4 мм Cap height (заголовна) на 2 метри.<\/p>\n

\n\"\"\n<\/div>\n

Стаття студії Farm<\/h3>\n

У цій статті<\/a> згадуються такі цифри: 20 мм Cap height на 5 м, або 4 мм на 1 м. А ще наводиться розмір для зчитування з авто залежно від швидкості: 40 мм для 30 км\/год.<\/p>\n

\n\"\"\n<\/div>\n

Навігація в аеропорту Далласа<\/h3>\n

У гайдлайнах аеропорту Далласа<\/a> вказаний розмір Cap height 1’’ дюйм на відстані 25‘ футів, або 25,4 мм на 7,62 м, або 3,33 мм на 1 м.<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Гайдлайни навігації медзакладів Австралії<\/h3>\n

У документі зустрічаються ті ж 10 мм на 3 м, або 3,33 мм на 1 м.<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

А це ще документ з Британії.<\/p>\n

\n\"\"\n<\/div>\n

Гайд транспортної та велонавігації Окленду<\/h3>\n

У документі<\/a> є схожа картинка, як в TFL, але розмір у пунктах, тобто це кегль, а не розмір літери: 600 пт на 45 м, або 13,33 pt (4,7 мм кегль, а літера ті ж 3,33 мм) на 1 м.<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

The Legibility of Serif and Sans Serif Typefaces<\/h3>\n

Великий документ<\/a> авторства John T. E. Richardson про дослідження читабельності шрифтів на папері та екрані.<\/p>\n

\n\"\"\n<\/div>\n

Роботи дослідниці шрифтів Sofie Beirer<\/h3>\n

Різні роботи<\/a> є на сайті, а згадаю я роботу Reading Letters. Designing for legibility<\/i><\/a>. Там згадуються теж різні аспекти читабельності літер.<\/p>\n

\n\"\"\n<\/div>\n

Автомобільна навігація<\/h3>\n

Під час досліджень автомобільної навігації<\/a> знаходили такі цифри: 10 мм літери на 4,8 м відстані. Цифра дещо більша, оскільки умови зчитування на дорозі більш критичні (менший час, більша швидкість).<\/p>\n

Експеримент А3 для київських адресних табличок<\/h2>\n

Коли розробляли дизайн адресних покажчиків для Києва, то підійшли до процесу зі всієї прискіпливістю. Ми вигадали свій експеримент, щоб визначити оптимальний колір покажчиків та одночасно протестувати розмір шрифту на читабельність з відстані.<\/p>\n

Саккади та як ми читаємо текст<\/h3>\n

Спочатку треба зрозуміти, що люди не читають текст по літерах. Спочатку око чіпляється за початок слова, потім шукає його кінець, перестрибуючи решту літер, а потім повертається на початок і далі читає слово. Такі мікро рухи ока звуться саккадами, а мозок відсіює і ми бачимо вже плавну картинку.<\/p>\n

\n\"\"\n<\/div>\n

Ще приклад саккад на сайті Leserlich<\/a>.<\/p>\n

\n

Сам експеримент<\/h3>\n

Щоб обійти звички мозку ми придумали створити набір випадкових літер без виносних, які не складатимуться ні в які слова, щоб максимально ускладнити зчитування і створити якомога непрості умови. Також ми порівнювали кілька кольорів тексту і тла, бо існував негласний аргумент про те що жовтий на синьому чи синій на жовтому працює найкраще.<\/p>\n

\n\"\"\n
Спочатку думали просто випадкові вимволи набирати, а потім ще й прибрали виносні і трохи скоротили кількість символів, щоб трохи швидше тестувати<\/div>\n<\/div>\n

Тож ми ставили зразки різних кольорів на велику відстань і пропонували підходити по кроках, доки людина не починала читати всі літери на табличці. Фіксували відстань замірювали гостроту зору кожного, і потім проаналізували все.<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n
Рома та Рита тестують різні варіанти<\/div>\n<\/div>\n

Зараз вже результат не знайду, але ми дійшли висновку читабельності літер десь 3,5 мм на 1 м. Тому вирішили що можемо спокійно користуватись таблицею TFL для схожих шрифтів.<\/p>\n

Ще один з тестів, який могли бачити — тестування тексту в метро. Хоч воно більше стосувалося вибору кольору тла для знаків з підсвіткою в умовах недостатнього освітлення метро.<\/p>\n

Що в Україні<\/h2>\n

Окрім ДСТУ по дорожніх знаках (але це окрема тема), єдиний документ, який хоч якось торкається теми читабельності тексту — ДБН В.2.2-40:2018<\/a> «Інклюзивність будівель і споруд. Основні положення», в конкретно додаток В. В ньому наведено наступну таблицю розмірів:<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Але ця таблиця і додаток в цілому викликає лише питання. На чому основані такі величезні розміри літер, які в 5-10 разів більші за закордонні? Чому діапазон з різницею в два рази і на які саме цифри орієнтуватись для 30 метрів: на 52 см чи на 104? Додатково сумніви в реальності описаного викликають назви шрифтів, які, по-перше, написані з помилками, по-друге, вказані такі, які не варто використовувати для навігації взагалі. Тобто за цим документом немає ніякого обґрунтування.<\/p>\n

<\/p>\n

?<\/b><\/span><\/p>\n<\/div>

Якщо у вас є питання або приклад дизайну, які потрібно подивитись та прокоментувати, напишіть на пошту<\/a> або у телеграм<\/a>.<\/p>\n<\/div><\/div>

<\/p>\n

₴<\/b><\/span><\/p>\n<\/div>

Якщо вам було цікаво та корисно, можете пригостити мене кавою ☕️, задонатити чи підписатись:<\/p>\n