• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Примеры визуализации, Теория

Выбирай серый – не ошибешься! 3

0
Comments
Linkedin
3
ВКонтакте
0
Pocket

Подбор цветов в инфографике — непростая задача. Тут как нигде в графическом дизайне важно, чтобы информация считывалась заданным, а не произвольным образом. Мысли «о красоте» в инфографике — последний этап, о котором стоит задуматься уже после того, как основная работа закончена.

С точки зрения функциональности, самый многогранный цвет — серый. Оставим за кадром рассуждения, о том является ли он цветом, и рассмотрим примеры.

Акцент

В графике Моритца Стафанера (автора проекта Truth and Beauty) о соотношении продолжительности жизни и уровня рождаемости акцент сделан на паттернах, характерных для США и Вьетнама. Этот эффект достигается благодаря четкому разделению на цвет (зеленый, фиолетовый) и не-цвет (серый).

Reindeer chart

Точка отсчета

В bullet graph Стефана Фью три оттенка серого использованы, чтобы дать почву для интерпретации. Черная шкала — шкала количественных значений. А три оттенка серого отражают качественные уровни (хороший, плохой, средний) и помогают интерпретировать эти значения.

Bullet Graph

Расположение

В научной иллюстрации Браена Кристи изображение сердца притягивает внимание благодаря цвету, а серая, напоминающая рентген грудная клетка отображает расположение сердца. Она не привлекает к себе излишнего внимания и не перегружает изображение.

Scientific illustration

Контекст

В линейном графике Мартена Ламбрехта отражена история сезонного варьирования температуры. Использование серого дает тут сразу три преимущества.

  1. Контрастная черная линия на фоне остальных светло серых дает фокус внимания на данных одного года.
  2. Серые линии показывают контекст — соотношение выделенных показателей с показателями за другие годы.
  3. Использование одного нейтрального цвета позволяет увидеть картину целиком — например, паттерн, в который складываются показатели в зависимости от сезона.

 

Multi-line chart

Визуальная организация

В дэшборде Welovroi серый фон использован для визуальной организации информации. Он разделяет смысловые блоки без кричащих бэкграундов или отвлекающих внимание границ.

Dashboard

Отображение невыделенной информации

В интерактивной схеме энергетических потоков Кристиана Беренса и компании Рориф серый отображает опции, которые не выбранны в данный момент, сохраняя их видимость.

interactive

Заместитель неизвестного

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

Placeholder for null

Перевод с англ. «Make Grey your best friend» by Andy Kirk

Фев 27, 2015Мария Голованова
Статья была интересной?
  • Поделюсь (0)
  • Полезно (2)
  • Бесполезно (0)
  • Банально (0)
Стоит посмотреть: Everything You Never Knew You Needed to KnowСамуэль Веласко: еще раз о слове «инфографика»
Главная Книги Выбирай серый – не ошибешься!
Статья10 г. назад Примеры визуализации, Теориявизуальное мышление, инструменты визуализации, правила визуализации, уроки, цвета, Энди Кирк
facebook-profile-picture
Мария Голованова
  См. также  
События

Визуально мыслящие — семинар в Англии в июне 2012

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

Колонка со-авторов, Теория

В чем разница между дэшбордом и отчетом?

Я много лет занимаюсь внедрением систем корпоративной отчетности и аналитики (BI-системы). 1

Инструменты

Prezi — начинаю работать

Один из выходных провела за переводом своей презентации из Power Point в Prezi. 1

Критический взгляд, Примеры визуализации, Теория

Роберт Косара: Зачем иллюстрировать цифры

Данные можно представлять графически, для того чтобы показать их сложную взаимосвязь или доказать какое-либо умозаключение. 1

Инструменты, Теория

Подборки: презентации

Начинаем новую рубрику. 0

Инструменты

Как работает тостер

Представляю вашему вниманию небольшое упражнение, которое используется на тренингах по развитию визуального мышления. 0

События

LEGO Serious Play. Воркшоп по созданию бизнеса, стратегии и решению управленческих проблем

Lego Serious workshop Учит выявлять новые идеи, совершенствовать проекты, находить скрытые возможности, создавать творческие команды, умеющие... 2

События

Вебинар от Tableau и Andy Kirk

Совсем недавно вышла книга гуру визуализации Энди Кирка — Data Visualisation: A Handbook for Data Driven Design. 0

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+