Markus Schröppel

Infographic


»Informationsdesign«

Unterricht ⋅ lectures

Impressum





Dieser Kurs ist gestartet am:
5. Oktober 2023 · 14:15 - 17:30 Grp. F5 PW Infographik im Raum t.b.a.


workshop



 Wir werden diesen Kurs auf Wunsch auch im Modus »Hybrid« anbieten:

        Raum Zoom 17k: Meeting-ID 647-328-2675 · URL https://zoom.us/j/6473282675






Seminarbeschreibung:

Heute werden Grafiken überall dort eingesetzt, um dem hohen Informationsbedarf sehr schnell zu kommunizieren. In diesem Kurs werden wir die Entwicklung der visuellen Kommunikation mit Bildzeichen von Comenius über Neurath, Ota und Aicher erforschen um mit diesem Rüstzeug eine eigene visuellen Sprache zu entwickeln. In diesem Modul werden die Teilnehmer selbst Informationsgrafik nutzen im ihr eigenes Storytelling zu entwickeln.

Aufgabe:Der Fokus der Arbeit eines*r Infografik-Designers*in ist die Erklärung komplizierter Prozesse und Abläufe. Ihre Aufgabe ist es, eine existente Historie (klassische Tragödie; Film; ...) visuell zu erzählen. Entwickeln Sie Infografiken aus bestehenden Geschichten in neuem Blickwinkel und präsentieren diese zur Semesterausstellung. Recherchieren Sie, sammeln Sie alle Informationen über die Geschichte, die Sie benötigen, und entwerfen Sie mithilfe von Skizzen Ihr Endergebnis.
        (Format der Präsentation t.b.a.)

Beachten Sie, dass dies ein sehr zeitaufwändiges Projekt werden könnte.

Zwischenpräsentation Ihrer Ideen: 21. Dezember 2023 (zeigt Ihre Zwischenschritte bei der Entwicklung Ihrer Icons, Farbpalette, Schriftart, Bilder {Ihr Styleguide}). Gerne höre ich mir Ihre Vorschläge an und bespreche diese mit Ihnen.



Finale Größe der Banner als download:

Formatvorlage: »Ausstellungsplakat«: 610 x 1500 mm       Vorlage      PDF; download
Adobe-Illustrator-Vorlage: »Ausstellungsplakat«: 610 x 1500 mm       Vorlage      Adobe Illustrator; download

     

Font für »Banner«
      Avenir Next Pro      ZIP; download




Links zur F5 Projektwerkstatt: »Infographik«:

Linklist zu unserer Vorlesung am 5. Okt.: »ISOTYPE und die Visuelle Erziehung«

Linklist zu unserer Vorlesung am 12. Okt.: »Envisioning Information«

Linklist zu unserer Vorlesung am 19. Okt.: »Visual Explanation«

Linklist zu unserer Vorlesung am 26. Okt.: »Designing Visualization of Data«

Linklist zu unserer Vorlesung am 2. Nov.: »Designing Visualization of Data« · »Society of News Design«

Linklist zu unserer Vorlesung am 9. Nov.: »Perspektive«

Ergänzend zu unserer Vorlesung vom 16. Nov.:
      ›Transport of meaning‹: »Arts-Based Research«; Jan Jagodzinski · Jason Wallin
      University of Alberta, Canada     PDF Download

Ergänzend zu unserer Vorlesung vom 16. Nov.:
      ›Transport of meaning‹: »Humanscale«; Henry Dreyfuss Associates
      IA Collaborative Holdings, LLC     Webseite


Ergänzend zu unserer Vorlesung vom 23. Nov.:
      ›Cluster & Dataclouds‹: »data visualization«; Moritz Stefaner
     Webseite

Ergänzend zu unserer Vorlesung vom 23. Nov.:
      ›Cluster & Dataclouds‹: Moritz Stefaner about information aesthetics, interactive visualization ...
     Webseite

Ergänzend zu unserer Vorlesung vom 23. Nov.:
      ›Periodic Table of Data Visualizations‹
      mcm institute, St. Gallen CH     Webseite


Ergänzend zu unserer Vorlesung vom 7. Dez.: ›Infographic interest worldwide‹
      Google Trends     Webseite

Ergänzend zu unserer Vorlesung vom 7. Dez.: ›Infographic · data visualization · information graphics‹
      Google Ngramm Suchbegriffe     Webseite


Ergänzend zu unserer Vorlesung vom 14. Dez.: ›Best Practise infographic‹: Einige Tipps der Profis
      Venngage Inc.; Toronto (CAN)     Webseite








Literatur

Byrne, David: »Learning to Love PowerPoint«  wired.com, CondeNet, Inc.; New York, NY 10036
 online

Friendly, Michael; Denis, Daniel J.:
 ›Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization‹;
 Department of Mathematics and Statistics, York University, Toronto, Ontario (CAN)
 PDF

Harris, Robert L.: ›Information Graphics: A Comprehensive Illustrated Reference‹; the book,  ISBN-13: 978-0195135329
 online

Lester, P. M. (2006): ›Syntactic Theory of Visual Communication‹;
 Department of Communications; California State University at Fullerton, California (USA)
 html

Marieb, E. N. & Hoehn, K. (2007). ›Human Anatomy & Physiology.‹;  Benjamin-Cummings Publishing Company
 -> Universitäts- und Stadtbibliothek Köln
Pettersson, Rune Ph.D.: ›It Depends: Information Design ? Principles and Guidelines‹;  ISBN: 91-85334-24-3
 free download

Rojas, Francisca M. (Ed): ›new york talk exchange‹; the book,;  ISBN 978 0 09794774 1 6
 MoMA Design and Book Store, free download

Tanner, W. P., Jr. and Swets, J. A.: »The evidence for a decision-making theory of visual detection«
 Psychological Review, 61, 401-409. Teller, D.Y. (1955)
 download

Tufte, Edward R.: ›The cognitive style of PowerPoint‹;  ISBN: 0-961392150
  HMKW Bibliothek
Tufte, Edward R.: ›Envisioning information‹;  ISBN: 0-961392118
  HMKW Bibliothek
Tufte, Edward R.: ›The visual display of quantitative information‹;  ISBN: 0-9613921-4-2
  HMKW Bibliothek
Tufte, Edward R.: ›Visual explanations : images and quantities, evidence and narrative‹;  ISBN: 0-961392126
  HMKW Bibliothek
Zacks, J., Levy, E., Tversky, B., Schiano, D. (2002). ›Graphs in Print‹;
  In: Anderson, M., Meyer, B., Olivier, P. (eds) Diagrammatic Representation and Reasoning. Springer, London.
 PDF; Artikel





Note: The information contained in this page may be privileged and confidential and protected from disclosure.
If you are not the intended recipient, or responsible for delivering this message to the intended recipient,
you are hereby notified that any dissemination, distribution or copying of this information is strictly prohibited.
If you have opened this page in error, please notify us immediately.



Fragen zu den Aufgaben?