Тема: Инструменты 3
Програмное обеспечение, позволяющее визуализировать статистическую информацию. Помощники инфографера. Для того, чтобы визуализировать информацию, не обязательно быть дизайнером. Накопилось уже много всяких разных инструментов от всем известного Excell до специализированных инструментов для журналистов Knightlab. Мы делимся с вами самым интересным в этом разделе. А какие инструменты знаете вы? Делитесь в комментариях к данному разделу. Присылайте письма.
Как делается современная инфографика. Урок в Illustrator
Описание урока:
- Программа Adobe Illustrator CS4
- Уровень сложности: средний
- Оценочное время прохождения: 3 часа
- Автор: Jonathan Patterson
Считаем урок интересным, потому что он охватывает ряд инструментов в Иллюстраторе, интересных как для построения инфографики, так и в целом для тех, кто не считает себя способным с закрытыми глазами создать в векторе что угодно.
На примере вот этого изображения описывается процесс работы
И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:
Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):
А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.
Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.
Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.
Прошу заметить что легенда и подписи добавляются вручную и этот шаг легко может содержать в себе ошибки от невнимательности если данных много.
А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.
Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.
И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus
Изобрели новый вид диаграмм для сравнения плана и факта!
Всю прошлую неделю не было сил написать ни единой строчки в блоге — 4 дня подряд мы проводили тренинг в аналитическом департаменте Интер РАО ЕЭС. Мы очень плодотворно провели время и кажется даже изобрели новый вид графиков в ответ на одно из упражнений!
Упражнение было следующим: У вас есть несколько статей бюджета (например 5) и вам нужно отобразить выполнение плана (отклонение фактического показателя от планового) по каждой из них. При этом, показав вес каждой из категорий в общем результате. И еще чтобы строился в Excel и обновлялся без проблем.
Вообще для сравнения плана с фактом обычно используются спидометры и термометры, но они не показывают размер категорий. Да и 5 спидометров в ряд рисовать странно.
Довольно стандартные варианты решений выглядят так (все основаны на столбиковых диаграммах):
А на тренинге, благодаря участникам, был придуман новый вариант на базе пай-чарта. Величина сектора привычно показывает вес статьи в общем бюджете, а его высота показывает процент выполнения. Соответственно «голубая статья бюджета» у нас является самой большой и перевыполняющей план.
Более того, мы придумали как эту диаграмму построить в Экселе — сделали комбинация Радара и Круговой\пирожковой диаграммы. Много технических дополнительных строк, но диаграмма работает! Продолжить чтение →
Беспомощность Pie Charts
По нескольким сайтам западных коллег прошел наглядный пример того, что круговые диаграммы не всегда хорошо работают.
Глядя, на график, визуально, сможете ли вы отранжировать сегменты по убыванию?
Попробуйте это сделать до того как прочтете ответ.