Text-/Bild-Kombination

Ähnliche Dokumente
In drei Sekunden zur Botschaft

Gestaltgesetze der Wahrnehmung. DI (FH) Dr. Alexander Berzler

ARBEITSBLATT Wozu gibt es Vermarktung?

Visual Flow: So wird Ihre Werbung zum Blickfänger 3 bewährte Tipps und einfache Tricks zur visuellen Gestaltung

Interesse steuert die Wahrnehmung. Kommunikation gibt Informationen weiter.

Das Analysemodell für Werbeanzeigen. Ein Referat von: Anna-Lena Schomburg & Bianca Becher

Untersucht die Werbeanzeige, die ihr euch. ausgesucht habt, und klärt dabei folgende Fragen: - Wofür macht diese Anzeige Werbung?

Typografie Farbgestaltung Schreiben fürs Web

Bildkomposition Lehrerinformation

KP Informationsvisualisierung (INF - B490) Workshop Layout. Mi, 16 Mai 2012 / INF E051. Dipl. Medieninf. Esther Lapcznya Dipl-arch.

Kreation. Prinzipien der guten Plakatgestaltung. basierend auf einer Auswertung von ca. 120 beliebigen CLP und Großflächenplakaten mit VISATT*

Optimierte Plakatwerbung

Medienauswahl, Mediengestaltung und Medieneinsatz Dr. Tobina Brinker Arbeitsstelle für Hochschuldidaktik der Fachhochschule Bielefeld

Gestaltgesetze Figur-Grund-Beziehung

Marketing Service Portal. Website-Navigation Tip Sheet

Zwanzig Regeln für gutes Design

Bewertung des Forschungsprojektes (Poster und mündlicher Vortrag)

In drei Sekunden zur Botschaft

Bewertung des Forschungsprojektes (Poster und mündlicher Vortrag)

Einheit 2. Wahrnehmung


Kreationsleitfaden zur Gestaltung von Plakaten

Fotografieren mit der Digitalkamera

STYLEGUIDE. der Österreichischen Segel-Bundesliga

Clever kommunizieren das Potenzial visueller Kommunikation nutzen

Das Referat im Fremdsprachenunterricht

MO-ME-N-T MOderní MEtody s Novými Technologiemi CZ.1.07/1.5.00/

CORPORATE DESIGN UND MARKEN GRUNDLAGEN

Leitfaden. zur Erstellung eines. Plakats. Berufliche Schule der Hansestadt Stralsund. (Stand 2011)

Tipps zur Gestaltung von Plakaten am PoS und im PoS-Umfeld. IKAO Institut für Kommunikations-Analyse und -Optimierung

Seite 1 von Kognition 1 Gestalt und grafische Gestaltung für GUIs

Präsentationstechniken. [ Präsentationstechniken]

Wissensvermittlung. Steffen-Peter Ballstaedt. PsychologieVerlagsUnion. Die Gestaltung von Lernmaterial

KP Ludwig John. Layout + Gestaltwahrnehmung

KÜNSTLER: ROLF BÖKEMEIER // TITEL: BLUMEN SCHWARZWEIß BILDBEWERTUNG. Bewertet von Georg Banek

Webdesigner und die Geschwindigkeit mobiler Seiten

2. Theoretische Fundierung der Medienwirtschaft

Typografie_Mikrotypografie Lesen und Lesbarkeit. Michael Wörgötter

Überblick Designtheorie Web Web-Design

Checkliste zur Bewertung von Online-Informationsprodukten für die Zertifizierung zum Technischen Redakteur (tekom)

Sie erstellen individuelle Sicherheitszeichen! Werden diese auch sicher erkannt?

Corporate Design der FF NRW. Stand Mai 2017

Friedensreich Hundertwasser Das Hundertwasserhaus

Inhalt. 1 Der Flyer: Konzeptionsphase. 2 Der Flyer: Gestaltungsphase. TEIL I Der Flyer. Inhalt. Vorwort Einleitung... 15

Visuelle Ausstattung von. Reproduktion von. Grafische Arbeiten. Outdoor-Signing Fassaden 4 XXL-Print 6 Leitsysteme Outdoor 8 Specials 10 Garten 11

1-1. Wolfgang Flachmann

STADT HOF. Die Hofer Bilderwelt Styleguide Fotografie und Fotoshooting

WEYHOVEN [_KONZEPT UND GESTALTUNG_]

Text und Bildgestaltung beim elearning Vermeidung von Cognitive Overload

Musterlösungen zur Wissensabfrage aus Lektion 3

Wie textet man eine Headline, die zieht?

Erstellen von Postern mit PowerPoint

Tipps zur Gestaltung von PoS-Plakaten

Cornelia Clauß & Tina Pruschmann

Werbung in der Marketing-Strategie

Dirk Zischka. Farbgestaltung

Arbeitsblätter gestalten. Nicole Strauss M.A

C o r p o r a t e D e s i g n M a n u a l Auftritt im OLYMP

Erstellung von Präsentationspostern

Usability Studie Newsletter Übersicht. Sept.07

ZIELE VON VISUAL MERCHANDISING. 10 Visual Merchandising

