1 Autor: Ruth SattlerRuth Sattler Gegenstand Jahrgang Thema Unterrichtende Bildnerische Erziehung /...

Post on 06-Apr-2015

107 views 0 download

Transcript of 1 Autor: Ruth SattlerRuth Sattler Gegenstand Jahrgang Thema Unterrichtende Bildnerische Erziehung /...

1Autor: Ruth Sattler

Gegenstand

Jahrgang

Thema

Unterrichtende

Bildnerische Erziehung / Entwurf

AHS 7. Klasse / HAK 4. Jahrgang

Kommunikation

Ruth Sattler

Kommunikation am Beispiel von Websites

2Autor: Ruth Sattler

Was ist Kommunikation

Vortrag Zell/See3. und 4. Dezember 2003

Teil 1: Was ist Kommunikation

Teil 2: Trends

Teil 3: Websites als Ausdruck moderner Kommunikation

Jeder Teil besteht aus einem kurzen Vortragund einer Aktivphase für die Zuhörenden

3Autor: Ruth Sattler

Was ist Kommunikation

Teil 1: Was ist Kommunikation

Vortrag:Definition des WortesVerbale und non-verbale KommunikationBeispiel

Aktivphase …

4Autor: Ruth Sattler

Was ist Kommunikation

Lexikon: [Kommunikation, die]Mitteilung, Verständigung

Philosophie: Bezeichnung für die wesenhafte zwischenmenschliche Begegnung

5Autor: Ruth Sattler

Was ist Kommunikation

Verbale und non-verbale Kommunikation

6Autor: Ruth Sattler

Was ist Kommunikation

verbal

Verbale Kommunikation

• Selbstoffenbarung• Sachinhalt• Beziehung• Appell

7Autor: Ruth Sattler

Was ist Kommunikation

verbal„Du, da vorne ist es grün!“

• Appell• Gib Gas!

• Beziehung• Du brauchst meine

Hilfe.

• Sachinhalt• Die Ampel zeigt

grün.

• Selbstoffenbarung• Ich habe es

eilig.

8Autor: Ruth Sattler

Was ist Kommunikation

Wer – Wem – WasKommunikationsmodell

• Sender (A)

• Empfänger (B)

• Kanal

„Wichtig ist nicht was A sagt,

wichtig ist, was B versteht.“

(Paul Watzlawick)

9Autor: Ruth Sattler

Was ist Kommunikation

non-verbal 70% der Information wird nonverbal vermittelt

"Wer Augen hat zu sehen und Ohren hat zu hören, überzeugt sich, dass die Sterblichen kein Geheimnis verbergen können.

Wessen Lippen schweigen, der schwätzt mit den Fingerspitzen; aus allen Poren dringt Verrat."

(S. Freud, 1905)

10Autor: Ruth Sattler

Was ist Kommunikation

non-verbal Der Mensch als multimedialer Sender

Paul Watzlawick: „Man kann in zwischenmenschlichen Situationen nicht nicht kommunizieren.

Das heißt, dass alles Verhalten, das im Kontakt mit einem anderen gezeigt wird, Mitteilungscharakter hat.

11Autor: Ruth Sattler

Was ist Kommunikation

non-verbal Meilensteine der Kommunikation

12Autor: Ruth Sattler

Was ist Kommunikation

non-verbal

Codex Hammurabi (Hammurapi)

Hammurabi - König von Babylon 1728-1686 v. Chr.

Meilensteine der Kommunikation

13Autor: Ruth Sattler

Was ist Kommunikation

non-verbal

GutenbergUm 1400 als Johannes

Gensfleisch in Mainz im Hof zum Gutenberg geboren.

Grundgedanke der Erfindung Gutenbergs war die Zerlegung

des Textes in alle Einzelelemente wie Klein- und

Großbuchstaben …

Meilensteine der Kommunikation

14Autor: Ruth Sattler

Was ist Kommunikation

non-verbal

Die erste e-Mail

