• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

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

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

0
Comments
0
GooglePlus
0
Facebook
0
Twitter
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Самуэль Веласко: еще раз о слове «инфографика»
Главная Книги Выбирай серый – не ошибешься!
Статья5 г. назад Примеры визуализации, Теориявизуальное мышление, инструменты визуализации, правила визуализации, уроки, цвета, Энди Кирк
facebook-profile-picture
Мария Голованова
  См. также  
Теория

Плотность данных

Бывает «ненасыщенная» инфографика, в которой визуализация построена вокруг одной – двух цифр. 1

Книги

Возвращение салфетки

Второй вечер не могу оторваться от книги «The back of the napkin» by Dan Roam. Спасибо Максиму Горчакову за рекомендацию! 0

Теория

Читая Тафти. Слабый уровень визуализации в современной прессе

Эдвард Тафти, анализируя графический материал, появлявшийся в газетах и журналах по всему миру в 70х-80х годах, делает вывод, что способ... 0

Примеры визуализации

Тысячи способов визуализировать научные данные

Благодаря Чартомойке наткнулись на качественно систематизированный клондайк по визуализации научных данных. 2

Теория

Визуальное мышление на службе Бизнеса. Наш новый ресурс BusinessGrapher.

Сделав несколько проектов в этой области, мы решили выделить его в отдельное направление, более ориентированное на менеджеров и бизнес среду. 2

События, Теория

Инфографика и юристы

Мы встретили Маргарет Хаган на Infographics Conference 2017 в голландском городе Зейст этой весной и впечатлились ее идеей сделать законы и... 0

Примеры визуализации

Круг эмоций Плутчика, эмоджи и атлас эмоций Далай-ламы

Роберт Плутчик создал колесо эмоций, RJ Andrews (автор Info we trust) развеселил колесо, добавив эмоджи, ну а мы всю эту красоту перевели. 0

Теория

Как рисовать иллюстрированные карты (Часть 2)

Помните советы о том, как рисовать иллюстрированные карты от Ливи Гослинга и журнала Digital Arts? Мы подготовили для вас еще одну порцию. 0

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

Unable to display Facebook posts.
Show error

Error: Error validating application. Application has been deleted.
Type: OAuthException
Code: 190
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

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

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

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

Имейл: mg@infographer.ru

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