Закон подобия: одно и то же оформлено по-разному
Слайд с планом на квартал: девять блоков, у каждого своя плашка, где-то скругление, где-то рамка, у двух заголовок крупнее остальных. Автор собирал блоки по одному и каждый раз старался. Зал смотрит и не понимает, чем блок «Логистика» отличается от блока «Каталог», хотя оба про одно и то же. Закон подобия объясняет, откуда берётся это непонимание, и чинится оно без переделки слайда.
Найдите каналы продаж
На каждом слайде четыре плитки из восьми это каналы продаж, остальные четыре это расходы. Отметьте каналы сначала на левом слайде, потом на правом.
Все восемь плиток оформлены одинаково, хотя рассказывают о разном.
Плитки одного сорта залиты одинаково: групп две, и они видны.
Что такое закон подобия
Законом подобия называют свойство зрения собирать в группу то, что выглядит одинаково. Цвет, размер, форма, толщина линии, наклон: любой повторённый признак связывает элементы, даже если они стоят в разных углах слайда. Происходит это до чтения, за первые доли секунды, и разрешения у зрителя никто не спрашивает.
Отсюда следствие, из которого выросла вся статья. Оформление это заявление о родстве. Два блока, набранных одинаково, обещают залу «мы про одно». Два блока, набранных по-разному, обещают «мы про разное». Когда оформление обещает не то, зал разбирается со слайдом вместо того, чтобы слушать вас.
У подобия есть ближайший родственник, закон близости: тот собирает группы расстоянием, а подобие собирает их видом. Расстояние действует сильнее, зато подобие достаёт туда, куда расстояние не достаёт: через весь слайд и через всю презентацию.
Соберите шесть показателей в один сорт
Бегунок приводит плитки к общему оформлению по одной. Данные при этом не меняются.
Каждая плитка оформлена по-своему, и каждую придётся читать отдельно.
Подобие экономит залу чтение
Пока элементы одного сорта выглядят одинаково, зритель считает их за один объект: прочитал одну строку программы и понял устройство всех остальных. Когда каждая строка оформлена по-своему, ему приходится читать все, чтобы выяснить, что они про одно и то же. На слайде из десяти пунктов это десять мелких решений вместо одного.
Проверять это на слово не нужно, есть приём надёжнее. Прищурьтесь, глядя на свой слайд: подробности пропадут, останутся пятна. Если пятна одного сорта похожи между собой, группы видны без чтения. Если каждое пятно своё, зал получит кашу и будет разбирать её сам.
Прищурьтесь на оба слайда
Одна кнопка размывает программу дня на обоих слайдах, как будто вы смотрите из последнего ряда.
Собрано по одной строке
Собрано по одной схеме
Справа два сорта строк: рабочие блоки и перерывы. Слева сортов шесть, хотя блоков всё те же два вида.
Один сорт вещей, одна одежда
Элементы одного сорта оформлены одинаково: один кегль, один цвет, одна форма, одно расстояние. Приговор чужому слайду выносится за две секунды: посчитайте, сколькими способами оформлены пункты одного списка. Способов больше одного, значит правило нарушено.
Разнобой почти никогда не бывает решением. Он набегает сам: один пункт вставили из прошлогоднего файла, второй дописали за десять минут до встречи, третьему увеличили кегль, чтобы влез в строку. На разборах это видно в первые секунды: у слайда шесть сортов оформления и ни одного правила, по которому автор мог бы объяснить, почему их шесть.
Лечится это не вкусом, а решением, принятым один раз: заведите вид для каждой роли и повторяйте его. Роли обычно четыре: заголовок, текст, число, подпись. Всё остальное на слайде это одна из них.
Приведите карточки в строй
Нажмите карточку, и она примет общее оформление. Повторное нажатие возвращает её как было.
Четыре карточки одного сорта, оформления четыре. Зал читает каждую заново.
Ни имена, ни должности здесь не меняются. Меняется только то, чем эти карточки отличаются друг от друга без причины.
Отличие это заявление, и ему хватает одного признака
Отличается ровно то, что отличается по смыслу, и отличается ровно одним признаком. Приговор: спросите у выделенного элемента, чем он другой по смыслу. Ответа нет, возвращайте его в строй.
Подобие приходится нарушать, иначе выделять главное станет нечем. Но нарушение ведёт себя как цветовой акцент: оно должно быть одно, и ему хватает минимума. Цвет плюс кегль плюс рамка плюс заливка превращают элемент в чужой: зал видит не «вот этот главный», а «вот этот из другой презентации». Чем именно выделять, зависит от слайда: тяжёлое начертание, крупный кегль, цвет или лишний воздух вокруг.
Выделите один этап из пяти
Бегунок добавляет плитке «Запуск» признаки отличия по одному: цвет, вес, рамку, форму.
Пока признаков ноль, пять этапов равны. Это честно, но бесполезно, если один из них важнее.
Подобие держит презентацию, а не слайд
Одна роль оформлена одинаково на всех слайдах: заголовок, число, подпись, источник. Приговор: пролистайте презентацию быстро, по секунде на слайд. Заголовки должны стоять на месте так, будто их не трогали.
Листая подряд, зритель запоминает не блоки, а места: заголовок сверху слева, число крупно в центре, источник мелко внизу. Дальше он тратит внимание на содержание, а не на поиски. Заголовок, который на каждом слайде переезжает и меняет кегль, отменяет эту экономию, а вместе с ней и иерархию, которую вы выстроили внутри слайда.
Здесь у правила есть неприятная сторона. Одинаковые слайды подряд читаются как один, и презентация начинает казаться монотонной. Лечится это не сменой оформления, а сменой типа слайда: между тремя однотипными ставится слайд-утверждение с одной фразой и большим воздухом. Роли при этом остаются на своих местах.
Пролистайте три слайда подряд
Кнопка переключает оба набора сразу. Следите за заголовком и числом.
Слайды собирали по одному
Слайды собирали по одной схеме
Данные в обоих наборах одни и те же. Различается только то, повторяются ли места ролей от слайда к слайду.
Где подобие ломается чаще всего
- Два скачанных шаблона в одной презентации: половина слайдов из первого, половина из второго
- Один список, набранный дважды: часть пунктов с маркерами, часть без
- Плитки одного сорта разной высоты: подгоняли под текст, а не под сетку
- Числа из разных отчётов: скопировали вместе с чужим шрифтом и чужим весом
- Разное по смыслу набрано одинаково: строка итога выглядит как обычная строка таблицы
Последний пункт встречается реже остальных, а обходится дороже. Разнобой зал хотя бы замечает и списывает на спешку. Ложное подобие не замечает никто: оформление пообещало, что итог такой же, как остальные строки, и зал честно поверил.
Где вид не совпадает со смыслом?
Нажмите макет, в котором оформление обещает зрителю не то, что есть на самом деле.
Раздайте оформление по смыслу
Перед вами слайд с девятью задачами запуска. Часть делает команда сама, часть отдана подрядчику, и на каждой плитке это написано мелкой строкой. Сейчас оформление раздано случайно. Сделайте так, чтобы вид совпал со смыслом.
Одна одежда на группу
Нажатие переключает оформление плитки. Плитки одной группы должны выглядеть одинаково.
Оформление пока обещает не те группы, что есть на самом деле.
Решений здесь два, и оба верные: какая группа получит тёмную заливку, а какая светлую, не важно. Важно, что внутри группы оформление одно.
Шесть слайдов, где подобие работает
Это слайды из нашей базы, не учебные заготовки. Правило в них одно: то, что одного сорта, набрано одинаково. Способы разные, и в этом смысл подборки. Любой слайд открывается в базе целиком.
Одна одежда на весь сорт. Восемь показателей собраны по одной схеме и читаются как одна таблица, а не как восемь отдельных сообщений.
Подобие делает сравнение возможным. Название, цена, кнопка и список стоят в трёх карточках на одних местах, поэтому глаз сравнивает условия, а не разбирает вёрстку.
Достаточно одного признака. Шесть шагов связаны только формой капсулы, цвет у каждого свой. Ни рамок, ни линий, ни нумерации не понадобилось.
Одинаковые колонки, разные числа. Подпись, короткая строка и процент повторяются четыре раза, и внимание уходит на сравнение чисел.
Одна рамка, разное содержимое. Четыре кадра одного размера и подписи по одному шаблону: сорт объектов понятен сразу, дальше зритель смотрит на сами фотографии.
Цвет связывает разнесённое. Одним сиреневым покрашены и фраза в заголовке, и три полосы с данными: заголовок и цифры читаются как одно утверждение.
Ни на одном из шести слайдов подобие не сделано рамками. Хватает одного повторённого признака: формы, цвета, размера или места.
Три правила подобия
Подобие отвечает на вопрос, что с чем связано. За то, что зал увидит первым, отвечает иерархия, а за границы групп отвечает расстояние. Три инструмента работают вместе, и подобие из них самое дешёвое: оно ничего не добавляет на слайд, оно только убирает лишние различия. А за то, куда взгляд поедет после первой группы, отвечает закон непрерывности, а за фигуру, которую зал увидит раньше любых групп, отвечает закон прегнантности.
Одна одежда
Элементы одного сорта набраны одинаково. Сортов оформления столько, сколько сортов смысла.
Одно отличие
Выделяйте одним признаком и только то, что действительно другое по смыслу.
Вся презентация
Роль оформлена одинаково на всех слайдах. Заголовок не переезжает и не меняет кегль.
Чек-лист самопроверки слайда
Отметьте то, что выполнено на вашем слайде.
Одно правило в неделю
Подпишитесь на рассылку: каждую неделю присылаем разбор одного правила дизайна и материалы, которые можно применить сразу.
Те же разборы выходят в телеграм-канале школы. Другие термины разобраны в Учебнике.