Meilensteine der Kommunikation

Ray Tomlinson, Computertechniker bei der mit dem Aufbau des ARPAnets befassten Firma BBN, darf sich ohne falsche Bescheidenheit als Erfinder der weltweiten digitalen Kommunikation bezeichnen.

Er war es, der im Jahr 1971 die allererste E-Mail verschickte. An deren Inhalt erinnert sich Tomlinson auch noch: "QWERTYUIOP. Oder so ähnlich."

15Autor: Ruth Sattler

Was ist KommunikationLiteraturempfehlungen

Paul Watzlawick, Janet H. Beavin, Don D. Jackson,

Menschliche Kommunikation

Josef W. Seifert,Visualisieren, Präsentieren,

Moderieren

16Autor: Ruth Sattler

Teil 1: Was ist Kommunikation

Aktivphase …

1. Überlegen Sie sich 2 weitere „Meilensteine der Kommunikation“ aus Geschichte oder Neuzeit, finden Sie dazu Informationen (mind. jeweils 1 URL und 2-3 Sätze zur Erklärung).

2. Suchen Sie 2 Personen, die ein wichtiges Zitat zum Thema „Kommunikation“ hinterlassen haben (Geschichte, Wissenschaft, Psychologie, Philosophie).

Was ist Kommunikation

17Autor: Ruth Sattler

18Autor: Ruth Sattler

Teil 2: Trends

Vortrag:Was kommuniziert unser Outfit (Beispiele)Zielgruppe(n)Ein paar Tipps zur Gestaltung

Aktivphase …

Trends

Beispiele

19Autor: Ruth Sattler

Trend: MatrixTrends

Beispiele

20Autor: Ruth Sattler

Trends

Beispiele

21Autor: Ruth Sattler

Trends

Beispiele

22Autor: Ruth Sattler

Trends

Beispiele

23Autor: Ruth Sattler

Trends

Beispiele

24Autor: Ruth Sattler

Trends

Beispiele

25Autor: Ruth Sattler

Trends

Beispiele

26Autor: Ruth Sattler

Trends

Trendsetter Philippe Starck

27Autor: Ruth Sattler

Trends

Trendsetter David R. Carson

28Autor: Ruth Sattler

Trends

Trendsetter Karl Lagerfeld

29Autor: Ruth Sattler

Gute Gestaltung ist wie gutes Outfit – sie muss angemessen sein und zu uns / unserer Zielgruppe passen!

Trends

Gestaltung

30Autor: Ruth Sattler

Einstellen auf Zielgruppen

Trends

Gestaltung

31Autor: Ruth Sattler

Zielgruppe, die

nach bestimmten Kriterien ausgesuchte Gruppe, an die sich eine Werbebotschaft oder ein Programm richten soll.

Die Auswahl der richtigen Zielgruppe kann für den Erfolg der Maßnahme von entscheidender Bedeutung sein.

Trends

Gestaltung

32Autor: Ruth Sattler

Trends

Gestaltung

33Autor: Ruth Sattler

Tipps zur GestaltungFarben

Trends

Gestaltung

34Autor: Ruth Sattler

Farbe, die

ein Hauptausdrucksmittel der künstlerischen Gestaltung. Nach künstlerischen Gesichtspunkten unterscheidet man warme, gebrochene, kalte und Komplementärfarben.

Trends

GestaltungFarben

35Autor: Ruth Sattler

Farbempfinden ist abhängig von • kulturellem Hintergrund• Wohlbefinden• Tageszeit• Sensibilität

Trends

GestaltungFarben

36Autor: Ruth Sattler

Farbempfinden Geschmack (süß, bitter, sauer, salzig)

Geruch (wohlriechend, herb, scharf, usw.)

Beschaffenheit (fest, flüssig, pulverförmig, hart, weich)

Gewicht (leicht, schwer, schwebend, usw.)

Temperatur (warm, kalt, heiß)

Klang (hell, laut, tief, leise, dumpf, usw.)

