Результат мастер класса по сеткам. Сама запись доступна по ссылке https://www.youtube.com/live/jlbRQGvD-24?si=GAF2XOF4JKDWy8ls

Не секрет, что я дизайнер самоучка, а основным моим образованием была клиническая психология. Вероятно поэтому я активно использую эти знания и стараюсь привлечь внимание дизайнеров не только к трюкам маркетинга, но к таким вещам как эргономика восприятия и эргономика взаимодействия с цифровыми продуктам. И в этой точке психология — настоящая экспериментальная психология, действительно незаменима. Потому как, начиная с 60х годов прошлого века, когда произошла настоящая революция в когнитивной психологии (во многом благодаря работе советских психологов), о восприятии мы знаем практически все.

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

** Всем, кому эта тема интересна, я рекомендую книгу Р. Арнхейма «Психология искусства». Она доступна для покупки и ее можно найти в pdf формате.

В начале XX века гештальт-психология совершила открытие, которое до сих пор актуально для дизайнеров, художников и всех, кто работает с визуальной коммуникацией. Оказалось, что мышление и восприятие — это две стороны одной монеты.
Мозг обрабатывает информацию в обоих процессах практически одинаково. Обычно на этом моменте я останавливаюсь, поскольку считал, что сравнение операций мышления и принципов восприятия — уже не представляет сложности (поисковик в помощь). Но сегодня я попробую продвинуться глубже и разобрать , как это работает.


1. Анализ vs. Фигура-фон
Мышление: Мы разделяем целое на части, выделяя ключевые свойства.
Восприятие: Мозг отделяет объект (фигуру) от фона.
Например: Логотип FedEx. Вы видите стрелку между буквами «E» и «x»? Это не случайность — это фигура, выделенная из фона.

2. Синтез vs. Замыкание
Мышление: Мы объединяем части в целое на основе смысловых связей.
Восприятие: Мозг дорисовывает недостающие части, чтобы завершить образ.
Например: Логотип WWF с пандой. Мозг сам «закрывает» пробелы в контурах, превращая абстрактные пятна в узнаваемое животное.

3. Сравнение vs. Принцип сходства.
Мышление: Мы сопоставляем объекты, находя сходства и различия.
Восприятие: Мозг группирует похожие элементы.
Например: Иконки в интерфейсе. Если они одного цвета или формы, мы сразу понимаем, что они относятся к одной категории.
** Если бы мозг не группировал, мы бы путали кнопку «Сохранить» с кнопкой «Удалить». И это было бы, …как минимум интересно)

4. Обобщение vs. Принцип близости
Мышление: Мы объединяем объекты в группы на основе общих признаков.
Восприятие: Мозг группирует элементы, которые находятся близко друг к другу.
Например: Меню на сайте. Элементы, расположенные рядом, воспринимаются как часть одной группы (например, разделы «О нас», «Услуги», «Контакты»).

5. Абстрагирование vs. Принцип непрерывности
Мышление: Мы отвлекаемся от лишнего, чтобы выделить главное.
Восприятие: Мозг следует за линиями и формами, даже если они прерываются.
Например: Логотип Coca-Cola. Вы видите непрерывную волну, хотя это просто отдельные элементы.
** Если бы мозг не умел абстрагировать, мы бы застряли в деталях. Представьте, как сложно было бы читать текст, если бы вы видели каждую точку на букве «i».

6. Конкретизация vs. Принцип общей области
Мышление: Мы применяем общие признаки к конкретным объектам.
Восприятие: Мозг объединяет элементы, которые находятся в одной области.
Например: Карточки товаров в интернет-магазине. Даже если они разные, мозг понимает, что они относятся к одной категории, потому что находятся в одной «рамке».
** Если бы мозг не умел конкретизировать, мы бы видели мир как хаотичный коллаж.

