HTML Diff
1 added 1 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>2 апр 2024</li>
2 <ul><li>2 апр 2024</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><h2>Эмоции в иллюстрациях: учёные исследовали, какая именно графика помогает их распознать</h2>
4 </ul><h2>Эмоции в иллюстрациях: учёные исследовали, какая именно графика помогает их распознать</h2>
5 <p>Научные выводы о том, как мы понимаем настроение по лицу, позе и контексту, помогут лучше генерировать изображения, рисовать иллюстрации и комиксы.</p>
5 <p>Научные выводы о том, как мы понимаем настроение по лицу, позе и контексту, помогут лучше генерировать изображения, рисовать иллюстрации и комиксы.</p>
6 <p>Иллюстрация: Полина Честнова для Skillbox Media</p>
6 <p>Иллюстрация: Полина Честнова для Skillbox Media</p>
7 <p>Исследовательницы из лаборатории когнитивной психологии пользователя цифровых интерфейсов НИУ ВШЭ решили провести научный эксперимент и выяснить, по каким именно элементам рисунка люди считывают эмоции у нарисованных героев.</p>
7 <p>Исследовательницы из лаборатории когнитивной психологии пользователя цифровых интерфейсов НИУ ВШЭ решили провести научный эксперимент и выяснить, по каким именно элементам рисунка люди считывают эмоции у нарисованных героев.</p>
8 <p>Краткий обзор теорий и отчёт об эксперименте "Вышки" читайте в этой статье. Выводы будут особенно полезны графическим дизайнерам и иллюстраторам.</p>
8 <p>Краткий обзор теорий и отчёт об эксперименте "Вышки" читайте в этой статье. Выводы будут особенно полезны графическим дизайнерам и иллюстраторам.</p>
9 <p>Люди распознают эмоциональные реакции в основном визуально. Есть разные гипотезы о том, что именно помогает нам определить их: отдельные элементы в выражении лица, или глаза, рот и щёки вместе, или даже полностью тело.</p>
9 <p>Люди распознают эмоциональные реакции в основном визуально. Есть разные гипотезы о том, что именно помогает нам определить их: отдельные элементы в выражении лица, или глаза, рот и щёки вместе, или даже полностью тело.</p>
10 <p>Объясним с примерами.</p>
10 <p>Объясним с примерами.</p>
11 <p>Черты лица в мимике образуют комбинации, которые узнаёт абсолютное большинство людей. Каждый элемент - источник информации для нашего мозга, и когнитивные процессы помогают нам обработать эти комбинации и "распределить" результаты по категориям.</p>
11 <p>Черты лица в мимике образуют комбинации, которые узнаёт абсолютное большинство людей. Каждый элемент - источник информации для нашего мозга, и когнитивные процессы помогают нам обработать эти комбинации и "распределить" результаты по категориям.</p>
12 <p>Учёные по-разному анализировали, как именно это происходит, и появилось два основных подхода.</p>
12 <p>Учёные по-разному анализировали, как именно это происходит, и появилось два основных подхода.</p>
13 <ul><li>Признаковый: отдельных элементов лица - рта или глаз - достаточно для распознавания эмоций.</li>
13 <ul><li>Признаковый: отдельных элементов лица - рта или глаз - достаточно для распознавания эмоций.</li>
14 <li>Холистический: только всё лицо работает как источник информации об эмоциях.</li>
14 <li>Холистический: только всё лицо работает как источник информации об эмоциях.</li>
15 </ul><p>И признаковый, и холистический подходы подтверждаются научными данными. Вероятно, в реальности механизм распознавания эмоций смешанный, и на когнитивный процесс влияет не только то, что "показывает" мимика, но и другие факторы.</p>
15 </ul><p>И признаковый, и холистический подходы подтверждаются научными данными. Вероятно, в реальности механизм распознавания эмоций смешанный, и на когнитивный процесс влияет не только то, что "показывает" мимика, но и другие факторы.</p>
16 Возможно, нашему мозгу достаточно увидеть глаза и рот, чтобы узнать эмоции на лице визави<em>Изображение: Storz &amp; Escherich /<a>Behance</a></em>У фигуры-блоба нет элементов, кроме схематичного изображения глаз и рта, но мы распознаём эмоции, которые передаёт эта анимированная картинка<em>Изображение: Niceshit Studio /<a>Behance</a></em><p>Холистический подход допускает, что мы считываем информацию об эмоциях не только по лицу. Поза тела тоже важна.</p>
16 Возможно, нашему мозгу достаточно увидеть глаза и рот, чтобы узнать эмоции на лице визави<em>Изображение: Storz &amp; Escherich /<a>Behance</a></em>У фигуры-блоба нет элементов, кроме схематичного изображения глаз и рта, но мы распознаём эмоции, которые передаёт эта анимированная картинка<em>Изображение: Niceshit Studio /<a>Behance</a></em><p>Холистический подход допускает, что мы считываем информацию об эмоциях не только по лицу. Поза тела тоже важна.</p>
17 <p>Исследования о том, как мы распознаём и категоризируем эмоции по положению тел, дали разные выводы:</p>
17 <p>Исследования о том, как мы распознаём и категоризируем эмоции по положению тел, дали разные выводы:</p>
18 <ul><li>Подобно мимике, позы тела, связанные с базовыми эмоциями, распознаются даже тогда, когда выражение лица не изображено.</li>
18 <ul><li>Подобно мимике, позы тела, связанные с базовыми эмоциями, распознаются даже тогда, когда выражение лица не изображено.</li>
19 <li>Точность сигналов об эмоциях от тела сравнима с точностью распознавания эмоций по лицу, а иногда может быть даже выше.</li>
19 <li>Точность сигналов об эмоциях от тела сравнима с точностью распознавания эмоций по лицу, а иногда может быть даже выше.</li>
20 <li>Позы тела и выражения лица скорее обрабатываются как единое целое.</li>
20 <li>Позы тела и выражения лица скорее обрабатываются как единое целое.</li>
21 <li>Оценка положения позвоночника нарисованных фигур не привела к строгой корреляции между распознаванием поз тела и конкретных эмоций. Одно положение позвоночника респонденты связывали с целым спектром эмоциональных состояний.</li>
21 <li>Оценка положения позвоночника нарисованных фигур не привела к строгой корреляции между распознаванием поз тела и конкретных эмоций. Одно положение позвоночника респонденты связывали с целым спектром эмоциональных состояний.</li>
22 </ul><p>Такой вывод предполагает, что фактор позы тела, хотя и имеет отношение к эмоциональной категоризации, не так важен, как фактор выражения лица.</p>
22 </ul><p>Такой вывод предполагает, что фактор позы тела, хотя и имеет отношение к эмоциональной категоризации, не так важен, как фактор выражения лица.</p>
23 <p>Если изображения позы тела и выражение лица конгруэнтны, то есть показывают одну эмоцию, люди распознают её быстрее, чем неконгруэнтные.</p>
23 <p>Если изображения позы тела и выражение лица конгруэнтны, то есть показывают одну эмоцию, люди распознают её быстрее, чем неконгруэнтные.</p>
24 У моделей нейтральное выражение лица. Поза тела на изображении слева может подсказать, что человек испытывает испуг, а справа - удивление<em>Изображение: Stepan Filenko /<a>Behance</a></em>Мы не видим на изображении лицо, но по позе с руками, которые расслабленно лежат на коленях, можем предположить, что у героя иллюстрации спокойное эмоциональное состояние<em>Изображение: Julia Geroeva /<a>Behance</a></em><p>В рисованных изображениях, особенно в жанре комиксов, часто присутствует элемент, который передаёт информацию об эмоциях и помогает нарративу. Эти чёрточки, звёздочки, волнистые линии и другие значки вокруг головы или тела называются эманата.</p>
24 У моделей нейтральное выражение лица. Поза тела на изображении слева может подсказать, что человек испытывает испуг, а справа - удивление<em>Изображение: Stepan Filenko /<a>Behance</a></em>Мы не видим на изображении лицо, но по позе с руками, которые расслабленно лежат на коленях, можем предположить, что у героя иллюстрации спокойное эмоциональное состояние<em>Изображение: Julia Geroeva /<a>Behance</a></em><p>В рисованных изображениях, особенно в жанре комиксов, часто присутствует элемент, который передаёт информацию об эмоциях и помогает нарративу. Эти чёрточки, звёздочки, волнистые линии и другие значки вокруг головы или тела называются эманата.</p>
25 <p>Эманата-визуализации и их восприятие людьми тоже исследовали. Разные группы учёных обнаружили:</p>
25 <p>Эманата-визуализации и их восприятие людьми тоже исследовали. Разные группы учёных обнаружили:</p>
26 <ul><li>Отдельно эманата не символизируют для людей конкретные эмоции - каждый значок наделяют десятками значений. Например, капелька рядом с головой на картинке может быть для зрителей потом, слезами или просто дождём.</li>
26 <ul><li>Отдельно эманата не символизируют для людей конкретные эмоции - каждый значок наделяют десятками значений. Например, капелька рядом с головой на картинке может быть для зрителей потом, слезами или просто дождём.</li>
27 <li>Эти обозначения люди скорее ассоциируют не с эмоциями, а с состояниями: например, изображение спирали - с замешательством. Однако эманата способствуют тому, что люди распознают эмоции в изображении.</li>
27 <li>Эти обозначения люди скорее ассоциируют не с эмоциями, а с состояниями: например, изображение спирали - с замешательством. Однако эманата способствуют тому, что люди распознают эмоции в изображении.</li>
28 <li>В целом эманата не делают категоризацию эмоций систематической. Впрочем, был эксперимент, который показал: вертикальная линия, нарисованная поверх изображения лица, помогает распознать грусть.</li>
28 <li>В целом эманата не делают категоризацию эмоций систематической. Впрочем, был эксперимент, который показал: вертикальная линия, нарисованная поверх изображения лица, помогает распознать грусть.</li>
29 </ul>Похожие изображения многоугольников могут означать разные состояния<em>Изображение: PK XIAOMI / July Vysotskaya /<a>Behance</a></em><p>В целом эманата - дополнительный фактор, гиперболизирующий эмоциональное состояние персонажа, но этого элемента для распознавания эмоций на картинке людям недостаточно.</p>
29 </ul>Похожие изображения многоугольников могут означать разные состояния<em>Изображение: PK XIAOMI / July Vysotskaya /<a>Behance</a></em><p>В целом эманата - дополнительный фактор, гиперболизирующий эмоциональное состояние персонажа, но этого элемента для распознавания эмоций на картинке людям недостаточно.</p>
30 <p>Существует теория визуального языка, которую разрабатывает американский учёный Нил Кон. Согласно ей, в изображениях есть ровно те же элементы, что в речи - суффиксы, предлоги и прочие. Этими "языковыми" элементами служат детали на картинках: например, линии, которые обозначают быстрое движение, или символ лампочки около головы. С помощью таких графических морфем художники и дизайнеры выстраивают динамичную историю в статичных изображениях.</p>
30 <p>Существует теория визуального языка, которую разрабатывает американский учёный Нил Кон. Согласно ей, в изображениях есть ровно те же элементы, что в речи - суффиксы, предлоги и прочие. Этими "языковыми" элементами служат детали на картинках: например, линии, которые обозначают быстрое движение, или символ лампочки около головы. С помощью таких графических морфем художники и дизайнеры выстраивают динамичную историю в статичных изображениях.</p>
31 <p>Однако отдельно эти нарисованные элементы не создают полноценную историю. Мы распознаём визуальный язык и смысл "сказанного" только тогда, когда есть грамматика. Этой грамматикой служит контекст.</p>
31 <p>Однако отдельно эти нарисованные элементы не создают полноценную историю. Мы распознаём визуальный язык и смысл "сказанного" только тогда, когда есть грамматика. Этой грамматикой служит контекст.</p>
32 <p>Контекст - фон, ситуация, текст - играет важную роль в том, как мы воспринимаем эмоции в иллюстрациях. Существует даже так называемый эффект Кулешова.</p>
32 <p>Контекст - фон, ситуация, текст - играет важную роль в том, как мы воспринимаем эмоции в иллюстрациях. Существует даже так называемый эффект Кулешова.</p>
33 <p>Лев Кулешов в 1920-х годах провёл эксперимент, который объяснил, как монтаж меняет нарратив, смысл сцены и то, какие эмоции зрители считывают в кадре. Кадр с нейтральным выражением лица актёра он перемежал другими - тарелкой супа, девочкой в гробу и красивой девушкой на кушетке. Кадр с актёром был один и тот же, но зрители приписывали ему разные эмоции: нетерпение от голода или предвкушение еды, скорбь, радость.</p>
33 <p>Лев Кулешов в 1920-х годах провёл эксперимент, который объяснил, как монтаж меняет нарратив, смысл сцены и то, какие эмоции зрители считывают в кадре. Кадр с нейтральным выражением лица актёра он перемежал другими - тарелкой супа, девочкой в гробу и красивой девушкой на кушетке. Кадр с актёром был один и тот же, но зрители приписывали ему разные эмоции: нетерпение от голода или предвкушение еды, скорбь, радость.</p>
34 <p>Таким образом, когда есть контекст, люди могут распознавать эмоции даже там, где этого не предполагает изображение. А если в иллюстрации есть и богатый нарратив, и графика об эмоциях (мимика, позы, эманата), это помогает зрителям намного легче и быстрее определять их выражение.</p>
34 <p>Таким образом, когда есть контекст, люди могут распознавать эмоции даже там, где этого не предполагает изображение. А если в иллюстрации есть и богатый нарратив, и графика об эмоциях (мимика, позы, эманата), это помогает зрителям намного легче и быстрее определять их выражение.</p>
35 Контекст на фото создаёт историю, и распознать эмоции девочки и женщины нам проще<em>Изображение: Polina Chebykina / Julia Vlasova /<a>Behance</a></em>Благодаря контексту в этой иллюстрации нам даже не нужно видеть детальную прорисовку лица героя, чтобы распознать его эмоции<em>Изображение: Joanna Gniady /<a>Behance</a></em><p>Ольга Рубцова и Елена Горбунова из НИУ ВШЭ решили провести собственный поведенческий эксперимент с группой респондентов и узнать, как люди считывают и категоризируют эмоции в изображениях. Исследовательницы предположили:</p>
35 Контекст на фото создаёт историю, и распознать эмоции девочки и женщины нам проще<em>Изображение: Polina Chebykina / Julia Vlasova /<a>Behance</a></em>Благодаря контексту в этой иллюстрации нам даже не нужно видеть детальную прорисовку лица героя, чтобы распознать его эмоции<em>Изображение: Joanna Gniady /<a>Behance</a></em><p>Ольга Рубцова и Елена Горбунова из НИУ ВШЭ решили провести собственный поведенческий эксперимент с группой респондентов и узнать, как люди считывают и категоризируют эмоции в изображениях. Исследовательницы предположили:</p>
36 <p>1. Чем больше элементов, передающих информацию об эмоциях, тем точнее должно быть определение.</p>
36 <p>1. Чем больше элементов, передающих информацию об эмоциях, тем точнее должно быть определение.</p>
37 <p>Эманата как наиболее неоднозначный из факторов приведёт к большему количеству ошибок.</p>
37 <p>Эманата как наиболее неоднозначный из факторов приведёт к большему количеству ошибок.</p>
38 <p>2. Повествовательный контекст улучшает определение эмоций.</p>
38 <p>2. Повествовательный контекст улучшает определение эмоций.</p>
39 <p>Группе испытуемых предлагали определять злость, удивление, страх, счастье, грусть, облегчение и смущение по картинкам, в которых присутствовали:</p>
39 <p>Группе испытуемых предлагали определять злость, удивление, страх, счастье, грусть, облегчение и смущение по картинкам, в которых присутствовали:</p>
40 <ul><li>мимика, эманата, поза по отдельности;</li>
40 <ul><li>мимика, эманата, поза по отдельности;</li>
41 <li>мимика и эманата;</li>
41 <li>мимика и эманата;</li>
42 <li>мимика и поза;</li>
42 <li>мимика и поза;</li>
43 <li>поза и эманата;</li>
43 <li>поза и эманата;</li>
44 <li>мимика, эманата, поза вместе.</li>
44 <li>мимика, эманата, поза вместе.</li>
45 </ul><em>Изображение: Ольга Рубцова / Елена Горбунова / НИУ ВШЭ</em><p>Эксперимент показал следующее:</p>
45 </ul><em>Изображение: Ольга Рубцова / Елена Горбунова / НИУ ВШЭ</em><p>Эксперимент показал следующее:</p>
46 <ul><li>Эманата показали себя как самый сомнительный элемент: по ним респонденты определяли эмоции наименее точно и наименее быстро. Вероятно, эманата на картинках вообще не улучшает категоризацию эмоций.</li>
46 <ul><li>Эманата показали себя как самый сомнительный элемент: по ним респонденты определяли эмоции наименее точно и наименее быстро. Вероятно, эманата на картинках вообще не улучшает категоризацию эмоций.</li>
47 <li>По позе тела респонденты тоже считывали конкретную информацию об эмоциях не особенно точно - но только в отсутствие контекста.</li>
47 <li>По позе тела респонденты тоже считывали конкретную информацию об эмоциях не особенно точно - но только в отсутствие контекста.</li>
48 </ul><p>В целом отсутствие контекста в иллюстрациях заставляло людей тратить больше когнитивных ресурсов, а уровень точности в определении эмоций падал.</p>
48 </ul><p>В целом отсутствие контекста в иллюстрациях заставляло людей тратить больше когнитивных ресурсов, а уровень точности в определении эмоций падал.</p>
49 <ul><li>Изображение мимики в отсутствие контекста помогало респондентам считывать эмоции правильнее.</li>
49 <ul><li>Изображение мимики в отсутствие контекста помогало респондентам считывать эмоции правильнее.</li>
50 <li>Если на картинке были и лицо, и поза, и эманата, это значительно улучшало восприятие эмоций. По отдельности и попарно эти элементы давали примерно одинаковые неблестящие результаты.</li>
50 <li>Если на картинке были и лицо, и поза, и эманата, это значительно улучшало восприятие эмоций. По отдельности и попарно эти элементы давали примерно одинаковые неблестящие результаты.</li>
51 <li>Действительно, контекст в любом случае делает восприятие эмоций более точным.</li>
51 <li>Действительно, контекст в любом случае делает восприятие эмоций более точным.</li>
52 </ul>Контекст помогает определить, что герой иллюстрации расстроен, но всё-таки не испытывает глубокую скорбь<em>Изображение: Varvara Grankova /<a>Behance</a></em><p><strong>Арт-директор Dotorg branding &amp; digital</strong></p>
52 </ul>Контекст помогает определить, что герой иллюстрации расстроен, но всё-таки не испытывает глубокую скорбь<em>Изображение: Varvara Grankova /<a>Behance</a></em><p><strong>Арт-директор Dotorg branding &amp; digital</strong></p>
53 <p>- Я как дизайнер обожаю работать с иллюстрациями и, когда есть возможность, использую их.</p>
53 <p>- Я как дизайнер обожаю работать с иллюстрациями и, когда есть возможность, использую их.</p>
54 <p>В реальности, когда мы говорим о коммерческой иллюстрации, а не об отдельном визуальном повествовании типа комиксов или наглядной инструкции, имеют значение не только отдельные элементы графики. Важно всё: сфера деятельности компании, её целевая аудитория, готовность клиента к экспериментам, что за носитель предполагается (офлайн или онлайн).</p>
54 <p>В реальности, когда мы говорим о коммерческой иллюстрации, а не об отдельном визуальном повествовании типа комиксов или наглядной инструкции, имеют значение не только отдельные элементы графики. Важно всё: сфера деятельности компании, её целевая аудитория, готовность клиента к экспериментам, что за носитель предполагается (офлайн или онлайн).</p>
55 <p>На мой взгляд, интереснее всего иллюстрация проявляет себя в потребительском брендинге. Например, в упаковке или в приложениях это маскоты или сюжеты с продуктом. Если они изображают<strong>живые эмоции и понятные сценарии взаимодействия</strong>, то создают<strong></strong>эмоциональную связь с брендом. Особенно если ЦА - дети или подростки.</p>
55 <p>На мой взгляд, интереснее всего иллюстрация проявляет себя в потребительском брендинге. Например, в упаковке или в приложениях это маскоты или сюжеты с продуктом. Если они изображают<strong>живые эмоции и понятные сценарии взаимодействия</strong>, то создают<strong></strong>эмоциональную связь с брендом. Особенно если ЦА - дети или подростки.</p>
56 - <p>Думаю, в корпоративном брендинге давно пора смелее смотреть на иллюстрацию как инструмент. Только здесь нужны не маскоты, а метафоричные 2D-иллюстрации или абстрактные 3D-анимации, которые передают образ компании, а не конкретные эмоции. Кстати, тренд на нейтральные флэт-иллюстрации ушёл, ура! Всем наскучил "взрослый" корпоративный мир, и мы хотим окунуться в детство.</p>
56 + <p>Думаю, в корпоративном брендинге давно пора смелее смотреть на иллстрацию как инструмент. Только здесь нужны не маскоты, а метафоричные 2D-иллюстрации или абстрактные 3D-анимации, которые передают образ компании, а не конкретные эмоции. Кстати, тренд на нейтральные флэт-иллюстрации ушёл, ура! Всем наскучил "взрослый" корпоративный мир, и мы хотим окунуться в детство.</p>
57 <p>Сейчас в тренде корявые, но искренние иллюстрации. Дети вообще максимально искренне выражают чувства, и их графику даже используют большие бренды. Вы только посмотрите на этот розовый нос у волка - это так мило :) И ещё чудесный розовый пудель с удивлённым взглядом - я точно хочу такую футболку!</p>
57 <p>Сейчас в тренде корявые, но искренние иллюстрации. Дети вообще максимально искренне выражают чувства, и их графику даже используют большие бренды. Вы только посмотрите на этот розовый нос у волка - это так мило :) И ещё чудесный розовый пудель с удивлённым взглядом - я точно хочу такую футболку!</p>
58 Коллекция Sela с фондом "Обнажённые сердца"<em>Изображение:<a>Sela</a></em><a>Научитесь: Профессия Коммерческий иллюстратор Узнать больше</a>
58 Коллекция Sela с фондом "Обнажённые сердца"<em>Изображение:<a>Sela</a></em><a>Научитесь: Профессия Коммерческий иллюстратор Узнать больше</a>