Form (rund, dreieckig, breit, schmal, usw.)

Größe (klein, groß, formatsprengend)

Trends

GestaltungFarben

37Autor: Ruth Sattler

Trends

GestaltungFarben

Farbwelten

38Autor: Ruth Sattler

www.mos.org/Everest/home.htm

Trends

GestaltungFarben

39Autor: Ruth Sattler

40Autor: Ruth Sattler

41Autor: Ruth Sattler

www.thematrix.com

Trends

GestaltungFarben

42Autor: Ruth Sattler

43Autor: Ruth Sattler

44Autor: Ruth Sattler

Tipps zur GestaltungSchriften

Trends

Gestaltung

45Autor: Ruth Sattler

Trends

GestaltungSchriften

Es gibt tausende verschiedene Schriften …

46Autor: Ruth Sattler

Trends

GestaltungSchriften

Jede hat einen Erfinder …

47Autor: Ruth Sattler

Trends

GestaltungSchriften

… und jede hat ihre eigene Anmutung …

48Autor: Ruth Sattler

Tipps zur GestaltungNavigation und Platzierung

Trends

Gestaltung

49Autor: Ruth Sattler

Navigation

• Hierarchisch• Parallel• Intuitiv

Trends

Gestaltung

50Autor: Ruth Sattler

Platzierung:Nur EINE wirklich wichtige Information hervorheben!

Trends

Gestaltung

51Autor: Ruth Sattler

Trends

GestaltungPlatzierung und Navigation

www.sixsides.com

52Autor: Ruth Sattler

53Autor: Ruth Sattler

54Autor: Ruth Sattler

www.roxx.com

Trends

GestaltungPlatzierung und Navigation

55Autor: Ruth Sattler

56Autor: Ruth Sattler

57Autor: Ruth Sattler

Tipps zur GestaltungBilder

Trends

Gestaltung

58Autor: Ruth Sattler

Das eigene Bild macht am meisten Freude:

• Ich habe etwas zu sagen• keine Probleme mit Copyright• die Nutzungsrechte gehören mir• fotografieren kann ich ja noch lernen

Trends

GestaltungBilder

59Autor: Ruth Sattler

Der Scanner als Bildmacher …Trends

GestaltungBilder

60Autor: Ruth Sattler

Für das Internet gut genug …Trends

GestaltungBilder

61Autor: Ruth Sattler

..... bildwesentliche Teile herausheben,Mut zum Weglassen....

Trends

GestaltungBilder

62Autor: Ruth Sattler

.....bildwesentliche Teile herausheben,Mut zum Weglassen....

Trends

GestaltungBilder

63Autor: Ruth Sattler

TrendsLiteraturempfehlungen

David Carson, Lewis Blackwell,The End of Print

Philippe Starck,Starck

64Autor: Ruth Sattler

Teil 2: Trend

Aktivphase …

1. Wer ist für Sie heute Trendsetter (Designer, Mode, Film, Zeitschrift, Magazin, Fernsehsender, Jugendkultur)? Wählen Sie 2 URLs und begründen Sie Ihre Wahl in 1-2 Sätzen.

2. Trends von früher: fällt Ihnen ein vergangener, veralteter oder neu aufgegriffener Trend ein? Finden Sie 2 Beispiele (1-2 Sätze und Bildmaterial).

Trends

65Autor: Ruth Sattler

66Autor: Ruth Sattler

Teil 3: Websites

Vortrag:Visuelle QualitätTechnikBeispiele

Aktivphase …

Websites

67Autor: Ruth Sattler

Websites

Visuelle Qualität

• Technik

• Idee

• Gestaltung

„Nur wenn alle Faktoren ihren Anteil daran haben, gibt es gute Ergebnisse.“

(Dr. Peter Bauer)

68Autor: Ruth Sattler

zur.... Technik

• Recherche

• Analyse

• Strategie

• Konzeption

• Produktion

• Erfolgskontrolle

