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

infographer

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

Тема: Pie Chart 10

Wie moderne Infografik geschafft wird. Eine Übung im Illustrator

13 г. назад 3 я WerkzeugeDiagramme, pie chart, Theorie des Informationsdesigns, Werkzeuge zur Visualisierung
Beschreibung der Übung:
  • Programm Adobe Illustrator CS4
  • Schwierigkeitsgrad: mittlere
  • Ungefähre Dauer: 3 Stunden
  • Autor: Jonathan Patterson

Wir finden diese Übung interessant, denn man braucht während der Erfüllung von Aufgaben verschiedene Illustrator-Werkzeuge zu verwenden, und das ist wirklich nützlich sowohl für diejenigen, die eigentlich Infografiken schaffen, als auch für diejenigen, die sich nicht für so begabt halten, die Vektorgrafiken mit geschlossenen Augen zu machen.

Der Arbeitsprozess wird am Beispiel dieser Abbildung beschrieben:

как создавать инфографику

Dann wird alles ausführlich erklärt, wie vierspaltiger Raster gemacht werden kann, ausführlich in 6 Schritten:

Titel und Dekorelemente (Sie lernen, was Sie mit der Transparenz- und Verlauf-Werkzeugen tun sollen):

Dann beginnt schon für uns ein sehr interessantester Teil — Erstellen von Diagrammen mit Hilfe des Illustrators.

Ich soll hier aber betonen: (1) Möchten Sie eine ausführlichere Anleitung zu diesem Illustrator-Werkzeug lesen, sowie eine Beschreibung von allen zugänglichen Diagrammen finden, besuchen Sie die Webseite der Zeitschrift ComputerPress. (2) Wir finden aber dieses Werkzeug schon längst überholt, deswegen lösen wir diese Aufgaben viel einfacher: zuerst erstellen wir nötige Diagramme im Excel, denn dieses Programm lässt viel effektiver diese Diagramme bearbeiten, sowie es gibt da viel mehr Diagrammtypen. Später kopieren wir sie einfach in den Illustrator — die Diagramme werden vektorisiert, man kann sie sowieso manipulieren.

Jonathan demonstriert uns schrittweise drei einfache Diagrammtypen: Kreis-, Säulen- und Liniendiagramme.

как делается инфографика

как делается инфографика

Merken Sie bitte auch, dass die Legenden und Unterschriften mit der Hand hinzugefügt werden, deshalb kann man einen Unachtsamkeitsfehler begehen, besonders wenn es zu viele Angaben gibt.

Ich finde ja den nächsten Schritt in dieser Übung am wichtigsten und in der täglichen Arbeit anwendbar. Die Rede ist vom Erstellen der Graphen aus Objekten im richtigen Verhältnis.

Zuerst wurden zwei unabhängige Objekte erstellt — ein Männchen und ein Liniendiagramm. Dann haben wir sie angeordnet, mit Hilfe von Pathfinder geschnitten. Und dann haben wir noch Scherchen angemalt, um das netter zu machen.

Weiter werden die endgültige Komposition, sowie Arbeit an dem Text angeführt. Alle 40 Schritte lernen Sie bei Vector.tutsplus kennen.

Es wurde neuer Diagrammtyp entwickelt, der die planmäßigen Kennziffern mit den faktischen vergleichen lässt!

13 г. назад я Beispiele von Visualisierungen, я Business-Infografik, я Werkzeugedashboard, excel, Netzdiagramm, pie chart

Vorige Woche fehlten uns Kräfte wenigstens eine Zeile in den Blog zu schreiben — 4 Tage lang führten wir ein Training beim Departement für Analytik Inter RAO UES durch. Wir haben sehr produktiv die Zeit verbracht und vielleicht einen neuen Diagrammtyp als Lösung einer Aufgabe erfunden!

Die Aufgabe war folgend: Sie besitzen einige Gewinnposten (z.B. 5) und brauchen zu zeigen, wodurch sich bei jedem Gewinnposten die planmäßigen Kennziffern von faktischen unterscheiden. Dabei soll man jeden Posten im Gesamtergebnis widerspiegeln. Noch ein Punkt dazu: das braucht man im Excel zu erstellen, und die Informationen sollen problemlos aktualisiert werden.

Wenn die planmäßigen und faktischen Kennziffern verglichen werden, verwendet man gewöhnlich Diagramme a la Tachometer und Drehzahlmesser, aber solche Diagramme stellen keine Größe von Kategorien dar. Dazu ist es ja merkwürdig, 5 „Drehzahlmesser“ in einer Linie zu erstellen.

Ziemlich gewöhnliche Varianten sehen so aus (zugrunde wurden Säulendiagramme gelegt):

Während unseres Trainings haben die Teilnehmer eine ganz neue Variante auf Grund pie chart angeboten. Die Größe eines Sektors zeigt die Bedeutung eines Gewinnpostens im Gesamtergebnis, dabei entspricht seine Höhe der Planerfüllung. Also „blauer Gewinnposten“ ist bei uns am größten, d.h. die Gewinnpläne werden übererfüllt.