Wirtschaftspsychologie untersucht Verhalten und Erleben im ökonomischen Umfeld sowie den sozialen Zusammenhängen.

Text und Bild - eine (fast) perfekte Symbiose Das bietet cognitas.

Styleguide. Bildsprache der Technischen Universität Chemnitz

Gestaltung eines normgerechten Flyers

Eine Checkliste für Ihr Blog-Design!

Sakkadenwinkel Fixationskoordinaten Fixationsdauern Pupillendurchmesser...

Eine Grundregel der Werbung ist die AIDA-Formel von E. St. Elmo Lewis von 1898:

Corporate-Design-Manual für Print-Anzeigen

PRÄSENTATIONSDESIGN Handout. Layout

3. Aktivierungsprozesse - Personen - Sexappeal (negativ: Vampireffekt) - Farbe - Größe

Dokumentation HGKZ IAD 1. Semester WS 2004/05 Exploring Color

SFür Carmen Sheldon, meine Design-Kollegin, meine Freundin. In Liebe, R.

Optimierung einer technischen Beschreibung. Martin Witzel und Peter Buck

Plakat.Analyzer. Mit AttentionTracking. Ein Service von und

Entwickeln Sie eine transformatorische Flächenteilung mittels einer Linie, analog Aufgabe 14.

100% HKS 44 50% HKS 44 CMYK CMYK

l nicht von oben fotografieren l Mitten meiden (kein mittlerer Horizont)

Corporate Design Guidelines

Facebook Ads: Wie der neue Relevance Score wirklich funktioniert

Arlett Kirsch. Musik im Fernsehen. Eine auditive Darstellungsform in einem audiovisuellen Medium

Mein Computerheft 3/4. Schreiben, Gestalten und Präsentieren. Jahrgangsstufe 3 und 4 Lehrerband. Elmar Fischer, Thomas Alker

Psychologie für die Wirtschaft

Richtlinien für Logoeinsatz, Grafiken (Charts) und Publikationen

Gute Fotos 1-2. Wolfgang Flachmann

Einleitung. Eine Kampagne, die bewegt.

Gestaltgesetze. Grundlagen der Gestaltung. bbw Berlin Internet Grundlagen Seite 1 / 21

Damit die IwebsN Ihre Besucher nicht sticht Unsere EMPFEHLUNGEN für Ihren gepflegten Webauftritt

HIER LANDEN SIE ALLE: Die Landing Page

Standard Desktop und Mobile

Thomas Kilian Sascha Langner. Online-Kommunikation. Kunden zielsicher verführen und beeinflussen GABLER

OGRO Schilder und Rosetten im XEA Design

Tutorial 002 Erstellen von Diagrammen nach den Vorgaben des CD

Was wann wo wie wirkt

2.1 Produktlebenszyklus S Produktlebenszyklus 1. Wie nennt man die 5 Phasen im Produktlebenszyklus? Phase 1: Einführung.

INF B-490 KP Informationsvisualisierung Layout 23 MAI Dipl.-Ing. Arch. Grit Koalick Dipl.-Medieninf. Esther Lapczyna

Werbeauftritt. Projektaufgabe 3.2 Vanessa Montanes MG 76 Berufskolleg Kartäuserwall

Transkript:

Text-/Bild-Kombination

Text-Bild- Kombination Bilder sind nicht mehr nur Sprachersatz, sondern haben auch eine kognitive Funktion in der Vermittlung. Text und Bild verhalten sich komplementär, d.h. sie ergänzen einander in ihren Funktionen Der Text beschreibt, was das Bild nicht zeigen kann (Argumente, Begründungen, u.ä.). Das Bild zeigt, was der Text nicht beschreiben kann (Farben, Formen und andere visuelle Merkmale). Text-Bildbeziehung Es wird zwischen drei verschiedenen Bezügen unterschieden: Kongruenz: Text und Bild aktivieren denselben Begriff oder dieselben Begriffe. Inhaltliche Komplementarität: Text und Bild aktivieren unterschiedliche Begriffe. Text und Bild bilden hierbei den Kontext für das jeweils Andere. Elaboration: Text und Bild aktivieren verschiedene Konzepte, diese müssen aber durch Schlussfolgerungen aufeinander bezogen werden. AIDA Die Art und Weise, wie Text-Bild-Beziehungen in einer Werbeanzeige gestaltet sind, hat letztendlich Einfluss auf den Erfolg der Werbung: Dies lässt sich nach dem 4-Stufenmodell AIDA wie folgt einteilen: A = Attention Aufmerksamkeit erregen I = Interest Interesse wecken D = Desire Wunsch auslösen A = Action Handlung hervorrufen

Zu Beachten Gefahren bei überlagerung Änderung der Bildgrößen innerhalb eines Rasters Bilder Anordnung Wahl des Bildausschnittes Bildformen Freistellungen Hell-Dunkel-Kontraste durch Text-Bild-Anordnung Detailaufnahmen aus einem oder mehreren Bildern Blickrichtung Gleiche oder ähnliche Bilder zusammenstellen Text-Bild-Überlagerung Text wird schwer lesbar Bilddarstellung und Aussage gehen verloren Wesentliche Teile eines Bilder dürfen nicht vom Text verdeckt werden Bild sollte dominant bleiben, Text sollte zur Aussageverstärkung beisteuern Text nicht absoften Eindeutiger Kontrast zwischen Bild und Text Die Kombination sollte nicht unruhig wirken Überlegte Textwahl und ein außergewöhnliches Bild