7. Аналогия vs. Принцип координационного центра
Мышление: Мы переносим знания об одном объекте на другой.
Восприятие: Мозг фокусируется на главном элементе, который становится центром композиции.
Например: : Логотип Apple. Яблоко с укусом — это не просто фрукт, а символ познания и технологий.

Именно поэтому графический дизайн так эффективен в передаче сложного смыслового содержания. Дизайнер использует «прошитые» в мозге механизмы восприятия. Гештальт-принципы (фигура-фон, сходство, близость и другие) работают так же, как операции мышления — анализ, синтез, обобщение. Это позволяет дизайну обходить сознательное критическое мышление и напрямую взаимодействовать с подсознанием, превращая сложные идеи в простые, мгновенно узнаваемые образы. Таким образом, дизайн становится универсальным языком, который говорит с мозгом на его родном языке.


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


P.S. Если вы дочитали до этого места, вы либо дизайнер, либо просто любите мозг.

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

А сегодня я скормил его нейросетке и попросил переписать в стиле Хемингуэя, как если бы старина Хэм был веб дизайнером.
И рука дрогнула)) версия нейронки мне понравилась больше. Она, возможно, менее содержательна, зато по форме более острая и темпераментная. Поэтому поделюсь им без сокращений и правок.

Три вида дизайна. И война.

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

1. Бенто.
Он как нож из дешевого магазина: режет, колет, не тупится. Готовые шаблоны. Лендинги, логотипы, посты. Собрал, склеил, запустил. Неважно, пекарня это или мастер по ремонту телефонов. Важно, чтобы было быстро. Дешево. Как консервы на войне — невкусно, но не умрешь с голоду.

Почему он есть? Потому что мир заполонили маленькие люди. Они открывают бизнес в гаражах и на кухнях. У них нет десяти тысяч на дизайн. У них есть три дня. И страх. Шаблон убивает страх.

Шаблон стоит ноль. Или триста. Дизайнер здесь — солдат на конвейере. Он не думает. Он копирует. Клиенты не помнят его лицо. Они помнят только кнопку «скачать».

2. Коммерческий кэжуал.
Это гибрид. Как ружье с прицелом, сделанным из винных пробок. Шестьдесят процентов — шаблон. Сорок — ручная работа. Узнаваемый шрифт. Иллюстрация, нарисованная ночью. Паттерн, который не стыдно показать.

Его любят те, кто вырос из гаража, но еще не дорос до небоскреба. Средний бизнес. Они хотят выделиться, но боятся упасть. Их дизайн — рукопожатие фабрики и художника. Алгоритмы соцсетей требуют шаблонов. Люди требуют души. Дизайнер здесь — сапер. Он балансирует между «как у всех» и «только мы».

Стоит это рукопожатие от пятисот до двух тысяч. Клиент получает шаблон с царапиной уникальности. Иногда этого хватает.

3. Авторский.
Этот дизайн пахнет дорогим табаком и бессонницей. Его делают вручную. Для тех, кто не боится сжечь мосты. Крупный бизнес. Люкс. Те, кто может заплатить десять тысяч. Или сто.

Здесь нет шаблонов. Есть идея, которая режет стекло. Бренд, который хочет стать религией. Дизайнер здесь — снайпер. Он целится в сознание. Каждая деталь — курсив, оттенок серого, тень на кнопке — выверена. Клиенты платят за то, чтобы их боялись. За то, чтобы помнили.

Почему все три живы?
Потому что мир делится на тех, кто прячется, тех, кто маскируется, и тех, кто стреляет первым. Малый бизнес выживает. Средний притворяется. Крупный — диктует.

Дизайн — это не про красоту. Это про выбор. Можно есть консервы. Можно добавить в них специй. А можно заказать ужин у шефа, который подаст его на серебре.

Но помните: шаблоны не спасут, если вы не готовы умирать за свою идею. Уникальность не сработает, если за ней пустота.

Дизайн, как война, не терпит трусов. Выбирайте оружие.


Понравилось? Может привлекать к дизайну других писателей, художников, злодеев?)) кого бы вы рекомендовали?