Замкнутость и рамка: когда рамка на слайде лишняя

Блок расползся, и первое, что приходит в голову, это обвести его рамкой. Рамка действительно собирает, поэтому дальше её надевают на второй блок, на третий, на таблицу, на картинку. Через десять минут слайд выглядит как решётка, где отделено всё и не отделено ничто. Замкнутость это свойство глаза закрывать разорванный контур: прямоугольник видно даже тогда, когда нарисованы одни углы. Отсюда три решения, и все три уменьшают число линий на слайде.

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

Два похожих слова легко спутать. Направляющие в редакторе, по которым вы ровняете блоки, видите только вы. Рамка на слайде видна залу, и зал считает её частью смысла.

Второй выигрыш важнее. Рамка отделяет только тогда, когда она одна. Пять рамок отменяют друг друга ровно так же, как второй цветовой акцент отменяет первый: если выделено всё, не выделено ничего. Освободившееся выделение потом можно потратить на тот единственный блок, ради которого слайд и сделан.

Есть и третья причина, скучная и денежная. Слайд с рамками тяжелее переделывать: подвинули блок, и рамка перестала совпадать с соседней, а несовпадение в два пикселя видно всем. Слайд на воздухе переносит правки молча.

Проверка занимает секунду и не требует ничьего мнения. Из четырёх сторон почти всегда работает одна: вертикальная линия слева от цитаты, горизонтальная под заголовком таблицы, два уголка на фотографии. Остальные три стороны повторяют то, что уже сказано первой.

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

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

Очередь выстроена по цене. Расстояние не стоит ничего: вы его не рисуете, вы его освобождаете, и об этом целиком воздух и поля. Заливка стоит одного тона и заодно расставляет важность. Линия стоит одной линии. Рамка стоит четырёх, и за эти четыре вы получаете ровно то же самое отделение.

Про заливку есть важная оговорка: она сильнее расстояния. Фон собирает в группу даже те элементы, которые стоят далеко друг от друга, и разводит соседние, если граница заливки прошла между ними. Что из этого следует на практике, показывает закон общей области.

Когда рамка всё же нужна? Когда она очерчивает поле, у которого есть границы и в жизни: область графика, кадр фотографии на светлом фоне, экран устройства. В этих случаях рамка не украшение, а сообщение «дальше данные кончились».

Вложенные рамки появляются не от злого умысла, а по частям. Сначала кто-то обвёл карточку. Потом другой человек собрал три карточки в блок и обвёл блок. Потом третий добавил рамку по краю слайда, «чтобы было аккуратнее». Каждый шаг по отдельности выглядит разумно, а вместе получается матрёшка, в которой взгляд считает рамки вместо того, чтобы читать.

Правило работает и в обратную сторону. Если вложенность действительно есть и её надо показать, меняйте средство, а не толщину: внешний уровень возьмите заливкой, внутренний линией. Две границы одного типа сливаются в орнамент, две разного читаются как два уровня.

Рамка по самому краю слайда стоит упоминания отдельно. Она не отделяет ничего: за краем слайда и так ничего нет. Зато она съедает поля, и слайд начинает выглядеть тесным при тех же отступах.

• Рамка надета на каждый блок, и границ на слайде ровно столько, сколько блоков
• Один блок выделен сразу заливкой, рамкой и тенью: три средства на одну задачу
• Рамка идёт по самому краю слайда и съедает поля
• Рамка надета вместо отступа: блок обвели, а внутри по-прежнему тесно
• У соседних карточек разная толщина линии и разное скругление
• Фотография в рамке, хотя у неё и так есть свой край

На разборах в школе лишние рамки снимаются быстрее всего: мы выключаем контуры у всех блоков разом и смотрим, что после этого перестало быть понятным. Обычно не перестаёт ничего, и дальше спор идёт уже не про рамки, а про отступы.

Четвёртый пункт встречается чаще остальных вместе взятых. Рамка не лечит тесноту, она её подчёркивает: до рамки текст просто стоял близко к соседнему, после рамки он упирается в линию. Сначала отступ внутри блока, потом разговор про границу.