Здоровий глузд

Про дизайн, міста та дизайн у містах, кодінг та автоматизацію

Шрифт

Розмір шрифтів у навігації

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

wayfinding-fonts-size-cover.png

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

31 серпня 2024

Новий шрифт для інтерфейсів — Road UI

Зроблений Андрієм Константиновим (Minttype) на основі дорожнього шрифту Road UA. А надихнули та ініціювали проєкт Олександр Вілінський (студія Superclear) та Стаc Говорухін, які в робочих проєктах вже використовували дорожній шрифт.

Завантажити шрифт: agentyzmin.github.io/Road-UI-Font

Основне:

  • форми літер краще адаптовані під екран і трохи тонші;
  • зроблені пропорційні стрілки та моноширинні цифри;
  • з’явилось нахилене накреслення.

330848231-c9685cb6-3ec6-4290-b64d-9528a3d9abae.png

330848224-f977edd9-892c-4f9e-8ab4-1a9b10a529f7.png

330848228-4e062d17-ae35-448d-8522-53d9b75e09f3.png

Накреслення, цифри, стрілки

Приклади:

330848235-83c3188a-852b-4756-a829-96c9fe5bca7a.png

330848240-4b39f915-ad33-436f-af9f-5e463dac4e87.png

330848243-467c8767-94f5-4fe3-9922-514a95227c1f.png

330848253-73ff4242-1b2f-41b8-aa5e-4accee47a3a0.png

330862791-c896ccdf-d64f-4cc3-99b6-01d06f8af797.png

330862837-014ba67b-4bb5-41e7-8528-893c91433337.png

Проєкт на Гітхабі. Ліцензія CC BY–ND 4.0, можна використовувати в комерційних проєктах.

16 травня 2024

Шрифт Proba Nav2

Навігаційний шрифт Proba Nav2 тепер доступний публічно для некомерційного використання. Його зробив Андрій Константинов (студія Mint Type) на основі свого шрифту Proba Pro, що став стандартом державних вебсайтів.

proba-nav-site.jpg

Також це неофіційний шрифт київської навігації: від схем та плакатів у метро до адресних покажчиків, розкладів та навігаційних стел, та і в цілому проєктів А3. Містить транспортні піктограми, лігатури, табличні цифри та інші opentype-фічі.

Ліцензія така сама як у RoadUA — CC BY–NC–ND 4.0, а шрифт розміщено на Github.

23 березня 2024

Навігаційні шрифти

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

og-1.jpg

Навігаційні шрифти розробляються для поганих умов зчитування. Їхнє використання критичне в умовах великого потоку людей, великої швидкості руху, недостатнього часу на зчитування. Це транспорт, автомобільна навігація, аеропорти, вокзали. У таких випадках варто обрати саме навігаційний шрифт.

В інших випадках, коли малий потік людей, мала швидкість та вдосталь часу на читання написів, можна обрати будь-який читабельний шрифт. Це музеї, парки, бізнес-центри, торгівельні центри, житлові комплекси тощо.

22 лютого 2021