Матчасть

Типографский калькулятор

Это веб-приложение привнесит в веб те возможности, которыми уже 500 лет пользуются в полиграфии и печатном деле.
— Джефри Зельдман (JEFFREY ZELDMAN), блог A List Apart

Ampersand NYC 2013 web type design conference

2 ноября на конференции Ampersand NY, посвященной типографике в вебе, Ник Шерман (NICK SHERMAN) представил свой калькулятор (SIZE CALCULATOR) для расчета реального размера шрифта в зависимости от дистанции чтения и визуально воспринимаемых габаритов текста.

Калькулятор позволяет просто и легко получить расчетные значения для одного из параметров, изменяя два других.

Например,

на дистанции 40 см, на экране компьютера, высота строчной буквы фактически равна 4 см. Вводим эти параметры в калькулятор. Визуально воспринимаемая высота буквы получается равна примерно 5 градусам.

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

Пусть экран смартфона находится на расстоянии 20 см от лица читателя. Фиксируем замочком третий параметр (воспринимаемый размер) и указываем в качестве дистанции новое значение.

Калькулятор автоматически производит расчет и показывает, что физический размер, который необходимо задать в стилях для мобильного равен примерно 2 см. Красота!

По сути это веб-приложение является аналогом трюка с книгой, который был описан в статье Оливера Райхенштайна «Основы адаптивной типографики».

Стандартный
Видео, Матчасть

Человеко-ориентированное проектирование: Теория и практика

Выступление Дмитрия Сатина для стартапов в API.Moscow.

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

Стандартный