Medien, oder so. Analyse, Aspekte, Gestaltung als Aufgabe. grafik. werkstatt fakultaet m + i hs offenburg 1 / viele

Transkript

1 Medien, oder so Analyse, Aspekte, Gestaltung als Aufgabe grafik. werkstatt fakultaet m + i hs offenburg 1 / viele

2 Medien oder so (Zitate) und Aktualisierung (Komposita) grafik. werkstatt fakultaet m + i hs offenburg 2 / viele

3 Medien oder so -BWL Medien- -markt -kalkulation -produktion -anbieter -mogul -kunst Interaktive Neue -didaktik -gestaltung -pädagogik Massen Bild- -management -verbund Übertragungs- klassische -bausteine -konzern -macht -bartering -öffentlichkeit -dienstestaatsvertrag Print- visuelle analoge -marketing -informatik Elektronische auditive -technik -kanal -design Online- audiovisuelle digitale -vertreter -gesellschaft -ökonomie Medien -forschung -monopol -konzentration -recht -politik -assets..etc. grafik. werkstatt fakultaet m + i hs offenburg 3 / viele

4 Medien oder so Fragen: Welche Medien kennen Sie? Welche Medien nutzen Sie? Wo nutzen Sie die Medien? Wann nutzen Sie Medien? In welchem Kontext, mit welchem Ziel? Wie nutzen Sie Medien: aktiv oder passiv? Wie nehmen Sie die Inhalte auf? Übung II: Medientagebuch grafik. werkstatt fakultaet m + i hs offenburg 4 / viele

5 Medienkonzeption + ästhetische Qualität Dreigespann Inhalt (wertneutral) Form (Gattungsbegriff) Medien sind Mittler Jeder Inhalt braucht eine Form (Codierung) keine Medium ohne Gestaltung (wertfrei) Inhalt und Form bedingen sich Gestaltung ist Teil der Funktionalität (form follows function) gute Gestaltung erschließt Information immer vorweg: Funktionsbestimmung im Kontext der Kommunikation und Arbeitsabläufe Medium Funktion (wertneutral) grafik. werkstatt fakultaet m + i hs offenburg 5 / viele

6 Mediengestaltung Dreiteilung I Inhalt (wertneutral) Information Dokumentation Werbung Bildung Unterhaltung Funktion (wertneutral) Codierung Medien Kanal Gestaltung Form (Gattungsbegrff) + ästhetische Qualität Codierung (Zeichensystem) Kanal (Ausgabemedium) Gestaltung (formale Mittel) Sprache oder Schrift (Real-) Bild und Grafik KLang und Geräusche Animation + Bewegt-bild Print auditive Medien audiovisuelle Medien neue Medien interaktive Medien Sprache (Wortwahl, Satzbau, Grammatik, Intonation, Modultaion, KLang) Typographie, Satz Farben, Graphik Bildsprache, Komposition, Gestaltungsraster grafik. werkstatt fakultaet m + i hs offenburg 6 / viele

7 Mediengestaltung Dreiteilung II Gestaltung Codierung + ästhetische Qualität Kanal Gestaltung Codierung (Zeichensystem) Kanal (Ausgabemedium) Gestaltung (formale Mittel) Sprache oder Schrift (Real-)Bild und Grafik Klang und Geräusche Animation und Bewegtbild Print auditive Medien audiovisuelle Medien hier: neue Medien interaktive Medien Sprache (Wortwahl, Satzbau, Grammatik, Intonation, Modulation, Klang) Typographie, Satz Farben, Grafik Bildsprache, Komposition, Gestaltungsraster grafik. werkstatt fakultaet m + i hs offenburg 7 / viele

8 Mediengestaltung Vierteilung Information Unterhaltung Werbung Propaganda Sozialisation Inhalt Funktion Form Funktion Kanal Inhalt Information Dokumentation Werbung Bildung Unterhaltung Medien Kanal Print auditive Medien audiovisuelle Medien neue Medien interaktive Medien Gestaltung (Form) Sprache (Wortwahl) Format Gestaltungsraster Typographie Farben, Graphik Bildsprache grafik. werkstatt fakultaet m + i hs offenburg 8 / viele

9 Medienkonzeption Intention Sixpack I Kommunikation Ziel Projektplanung Zieldefinition Zielgruppen Funktion Funktion Inhalt Medien + medienbasierte Kommunikation Management Technik Projektplanung Redaktion Produktion Inhalt und Form Gestaltung mediale Codierung Kreation Kreation Gestaltung ist Teil der Funktionalität. grafik. werkstatt fakultaet m + i hs offenburg 9 / viele

10 Medienkonzeption Sixpack II Information Dokumentation Werbung Bildung Unterhaltung Information Unterhaltung Werbung Propaganda Sozialisation Funktion Sprache (Wortwahl) Format Gestaltungsraster Typographie Farben, Graphik Bildsprache Inhalt Form Inhalt Medium Gestaltung- (Form) Funktion Mediale Codierung Kanal Codierung Kanal Rezeption Schrift Bild und Bewegtbild KLang Musik + Sprache Animation Print auditive Medien audiovisuelle Medien neue Medien interaktive Medien Rezeption Hören Sehen / Zuschauen Sehen + Hören Lesen Interagieren grafik. werkstatt fakultaet m + i hs offenburg 10 / viele

