Читаем Ясно, понятно. Как доносить мысли и убеждать людей с помощью слов полностью

Ясно, понятно. Как доносить мысли и убеждать людей с помощью слов

У вас в арсенале уже множество приемов иллюстрирования и визуальной подачи материала: заголовки, подзаголовки, таблицы, иллюстрации, схемы и видео. А еще есть всевозможные админки и конструкторы сайтов, которые предлагают вам расположить материалы в несколько столбцов. Это опасная практика.

Фотографии и текст можно ставить напротив друг друга в очень ограниченном количестве случаев и только под присмотром профессионалов. Случаев этих так мало, а оговорок так много, что лучше туда не лезть.

Вместо этого я предложу вам простой способ подавать любой осмысленный текст с иллюстрациями. Записывайте:

Иллюстрация, заголовок, текст.

Сверху вниз, подряд, в один столбец.

Это значит, что основное содержимое вашей статьи упаковано в одну удобную для чтения колонку. Иллюстрации ставим на всю ширину колонки. Заголовок должен подкреплять иллюстрацию по смыслу. Текст — развивать идею заголовка. Всё должно быть связано между собой по смыслу.

Читатель должен просматривать этот документ примерно так:

1. Увидел интересную иллюстрацию.

2. Изучил заголовок под ней, заинтересовался еще больше.

3. Прочитал сопроводительный текст.

Есть и другие способы подачи иллюстраций и текста, но они сложнее и не всегда работают. Этот способ прост и работает всегда.

Больше о композиции:

Сэндвичная верстка

Порядок элементов

Осторожно с версткой в несколько колонок. В верстке промостраниц есть такой визуальный штамп: три-четыре столбца текста, сверху — абстрактные векторные иконочки. Это плохо сразу по нескольким причинам:

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

Тексту тесно в двух-трех колонках. Если не включены переносы, то получается рваный правый край, а если делать выравнивание по ширине, то между словами получаются огромные пробелы.

В узкой колонке не поместится много текста, а если поместится — колонка будет высоченной

Как это читать? Человек не может одновременно прочитать три текста. Ему сложно сопоставить два стоящих рядом текста, потому что издалека они выглядят одинаково. По сути, читатель будет сосредоточен на каждом отдельном кусочке, а потом будет пытаться обдумать смысл целиком.

Три колонки с иконками — это настоящий визуальный штамп. Он создает нарочито халтурное настроение от страницы.

Лучший вариант для промостраницы или статьи — большая осмысленная иллюстрация и текст снизу. Всё это занимает основную колонку: и тексту достаточно места, и иллюстрацию хорошо видно.

Если вы хотите, чтобы читатель сравнил две фотографии (например, нашел отличия), — можно поставить их рядом. Но только для сравнения. Всё, что стоит в соседних колонках, будет автоматически сравниваться.

Если текста недостаточно или он играет второстепенную роль, можно занять иллюстрацией 80 % ширины колонки, а текст написать аккуратно сбоку — будет выглядеть как подпись.

Внизу еще можно поставить какую-нибудь акцентную штучку.

О верстке в несколько колонок