Websites

69Autor: Ruth Sattler

zur.... Idee

„Wer etwas vor sich sieht, aber nichts in sich sieht, der soll es lassen.

Wer etwas in sich sieht, aber nichts vor sich sieht, der sollte es machen .“

(Caspar David Friedrich)

Websites

70Autor: Ruth Sattler

zur.... Gestaltung

„Vollkommenheit entsteht offensichtlich nicht dann, wenn man nichts mehr hinzuzufügen hat, sondern wenn man nichts mehr wegnehmen kann.“

(Antoine de Saint-Exupéry)

Websites

71Autor: Ruth Sattler

Design-Kategorie:Farbe

Kunde:Los Angeles Country

Arts Commission

Branche:Veranstaltungs-

organisationFörderung von Kunst

Technik:html, Navigation

durch Farbe

Zielgruppe:Kunstinteressierte Bewohner von LA

www.lacountryarts.org

72Autor: Ruth Sattler

73Autor: Ruth Sattler

74Autor: Ruth Sattler

Design-Kategorie:Hintergrundbilder

Kunde:Designer

Branche:Werbung und Marketing

Technik:Hintergrundbilder

Zielgruppe:Werbeagenturen

www.donbarnett.com /moonflower

75Autor: Ruth Sattler

76Autor: Ruth Sattler

77Autor: Ruth Sattler

Design-Kategorie:Frames

Kunde:Lynda und William

Weinman

Branche:Webdesign, Grafik

Technik:html, Frames

Zielgruppe:Webdesigner, Grafiker

htmlbook.com

78Autor: Ruth Sattler

79Autor: Ruth Sattler

80Autor: Ruth Sattler

Design-Kategorie:Rollovers

Kunde:Webmonsters

Branche:Provider, Webagentur

Technik:Rollover-Navigation, html

Zielgruppe:Unternehmen im Web

www.webmonster.net

81Autor: Ruth Sattler

82Autor: Ruth Sattler

83Autor: Ruth Sattler

Design-Kategorie:Navigation

Kunde:Monkeymedia

Branche:Multimedia-Agentur

Technik:Flash

Zielgruppe:Unternehmen, die einen interaktiven Multimedia-

Auftritt suchen

www.monkeymedia.com

84Autor: Ruth Sattler

85Autor: Ruth Sattler

86Autor: Ruth Sattler

WebsitesLiteraturempfehlungen

Hans Peter Willberg, Friedrich Forssman

Erste Hilfe Typografie

Hans Peter WillbergWegweiser Schrift

87Autor: Ruth Sattler

WebsitesLiteraturempfehlungen

Lynda Weinman, Jon Warren Lentz

Webdesign der Profis

Lynda Weinman,WebDesign

88Autor: Ruth Sattler

Websites

Teil 3: Websites

Aktivphase …

Analysieren Sie eine Website (URL wird vorgegeben) nach folgenden Kategorien:

1. Autor / Verfasser / Anbieter (Wer)2. Zielgruppe (Wem)3. Botschaft, Zweck (Was)4. Gestaltung, Technik (Wie)Farbe, Hintergrundbilder, Frames, Rollovers, Einfachheit, Animation,

Typografie, Illustration, Fotografie, …

89Autor: Ruth Sattler

Content Repository:

Präsentation et/BE/03/pp 027

Manus et/BE/03/ma 027

Briefing et/BE/03/br 027

Eine Initiative des bm:bwk im Rahmen der Contententwicklung für Laptopklassen

Ende

Copyrighthinweis: Bilder und Informationen dieses Vortrags wurden teilweise externen Websites entnommen, die alle von dieser Präsentation aus erreichbar sind. Das vorliegende Material darf ausschließlich zu Unterrichtszwecken eingesetzt werden. Kommerzielle Nutzung ist untersagt. Die verlinkten Sites sind Eigentum der Urheber und z.T. eingetragene Marken. Die Literatur ist über www.amazon.de zu beziehen.