(werbe-) Anzeigen Das Verhältnis zwischen Headline und Bild hat eine herausragende Bedeutung, weil diese Elemente innerhalb einer Anzeige in der Regel zuerst betrachtet werden. Zwischen beiden Elementen besteht meist das Prinzip der Elaboration, d.h. ein Bezug wird durch Interpretation hergestellt. Während das Bild als erster Blickfang die Aufmerksamkeit wecken soll, haben die Headline sowie andere Textelemente die Aufgabe, einen Bezug zum Bild herzustellen und damit das Verstehen der Bildnachricht zu ermöglichen. Von Vorteil ist es, wenn die Beziehung von Text und Bild so ausgelegt ist, dass sie von den allgemeinen Erwartungen des Betrachters abweicht. So wird diese originell, neuartig, interessant und generell gern gesehen. Hier zwei Beispiele: Text im Bild Nutze entweder weiße oder schwarze Flächen, oder erstelle welchen. Hauptsache ist das ein Kontrast gegeben ist. Vermeide unruhigen Hintergrund. Auch hier: Verwende wohlüberlegte Schriften. Passend zum Thema und gut lesbar. (Schweinchenrosa hebt die Dramatik einer Anti-Krieg-Kampagne nicht wirklich hervor )

Text Neben Bild Diese Variante findet oft in Bebilderungen von Zeitungsartikeln oder Werbeanzeigen Anwendung. Meist in Verbindung mit einem Eyecatcher dient, wie im Beispiel, der Text den Kurzbeschreibungen. Bild im Text Eine Außergewöhnliche aber sehr kreative Variante. Hier gelten die gleichen Richtlinien wie oben. Allerdings ist große Vorsicht bei der Schriftwahl geboten.

Blickführung globale orientierung Verarbeitungen von Text-Bild-Kombinationen kann man am besten durch Blickbewegungen nachvollziehen. Obwohl Blickbewegungen recht individuell sind, lassen sich einige generelle Tendenzen bei der Betrachtung von Text-Bild-Kombinationen feststellen. Die Blickbewegungen kann man in verschiedene Phasen unterteilen. Erkennen grober Strukturen, Gesamtüberblick in wenigen Bruchteilen einer Sekunde Wahrnehmung von visuellen Reizen und ästhetischen Empfindungen durch die Gestaltung der Sehfläche ausgelöst Steuerung der Sichtweise durch Erwartungen und emotionalen Aspekte wie persönliche Interessen und Motivationen Blick vom Bild ausgehend zu Überschriften und Kurztexten Detailierte auswertung Begriffliche Verarbeitung Auswertung einzelner Elemente der Text-Bild-Komposition Detaillierte Betrachtung von Bild- und längeren Textelementen Beeinflussung durch Schlüsselreize (Merkmale, die von unseren Erwartungen abweichen wie z.b. erotische oder aggressive Motive, Augen- und Mundpartie) Erfolgt parallel zur Detailierte Auswertung Aufnahme von Informationen und Aufbau von Assoziationen Aktivierung von Begriffen durch Texte ist eindeutiger als bei Bildern, die verschiedene Begriffe aktivieren Darüber hinaus gibt es Möglichkeiten durch die Gestaltung der Bilder, die Textverarbeitung zu beeinflussen und umgekehrt, oder durch bestimmte Merkmale des Textes, das Lesen der Bilder zu steuern.

Gestaltungsraster rastersysteme im web Der (nicht das!) Gestaltungsraster ist ein Ordnungssystem in der visuellen Kommunikation, das als Hilfskonstruktion die Verteilung von Elementen im Layout erleichtert. Defnition: Konstruktionssystem für Medienprodukte. Schema für ein durchgängiges Design von Büchern, Prospekten, Drucksachen, Benutzeroberflächen und interaktiver Systeme. Ein solches Raster basiert auf einem horizontalen und vertikalen Koordinatensystem mit dem Ziel, Schrift, Bild, Farbe, Fläche und Raum systematisch, zweckgerichtet und lesefreundlich aufzubereiten. Anforderungen: Position/Anordnung aller Gestaltungs-, Orientierungs- und Navigationselemente Positionierungshilfe von Inhalten wie Texte, Fotos Hilfestellung zum Ermitteln von Bildformaten, Schriftgrößen, Hintergründen Richtlinie für ein einheitliches Layout in Verbindung mit dem Corporate Design Kompositionen: Einzelelemente sollten zu Einheiten zusammengefasst werden Bündigkeiten (von Texten, Bildern, Flächen) sollten eingehalten werden Texte sollten durch Absätze gegliedert werden Hierarchien müssen geschaffen werden (nicht nur bei Texten) Spannungen sollten gezielt erzeugt werden (z.b. in der Anordnung von Texten/ Flächen)