11 Wahrnehmungsgesetze (medienunabhängig) Gesetz von / der Figur und Grund Übersummativität Transponierbarkeit Anmutungsqualitäten Gestaltgesetze (bild- und medienabhängig) Gesetz der Nähe, Ähnlichkeit Geschlossenheit, Prägnanz guten Fortsetzung Erfahrung Format!!! Form (Punkt, Linie, Fläche) Farbe, Helligkeit, Kontrast Struktur, Textur, Größe Position, Richtung Komposition, Proportion Motiv, Anmutung Gleichgewicht, Harmonie Dynamik, Rhythmus formale Gestaltungselemente (lassen sich theoretisch isolieren; als Element medienunabhängig) konkrete Gestaltungselemente (lassen sich theoretisch nicht isolieren; immer medienabhängig) grafik. werkstatt fakultaet m + i hs offenburg 11 / viele

12 Analyse der Medien nach Ausgabemedien (1) Druckerzeugnisse (Print) Audio (Ton) Bildschirmmedien (neue Medien) Bewegtbild Print Nonprint Print Audio Screen Bewegtbild Zeitung, Zeitschrift- Radio, Kassetten, Multimedia-Präsen- Film, Fernsehen Buch, Broschüre, Ka- Schallplatten, CD, tation (offline CD), Video, Videoclips, Wer- lender, KatalogAnzei- MP3, Musik-DVD Internet/Intranet (on- beclips im öffentlichen gen, Plakat, line), CBT/WBT, Touch- Raum, DVD screens, Spiele, Animationen grafik. werkstatt fakultaet m + i hs offenburg 12 / viele

13 Analyse der Medien nach Ausgabemedien (2) Print Statische Medien** Non-Print* Dynamische Medien Druckerzeugnisse Audio Bewegtbild Digitale Medien*** Zeitung, Zeitschrift, Buch, Radio, Schallplatte, Film (in den For- Multimedia-Präsenta- Broschüre, Kalender, Kata- Kassette, Compact maten: 35 mm, tionen (offline von Da- log, Plakat; Standbild (Fo- Disc (CD), digitale 16 mm, 8 mm) tenträger, online über tografie, Abzüge), Grafik Speichermedien für Fernsehen, Video Netzwerke) Inter- und (Ausdrucke) Audiodateien (z. B. (analoge) und DVD Intranet, Computer MP3-Player) (digitale) Datenträ- bzw. Web Based Training ger, Animation (CBT, WBT) grafik. werkstatt fakultaet m + i hs offenburg 13 / viele

14 Die sechs Medienbausteine Text Bild stehendes Kunstbild Text, Schrift stehendes Realbilputergrafik Grafik, Com- Fotografie Audio Ton, Klang, Sprache, Musik, Geräusche, Lärm bewegtes Realbild Film/Video bewegtes Kunstbild Animation/3D, auch Zeichentrick = Medienbausteine bei Printpublikation Text Bild Audio Bild Text Audio = Leitmedium Grafik Bewegtbild Anima-tion Grafik Anima-tion Bewegtbild Übung: Zeichnen Sie sich das Schema links nach und weisen Sie den einzelnen Medien die jeweils passenden Medienbausteine zu. grafik. werkstatt fakultaet m + i hs offenburg 14 / viele

15 Neue Medien - neue Qualitäten? grafik. werkstatt fakultaet m + i hs offenburg 15 / viele

16 Rahmenbedingungen Screen-/Webdesign Die Nutzer sitzen vor PC, Monitor, Tastatur, Maus, Touchscreen Die Nutzer arbeiten am Bildschirm, suchen Informationen Alle Informationen kommen übers Netz (Lade- und Wartezeiten) Alle Informationen werden am Bildschirm angezeigt, Bildschirm ist klein, geringe Auflösung (Smartphone, kleine Tablet) Man sieht nur eine Bildschirmseite Man verliert schnell die Übersicht Angebot ist textlastig (Nav. + Inhalt! + Links) Lesen am Bildschirm ist anstrengend grafik. werkstatt fakultaet m + i hs offenburg 16 / viele

17 Mediengestaltung Print / Screen Print versus Screen-/Webdesign Formatierung (PS, PDF) versus Auszeichnungssprache (HTML, SGL) festes Format versus variable Darstellung (Breite, Höhe, Auflösung) festes Gestaltungsraster versus Browserdarstellung fixe Schriften + Schriftgrößen versus Benutzereinstellung definierte Farben versus Web-(Mac-/Winpalette) Quintessenz: WYSIYG versus Darstellungs-Lotterie grafik. werkstatt fakultaet m + i hs offenburg 17 / viele

18 Planung Management Planung/Steuerung Ziel Intention Inhalt Konzeption Funktion Medienselektion Realisierung Gestaltung (formale Mittel) Codierung (Zeichensystem) Kreation Form (Gattungsbegriff) Redaktion Mediengestaltung Produktion Kanal (Ausgabemedium) Integration ist mehr als Design. intern extern Distribution Übergang: Neue Medien/Web Publikation Rezeption grafik. werkstatt fakultaet m + i hs offenburg 18 / viele