Сейчас говорю о привлекательности именно с дизайнерской точки зрения, про основы типографии. Всё очень просто: красивый, логичный, причёсанный текст читается легко, сам по себе и без лишних усилий. Буквально несколько главных фишек (которые должен знать каждый дизайнер) помогут сделать более аккуратной любую статью, инфографику, презентацию — что угодно, где есть буквы. Углубляться не буду, пройдусь по базовым методам улучшения типографики.
Выравнивание
Обычный наборный текст проще всего читается, если выровнять его по левому краю. Все строки должны выравниваться одинаково!
Выключка вправо используется намного реже, в основном это небольшие текстовые блоки - офферы или нумерация - соответствие левому блоку.
Выключка по центру отлично вписывается в классическую, уравновешенную, спокойную композицию. Например — сайт одностраничник, не перегруженный лишней информацией, шрифтовой плакат или этикетка.
Выключка по ширине — самая сложная и противоречивая. Чаще всего используется для вёрстки газет, журналов, изредка книг. Чтобы сделать подобную вёрстку визуально привлекательной, нужно приложить немало усилий и грамотно подобрать гарнитуру. Зато подобный формат помогает вместить больше символов в узкое пространство.
Выделить абзацы и заголовки
Текст, разделённый на абзацы, воспринимается читателем намноооого проще. Так информация поступает к нам дозированно. Согласитесь, за раз проглотить маленький кусочек мяса проще, чем огромный стейк.
Причём с красной строки начинать абзац необязательно, а вот отступы между ними лучше сделать пошире. Но ни в коем случае не больше, чем отступ от заголовка.
Иерархия
- Заголовок H1 всегда больше, чем подзаголовок H2. Подзаголовок всегда больше, чем текст.
- Отступ между H1 и текстом всегда больше, чем между H2 и текстом.
- Отступ между абзацами меньше, чем между H2 и текстом.
- Междустрочный интервал всегда меньше, чем отступ между абзацами.
И так далее. Смотрите на соотношения большего к меньшему. Если есть необходимость заморачиваться, можно придерживаться определённых соотношений — например, последовательность Фибоначчи. Идеальные соотношения элементов по этой формуле 3/2, 5/3 и т.д. Оптимальное межстрочное расстояние примерно равно 1.5 высоты строчных букв.
Контраст
Все приведенные в предыдущем пункте тезисы можно упростить к одной простой идее: чем больше чувствуется разница между отдельными элементами, тем лучше.
Почему статьи в Дзене выглядят так привлекательно? Четко соблюдается иерархия и контраст. У текста хороший междустрочный интервал, заметны отступ между абзацами, разница между текстом, заголовками и подзаголовками.
Кстати, чем длиннее строка, тем больше должен быть межстрочный интервал.
Пункты
Буллиты, они же пункты или любое другое выделение текста по списку выравнивается по линии выключки основного текста.
- Звучит сложно?
- Обрати внимание на точки!
- Они расположены на уровне линии выравнивания текста.
- А расстояние между пунктами такое же, как между абзацами.
- Как и отступ слева (красная строка).
Просто, красиво, аккуратно!
Висячие предлоги, союзы, короткие тире, "кавычки"
Это очень спорный вопрос, далеко не всегда и не везде это строгие критерии оценки текста, однако дизайнеры и типографы должны знать эти базовые правила и применять их по возможности.
Однако возможности есть не всегда и не везде. К примеру, на Дзене я пока не нашла способ убрать висячие предлоги :)
В чём суть: в конце строк нежелательно оставлять предлоги и союзы, частицы. Чаще всего такие штучки так и норовят отвалится. Если в текстовом редакторе есть возможность, стоит их привязать к следующему слову, ну или максимально нивелировать другими способами. Есть ещё специальные типографы для улучшения текста, погугли.
Длинные тире наоборот не стоит переносить на новую строку, дабы не рвать ровную линию выключки.
С кавычками не всё так однозначно.
В печати на русском языке считается стандартом «такое оформление». Тем не менее это правило дизайнеры всё чаще игнорируют.
«Главное — "снаружи ёлочки, внутри лапки"» (Народная мудрость).