Außerdem sind wir noch darauf gekommen, wie dieses Diagramm im Excel erstellt werden könnte. Dazu stellten wir die Kreis- und  Netzdiagramme zusammen. Es gibt noch viele nachträgliche technische Details, doch das Diagramm funktioniert! Продолжить чтение →

Как делается современная инфографика. Урок в Illustrator

Статья13 г. назад 5 Инструментыpie chart, графики и диаграммы, инструменты визуализации, теория информационного дизайна, типы диаграмм
как создавать инфографику
Описание урока:
  • Программа Adobe Illustrator CS4
  • Уровень сложности: средний
  • Оценочное время прохождения: 3 часа
  • Автор: Jonathan Patterson

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

На примере вот этого изображения описывается процесс работы

как создавать инфографику

И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:

Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):

А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.

Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.

Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.

как делается инфографика

как делается инфографика

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

А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.

Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.

И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus

Изобрели новый вид диаграмм для сравнения плана и факта!

Статья13 г. назад 95 Инструменты, Примеры визуализации, Теорияdashboard, pie chart, графики и диаграммы, радар-диаграмма, эксель

Всю прошлую неделю не было сил написать ни единой строчки в блоге — 4 дня подряд мы проводили тренинг в аналитическом департаменте Интер РАО ЕЭС. Мы очень плодотворно провели время и кажется даже изобрели новый вид графиков в ответ на одно из упражнений!

Упражнение было следующим: У вас есть несколько статей бюджета (например 5) и вам нужно отобразить выполнение плана (отклонение фактического показателя от планового) по каждой из них. При этом, показав вес каждой из категорий в общем результате. И еще чтобы строился в Excel и обновлялся без проблем.

Вообще для сравнения плана с фактом обычно используются спидометры и термометры, но они не показывают размер категорий. Да и 5 спидометров в ряд рисовать странно.

Довольно стандартные варианты решений выглядят так (все основаны на столбиковых диаграммах):

А на тренинге, благодаря участникам, был придуман новый вариант на базе пай-чарта. Величина сектора привычно показывает вес статьи в общем бюджете, а его высота показывает процент выполнения. Соответственно «голубая статья бюджета» у нас является самой большой и перевыполняющей план.

Более того, мы придумали как эту диаграмму построить в Экселе — сделали комбинация Радара и Круговой\пирожковой диаграммы. Много технических дополнительных строк, но диаграмма работает! Продолжить чтение →

Инфо-шутка Лексуса

Изображение14 г. назад 5 Примеры визуализацииfun, pie chart

Лексус неплохо «проехался» по логотипам своих конкурентов. Из Mersedes, Audi и BMW получились отличные круговые диаграммы. Остроумно.

Диаграммы показывают за что вы платите экстра-цену в предложениях этих марок, когда в Lexus это уже включено.

Насилие в семье — для кого-то это норма

Изображение15 г. назад 4 Примеры визуализацииpie chart, социальная информация

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

Разбитое стекло, оно же — Pie Chart. Так авторы хотят показать ужасную статистику — во многих странах женщины считают, что побои мужа — это нормально. В Иордании таких жен 90% !!!

По-моему график даже немного слабоват для такой шокирующей правды о разнице культур…

Оригинал можно найти на сайте Global Health Magazine.

В основе этой визуализации — обычная таблица, не привлекающая внимания и не вызывающая эмоций у зрителя:

таблица с данными до того, как она попала к инфограферам

таблица с данными до того, как она попала к инфограферам

Как выглядит правильный рацион?

Изображение15 г. назад 2 Примеры визуализацииpie chart, российская инфографика, социальная информация

У меня накопилась подборка российских работ по визуализации дневного рациона, диет и всего, что касается правильного питания. В инфографике на эту тему главенствует образ пирамиды. Затем идет круговая диаграмма. Но в целом как-то все однообразно…

menu-strucuture3 Продолжить чтение →

Беспомощность Pie Charts

Статья15 г. назад 7 Инструментыpie chart, международный опыт, столбиковая диаграмма/bar chart, типы диаграмм

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

Глядя, на график, визуально, сможете ли вы отранжировать сегменты по убыванию?

generic_pie_chart

Попробуйте это сделать до того как прочтете ответ.

Продолжить чтение →

В коллекцию пирогов

Изображение16 г. назад 1 Примеры визуализацииfun, pie chart

Спасибо Duсki, развеселило. Выкладываю эту глубокомысленную визуализацию Pie-Chart ))

Слабость смысловой и художественной ценности компенсирована юмором!

02-03c

Кусок семейного пирога

Изображение16 г. назад 1 Примеры визуализацииpie chart

Просто очень мило и очень качественно реализовано.

И ассоциация с пирогом-бюджетом мне нравится.

Взято с The New Your Times

24medium-600

Темы раздела
я Werkzeuge 2я Beispiele von Visualisierungen 1я Business-Infografik 1Инструменты 3Примеры визуализации 6Теория 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+