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

infographer

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

10 способов сделать Столбиковую диаграмму красивее 4

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

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

1. Сглаживаем углы (качество картинок может быть плохим, т.к. часто это всего-лишь фрагменты работ). Во втором примере они еще и прозрачные с наложением друг на друга

столбиковые диаграммы

2. Делаем столбики наклонными

3. Продлеваем график за границы отведенного ему места. Особенно если хоти сделать акцент на определенном факте.

4. Берем перо\карандаш\фломастер\кисточку и перерисовываем графики рукой.

5. Текст легенды используем вместо заливки графиков

6. Начинаем строить диаграмму горизонтально и только потом вытягиваем ее вверх. Это позволит аккуратно вписать легенду, которая никогда не хочет влезать в пространство под столбиком.

7. Столбики делаем не гомогенно залитой площадью, а составляем из мозаики, кусочков, точек и т.д. Это усиливает ритм. В примере у столбиков еще и разная ширина, но это уже совсем другая история:

8. Заворачиваем в груг, овал, квадрат или чего вам вздумается. Не забывая при этом о читаемости. На эту тему у нас самые частые приперательства — стоит так делать или все же не надо.

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

10. Ваш вариант 🙂 Делитесь, если я чего-то не знаю.

 

мая 10, 2012Ирина Доброва
Статья была интересной?
  • Поделюсь (2)
  • Полезно (15)
  • Бесполезно (6)
  • Банально (2)
Бесплатная книга о журналистике данных и инфографикеReminder! Вторая российская конференция по инфографике!
Главная Книги 10 способов сделать Столбиковую диаграмму красивее
Статья11 г. назад 8 Инструменты, Примеры визуализацииграфики и диаграммы, столбиковая диаграмма, уроки инфографики
facebook-profile-picture
Ирина Доброва

Основатель и идеолог агентства Infographer

Сайт Фейсбук Instagram
  • Илья Колдунов

    приветствую!
    а как сделать хотя бы самый простой из этих вариантов?

    • Irina Dobrova

      Тут уже MS Office бессилен. Illustrator и прочие графические програмки вам в помощь

    • Max Gorbachevskiy

      Вы можете попробовать изучить графику самостоятельно http://infographer.ru/how_to/

  • Login

    Это пиздец. Коэффициент пиздабольства таких графиков закаливает. Вам, блять, информацию наглядно представить или картиночки порисовать?! Тафти на вас нету, дизайнеры хуевы.

    • Zoid

      Артемий?

    • Макс Горбачевский

      Неееее, не Артемий писал, не верю.

      О, буду рад подискутировать!

      1) Чем плох п. 3?
      2) Есть на нас Тафти. Поэтому такие штуки как п. 5 мы не создаём.
      3) Согласно Вики, пиздабол — человек который врёт (http://ru.wiktionary.org/wiki/пиздабол). Мы принципиально против пиздабольства в инфографике — только корректная графическая форма и правильные пропорции. А к дизайну-то в данных случаях почему применено слово «пиздабол»?

    • Макс Горбачевский

      Кстати, как насчёт поговорить о правомерности вытаскивания однопараметрических данных в три оси, для полноты картины разбора ситуации «Столбиковая диаграмма» ?

      [img]http://infographer.ru/wp-content/uploads/2012/05/travel.png[/img]

      • Артем Цацин

        в целом: создавать на 2D носителе типа экрана или бумаги трехмерную картинку, это значит использовать художественные приемы создающие иллюзию объема, что само по себе является обманом восприятия зрителя.
        в часности: http://infogra.ru/hires/2011/10/21/vdsdhMq.jpg
        далеко не каждый наблюдатель может точно оценить объем на глаз, поэтому анализ данной «иллюстрации» Дмитрия Горелышева превращается в сравнение цветных пятен и вот тут начинаются проблемы — мало того что все кубики повернуты разным углом, так еще и длина грани каждого не пропорциональна значению из-за искажений перспективы. предвидя такие проблемы автор дал подсказку в виде процентов изменения величин, но и тут проебланил: дело в том что информацию принято читать сверху вниз, а тут логически важные параметры течения времени расположены графически так что подразумевается чтение данных снизу вверх — от 2010 года к 2011, о чем скромно сообщает легенда расположенная справа, которую не сразу заметно, ибо читать опять же принято слева направо. ну и я пожалуй промолчу про одинаково окрашенные тени, имеющие абсолютно черный неестественный цвет и хуевые типографические приемы, на которые сам Горелышев и напарывается пытаясь втиснуть на кубик Испании 2010 года число 155,0; кому этот ноль вообще нужен?

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

  См. также  
Инструменты, Теория

Простые диаграммы в Excel — дополнительные возможности

В прошлый раз я рассказывал о том, как строить микро-диаграммы в ячейках Excel. На самом деле это ещё не всё, что можно вытворять. 2

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

Рейтинги и их изменение

Две работы, демонстрирующие решение одной задачи - визуализация изменения рейтингов во времени. 0

Книги, Теория

Шрифты в диаграммах от Донны М. Вонг (часть 1)

Продолжаю читать “Guide to Information Graphics. The Do’s & Don’ts of presenting data, facts, and figures” Донны М. Вонг. 0

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

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

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

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

Box & Whisker, Treemap, Sunburst — Новые диаграммы для Office 2016 (Часть 2)

Как мы уже писали, скоро выходит новый Office 2016, и в нем будут новые диаграммы. 1

Инструменты, Примеры визуализации

Диаграмма Sankey — страсть этого сезона

Диаграмма Санкей особенно незаменима когда нужно показать поток - куда он идет и его ширину. 1

Критический взгляд

Что нужно знать о данных человеку, который любит их визуализировать

Визуализация — это инструмент, мощный и действенный. И начинается она с фактов — тщательно отобранных, проверенных и осознанных. 0

Инструменты

Bullet chart в Excel — план-факт как никогда удобен

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

Мы в 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+