Холодно-горячо

Холодно-горячо

Masha Leonenko

Дизайн — это расположение объектов в пространстве. В случае с презами, пространство ограничено белым листом 1920 × 1080 пикселей. Расстановка элементов внутри границ — это и есть дизайн в самой базовой форме. Сегодня поговорим о близости. Теоретический материал я выписала из лекции для программистов, Даши Почекуевой.

Теория близости гласит: объекты, расположенные близко друг к другу, воспринимаются связанно.

Этот простой принцип — фундаментален, поэтому его можно проследить в других сферах жизни. Он опирается на то, как устроено наше восприятие и наш мозг. Как этот принцип работает в реальном мире:

Я сижу в первом ряду, в розовом платье.

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

Это Мишка мой

Даже не будучи Мисс Марпл, можно сразу заметить, что между нами с Мишей дружеские отношения. Мы чуть ближе прижаты друг к другу, и моя голова немного к нему наклонена — конечно, в той пуританской степени, в которой я могла себе это позволить в пост-совке.

А это Славик.

Со Славиком отношения непонятные. Во-первых, он стоит в одной линии с няньками, и я делаю вывод, что он их любимчик, хотя на самом деле он был просто выше остальных, или ему не хватило стула. Во-вторых, по фото можно сделать вывод, что Славик не очень компанейский тип, и уж точно нельзя определить, какие у меня с ним отношения. На самом деле во время тихого сна меня укладывали в кровать именно со Славиком. А с Мишей спала девочка Ира, которая сидит слева от меня. А Миша любит меня, а не ее! Я знала, что делаю, когда садилась между ними: я хотела остаться в истории на правильном месте.

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

Мозг связывает близкие элементы по смыслу.
Теория близости формирует отношения между объектами.


Самая грубая ошибка при работе со слайдами — это налепить все кучей, чтобы не осталось ни одного пустого места:

плохой слайд

Что здесь плохо: непонятно, куда смотреть. Как выделить самое главное с первых секунд? А вдруг там таких слайдов еще 40?


Что здесь я хочу поменять:

  1. Отделить заголовок от основного текста.
  2. Отделить главное от второстепенного.
  3. Сгруппировать второстепенное так, чтобы оно не претендовало на главное, но чтобы было читабельно и аккуратно.
  4. Картинка внизу должна быть более выразительной и более крупной: речь на слайде идет о том, что люди визуально запоминают на 80% больше, чем когда читают.
хороший слайд

Когда несколько элементов находятся близко друг к другу, они воспринимаются как один элемент — это помогает разгрузить слайд и дать возможность зрителю прочитать все в нужной последовательности.


Посмотрим еще один пример:

плохой слайд

Что здесь плохо: очень много информации. Здесь мне как зрителю не дают возможность пролистнуть слайд, хотя вроде бы есть схема и есть заголовок. Но зачем тогда весь остальной текст?

Принцип близости не значит, что абсолютно ВСЕ должно быть близко друг к другу. Это значит, что все элементы на слайде интеллектуально связаны друг к другом, и поэтому важно группировать блоки и отделять акценты.

Что здесь я хочу поменять:

  1. Разделить этот слайд на два.
  2. Перерисовать схему. Или тексты, или картинки, сорян.
  3. Выделить главное, мне нужен какой-то вывод или подзаголовки, пожалуйста!
  4. Личное пожелание: заменить слово "схема" на "модель", в связи с тем, что первое относительно работы в Украине воспринимается как-то уж очень однозначно.
хороший слайд, часть 1
хороший слайд, часть 2
То, как мы располагаем элементы, определяет отношения между ними.

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

Чего избегать:

  • не группируйте слишком много маленьких группок,
  • не приклеивайте элементы посередине и по углам, если это не несет функционального назначения,
  • не создавайте отношения между элементами, которые не связаны друг с другом, даже если они клевенько смотрятся рядом, и там есть свободное место.
Здесь мне два года, я слева

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

Если интересно еще, читайте больше подобных статей в моем канале: t.me/samasklepala. Сейчас я делаю такие вот мини-статьи, где уделяю внимание пяти основным принципам хорошей композиции: акцент, баланс, контраст, рифма и динамика.

Про баланс и рифму уже было.