Тема: Pie Chart 10
Wie moderne Infografik geschafft wird. Eine Übung im Illustrator
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!
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
Описание урока:
- Программа Adobe Illustrator CS4
- Уровень сложности: средний
- Оценочное время прохождения: 3 часа
- Автор: Jonathan Patterson
Считаем урок интересным, потому что он охватывает ряд инструментов в Иллюстраторе, интересных как для построения инфографики, так и в целом для тех, кто не считает себя способным с закрытыми глазами создать в векторе что угодно.
На примере вот этого изображения описывается процесс работы
И дальше идет подробный экскурс, начиная с создания четырехколоночной сетки, подробно с разбивкой на 6 шагов:
Заголовок и элементы декора (эти шаги научат вас уже работать с прозрачностью и градиентом):
А дальше начинается самая интересная для нас часть — построение диаграмм в Illustrator.
Здесь я сразу сделаю 2 пометки. (1) Если вы хотите прочитать подробную инструкцию по использованию этого инструмента в Иллюстраторе на русском и с описанием всех видов доступных диаграмм, то зайдите сначала на страничку журнала КомпьютерПресс. (2) Мы этот инструмент считаем допотопным и такие задачи решаем еще проще — сначала строим диаграммы в Excel — там в разы больше возможностей для редактирования и видов графиков зашито больше. А потом просто копируем в Illustrator — экспортируются графики в векторе и можно делать с ними все те же манипуляции.
Джонатан демонстрирует нам 3 вида простых графиков — круговую, столбиковую и линейную пошагово.
Прошу заметить что легенда и подписи добавляются вручную и этот шаг легко может содержать в себе ошибки от невнимательности если данных много.
А вот следующий шаг в его уроке считаю самым важным и самым применимым в ежедневной работе — создание графиков из объектов с соблюдением пропорций.
Сначала создали 2 независимых объекта — человечка и график из данных. Наложили их и порезали инструментом Pathfinder. А потом еще ножнички нарисовали для симпатичной легенды.
И дальше — финальная композиция и работа с текстом. Все 40 шагов вы можете подробно изучить на Vector.tutsplus
Изобрели новый вид диаграмм для сравнения плана и факта!
Всю прошлую неделю не было сил написать ни единой строчки в блоге — 4 дня подряд мы проводили тренинг в аналитическом департаменте Интер РАО ЕЭС. Мы очень плодотворно провели время и кажется даже изобрели новый вид графиков в ответ на одно из упражнений!
Упражнение было следующим: У вас есть несколько статей бюджета (например 5) и вам нужно отобразить выполнение плана (отклонение фактического показателя от планового) по каждой из них. При этом, показав вес каждой из категорий в общем результате. И еще чтобы строился в Excel и обновлялся без проблем.
Вообще для сравнения плана с фактом обычно используются спидометры и термометры, но они не показывают размер категорий. Да и 5 спидометров в ряд рисовать странно.
Довольно стандартные варианты решений выглядят так (все основаны на столбиковых диаграммах):
А на тренинге, благодаря участникам, был придуман новый вариант на базе пай-чарта. Величина сектора привычно показывает вес статьи в общем бюджете, а его высота показывает процент выполнения. Соответственно «голубая статья бюджета» у нас является самой большой и перевыполняющей план.
Более того, мы придумали как эту диаграмму построить в Экселе — сделали комбинация Радара и Круговой\пирожковой диаграммы. Много технических дополнительных строк, но диаграмма работает! Продолжить чтение →
Инфо-шутка Лексуса
Лексус неплохо «проехался» по логотипам своих конкурентов. Из Mersedes, Audi и BMW получились отличные круговые диаграммы. Остроумно.
Диаграммы показывают за что вы платите экстра-цену в предложениях этих марок, когда в Lexus это уже включено.
Насилие в семье — для кого-то это норма
Еще раз повторюсь — дальше всех в инфографике и информационном дизайне ушли некоммерческие организации и все те, кто пытается донести до общественности проблемы современного мира.
Разбитое стекло, оно же — Pie Chart. Так авторы хотят показать ужасную статистику — во многих странах женщины считают, что побои мужа — это нормально. В Иордании таких жен 90% !!!
По-моему график даже немного слабоват для такой шокирующей правды о разнице культур…
Оригинал можно найти на сайте Global Health Magazine.
В основе этой визуализации — обычная таблица, не привлекающая внимания и не вызывающая эмоций у зрителя:
таблица с данными до того, как она попала к инфограферам
Как выглядит правильный рацион?
У меня накопилась подборка российских работ по визуализации дневного рациона, диет и всего, что касается правильного питания. В инфографике на эту тему главенствует образ пирамиды. Затем идет круговая диаграмма. Но в целом как-то все однообразно…
Беспомощность Pie Charts
По нескольким сайтам западных коллег прошел наглядный пример того, что круговые диаграммы не всегда хорошо работают.
Глядя, на график, визуально, сможете ли вы отранжировать сегменты по убыванию?
Попробуйте это сделать до того как прочтете ответ.
В коллекцию пирогов
Спасибо Duсki, развеселило. Выкладываю эту глубокомысленную визуализацию Pie-Chart ))
Слабость смысловой и художественной ценности компенсирована юмором!
Кусок семейного пирога
Просто очень мило и очень качественно реализовано.
И ассоциация с пирогом-бюджетом мне нравится.
