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

Дизайнер пользовательских интерфейсов Эндрю Койл (Andrew Coyle) в своем блоге в Medium на примере двух абзацев с заголовком пошагово рассказал о выборе размера и стиля шрифта, длины и высоты строки и других параметров хорошо оформленного текста.

Койл начал с текста без оформления:

typesetting1

Он выделил заголовок размером и полужирным начертанием и для еще более четкого разделения заголовка и основной части контента изменил цвет текста с черного на темно-серый с сохранением высокой контрастности.

Затем он выбрал подходящую длину строки из оптимального диапазона 50–75 знаков, установил достаточную высоту строки, обычно она должна быть в 1,5 раза больше размера шрифта.

Расстояние между двумя абзацами Койл сократил в два раза, чтобы они казались более тесно связанными друг с другом.

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

В результате Койл сделал текст максимально удобным для чтения:

typesetting2

Typesetting & Your App — Designed Thought — Medium