Проекты25 декабря 2025 г.877

Инфографика «Оскар»: приёмы дата-визуализации

Коротко

Пять конкретных приёмов дата-визуализации на примере инфографики о топ-номинантах на премию «Оскар» — от работы с насыщенностью цвета до встроенной легенды и акцентных аннотаций.

Это переверстка исходного графика, созданная в рамках челленджа по дата-визуализации. Инфографика показывает статистику по топу актёров, получивших наибольшее число номинаций на премию «Оскар». Ниже — пять приёмов, которые использованы в работе и которые стоит взять на заметку.

Насыщенность цвета текста

Цвет текста выбран на несколько тонов насыщеннее, чем цвет заливки квадратиков-элементов. Это компенсирует оптическую иллюзию: текст всегда выглядит светлее закрашенных фигур, потому что он разряженный — между буквами много белого пространства. Если взять одинаковый HEX для текста и фигуры, текст будет казаться блёклым. Повышение насыщенности выравнивает восприятие.

Аннотации как навигация по инфографике

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

Встроенная легенда

Легенда не вынесена в отдельный блок в углу — она интегрирована прямо в первый барчарт (с Мэрил Стрип). Такой подход сокращает когнитивную нагрузку: читатель усваивает условные обозначения в контексте, а не запоминает их отдельно перед просмотром.

Серая обводка как визуальный маркер

Фотографии актёров, которые так и не получили «Оскар», выделены серой обводкой. Это минималистичный, но ёмкий способ закодировать дополнительную переменную без введения нового цвета или отдельного столбца в графике.

Отдельный акцент на знаковом персонаже

Леонардо Ди Каприо выделен отдельно как актёр, чья история особенно тесно связана с историей премии. Это пример использования нарратива: данные подкреплены культурным контекстом, который аудитория уже знает, — и это делает инфографику живее.

Что сделать на практике

  • Проверяйте насыщенность цвета текста рядом с заливкой — при одинаковом HEX текст всегда выглядит светлее, корректируйте вручную.
  • Пишите аннотации как мини-выводы, а не как повторение оси: читатель должен узнать что-то новое из подписи.
  • Встраивайте легенду в первый элемент данных, где она актуальна — это избавляет от лишнего блока.
  • Используйте обводку или штриховку, чтобы закодировать бинарный признак (получил / не получил), не добавляя новый цвет.
  • Выделяйте одного «героя» с культурным контекстом, если данные это позволяют — это держит внимание.

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

Частые вопросы

Зачем делать цвет текста насыщеннее цвета заливки в инфографике?+

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

Где лучше размещать легенду в инфографике?+

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

Как выделить категорию данных без добавления нового цвета?+

Можно использовать обводку (stroke) или штриховку. Например, серая рамка вокруг фотографии однозначно сигнализирует об особом статусе объекта, не перегружая цветовую схему.

Зачем нужны аннотации на графике, если данные и так видны?+

Аннотации выполняют функцию навигации и сторителлинга: они указывают на нетривиальные закономерности, которые читатель мог бы пропустить, и задают маршрут просмотра инфографики.

9🤩2
Читать оригинал в Telegram
Там можно оставить реакцию и написать комментарий
✈️ Открыть
🥰
Валерия Смирнова
Senior BI-аналитик в Авито · @mozzalerra
Сотрудничество →