# data[].attributes.body
Logoschrift

Das Logo ist eine von der Linienführung her gleich dicke und runde Schrift. Mittellänge kürzer als die Unter- und Oberlänge. Die Schrift erinnert an eine an der Tafel geschriebene Schreibschrift.

Kneipp-Text (Bild Beispiel)

Die Schriftart "Century Gothic", ist die Schriftart, welche der Offiziellen Kneipp Webseiten-Schrift am nächsten kommt.

(Diese Schrift ist serifenlos, hat eine dauerhaft gleich dicke und gerade Linienführung mit vertikal geraden Schattenachsen)

# data[].attributes.body
Strukturierte Anordnung

Erscheinungsbild

# data[].attributes.body
Beeinflusst Lesbarkeit & Leseverhalten

erleichtert Informationsaufnahme

Konsistenz & professionelles Erscheinungsbild

Wiedererkennbarkeit

# data[].attributes.body
Satzspiegel

Text- und Bildanordnung

Schriftarten & -größen

Farben für Schriften, Hintergründe & grafische Elemente

Informationsboxen & Bilddarstellungen

# data[].attributes.body
Am Ende haben wir einen Flyer dieser muss angemessen präsentiert werden.

Mögliche Präsentationstechniken für den Flyer sind:

Vortrag

Pecha Kucha/Präsentation

# data[].attributes.body
Jedes Grundelement, wie zum Beispiel ein Kreis oder ein Dreieck, hat seine eigene Wirkung.

# data[].attributes.body
Richtungen haben verschiedene Wirkungen.

# data[].attributes.body
Einander ähnliche oder gleichartige Objekte die z.B. die gleiche Form oder Farbe aufweisen, werden vom Gehirn als zusammengehörig wahrgenommen.

# data[].attributes.body
Inhalt:

Begrüßung und Einstieg

Briefing aufgreifen

Arbeitsprozess/Gedankengang erklären

-> Recap von gesammelten Infos durch REcherche (CI,CD,CC,)

Flyer präsentieren

-> Begründung für z.b Farbwahl, oder Typographie etc.(Zielgruppe aufgreifen)

Zusammenfassung/Fazit

# data[].attributes.body
Ein Satzspiegel besteht aus den nicht bedruckten Randbereichen

- Innenbund,

- Kopf oben,

- Außenrand,

- dem untenliegenden Fuß und

- den angelegten Spalten.

Die von Text und Bild belegte bedruckte Fläche ist der Satzspiegel. In der Abbildung sind diese bedruckten Flächen blau unterlegt dargestellt.

Um optisch möglichst einen optimalen Stand des Satzspiegels, also des Verhältnisses zwischen der bedruckten und unbedruckten Fläche einer Seite, zu erhalten, kann unter verschiedensten Einteilungsregeln gewählt werden. Die bekanntesten Regeln sind:

- Konstruktion durch Diagonalzug (Villard'sche Figur)

- Neunerteilung

- Seiteneinteilung nach dem Goldenen Schnitt

# data[].attributes.body
Ein Gestaltungsraster ist ein unsichtbares Gerüst aus Linien und Spalten, das bei der Anordnung der Inhalte hilft.

Durch das Raster lassen sich Texte, Bilder und andere Elemente präzise platzieren, was das Layout professioneller wirken lässt.

Es sorgt für:

- Einheitlichkeit

- Struktur

- Übersichtlichkeit

# data[].attributes.body
Durch das Ziehen von Diagonalen entsprechend der Abbildung ergeben sich Schnittpunkte, von denen die Anfangspunkte des Satzspiegels abgeleitet werden.

# data[].attributes.body
Bei der Neunerteilung werden Breite und Höhe der Seite in jeweils neun Felder unterteilt. Nun lässt man jeweils ein Feld am oberen und am inneren Rand frei, außen und unten jeweils zwei Felder.

# data[].attributes.attachment_caption
Mathematische Formel des Goldenen Schnitts

# data[].attributes.headline
Farben der 5 Kneipp Säulen -> Farbpsychologie

# data[].attributes.subject
Farben der 5 Kneipp Säulen -> Farbpsychologie

# data[].attributes.body
Verwendung der Hausfarbe in Kombination mit Weiß in einem Werbeflyer

# data[].attributes.body
Farbe an sich Kontrast

Hell- Dunkel Kontrast

Warm- Kalt Kontrast

Komplementär Kontrast

Qualitäts Kontrast

Simultan Kontrast

# data[].attributes.body
Aufbau eines Vortrags:

Phase I - Einleitung Thema vorstellen sowie Interesse und Aufmerksamkeit wecken •Gedankengang schildern

• Gliederung des Vortrags vorstellen

Phase II - Hauptteil

• Inhalt präsentieren

• Gliederung einhalten und Zwischenüberschriften nochmals deutlich aufgreifen

• Unterkapitel am Ende kurz zusammenfassen

Phase III

• Zusammenfassung der wichtigsten Fakten und Ergebnisse

• evtl. kurze Stellungnahme zum Thema

gute Vorbereitung

veranschaulichen durch Beispiele

Kleidung, Sprache, Gestik und Mimik eines Vortragenden zählen

Legen Sie Redepausen ein, freise Sprechen

Blickkontakt zum Publikum halten

Mimik, Gestik beachten

# data[].attributes.body
Emotionale Ebene - Bilder können Gefühle vermitteln wie Vertrauen, Freude und Neugier.

Informative Ebene - Bilder können Informationen und komplexe Sachverhalte verständlich darstellen.

Aufmerksame Ebene - Bilder können wichtige Inhalte hervorheben und dienen als eye-catcher.

# data[].attributes.body
Syntax

Form, Farbe, Helligkeit, Textur, Bewegung und Anordnung des Zeichens

Semantik

Inhalt, Aussage, Bedeutung des Zeichens

Pragmatik

Zweck, Anwendung und Wirkung des Zeichens

# data[].attributes.body
Die gesehenen Elemente werden immer so einfach wie nur möglich wahr genommen.

# data[].attributes.body
Stehen gruppierte Elemente zusammen, werden die Teile mit dem kleinsten Abstand zueinander als zusammengehörig wahrgenommen.

# data[].attributes.body
Der optische Ausgleich der Buchstaben-/Zeichenabstände

# data[].attributes.body
Nicht vorhandene Teile einer Grafik werden vom Gehirn „vervollständigt“, d. h. sie werden in der Wahrnehmung ergänzt und und als zusammen geh- hörend wahrgenommen.

# data[].attributes.body
Farben wirken oft universell durch natürliche Erfahrungen bzw. Assoziationen oder werden auch mit Temperaturgefühlen verbunden - Rot und Orange wirken z. B. warm und aktivierend. Grelle Farben wie Gelb, Orange und Rot dienen als Warnsignale (inspiriert von Tierfärbungen) und lösen Aufmerksamkeit sowie Handlungsbereitschaft aus.

# data[].attributes.headline
Gesetz der guten Kurve | gemeinsamen Schicksals 

# data[].attributes.subject
Gesetz der guten Kurve | gemeinsamen Schicksals 

# data[].attributes.body
Elemente die ein gemeinsames Schicksal oder eine Kurve bilden, sich also in eine gemeinsame Richtung bewegen oder sich gleichförmig/gleichmä- ßig verändern, werden als Einheit gesehen.

# data[].attributes.body
Helle Farben wirken freundlich, hell und lassen Räume größer und offener wirken - sie können die Stimmung heben. Dunkle Farben können Räume zwar enger und manchmal düster erscheinen lassen, schaffen aber auch ein behagliches und geborgenes Gefühl.

# data[].attributes.body
Dieses Gesetz ist mit Vorsicht zu verwenden, da Erfahrung voraus setzt, dass ich sie eben schon gemacht habe. Man weiß nur, was man sieht und man sieht nur, was man weiß.

# data[].attributes.body
Warme Farben wie Rot, Orange, Gelb, Braun und Ocker wirken aktivierend, kraftvoll, einladend und gemütlich sowie aufmunternd. Kalte Farben wie Blau, Blaugrün, Dunkelgrün und Lila wirken eher sachlich und beruhigend.

# data[].attributes.body
Das Gehirn braucht Ordnung, deswegen werden symmetrische Elemente als zusammengehörig wahrgenommen, im Gegensatz zu asymmetrischen..

# data[].attributes.body
In der Gestaltung wird das Objekt mit der einfacheren Form zur Figur, während das Objekt mit der komplexeren Form zum Hintergrund wird. Die Dominaz der Figur hängt von ihrer Prägnanz und nicht von ihrer Farbe ab. Diese Figur-Grund-Unterscheidung wird für viele optische Illusionen ge- nutzt.

# data[].attributes.body
Grün hat eine wohltuende und beruhigende Wirkung, oft assoziiert mit Natur, Leben, Wachstum und Hoffnung. Sie kann ein Gefühl von Gelassenheit und Ausgeglichenheit hervorrufen und ist besonders gut zur Stressreduktion. In der Farbpsychologie wird Grün mit Eigenschaften wie Harmonie, Sicherheit und Frische in Verbindung gebracht.

-> Dunkles Grün (wie das Kneipp-Grün): Erholsam, ausgleichend, souverän, harmonisch, stabil, wohlhabend, traditionell

# data[].attributes.headline
Anwendung Gestaltgesetze anhand eines Flyers

# data[].attributes.subject
Anwendung Gestaltgesetze anhand eines Flyers

# data[].attributes.body
gut vorzubereiten

Bilder müssen sorgfältig ausgewählt werden

mit Thema vertraut machen und Kernaussagen definieren

20 Folien

• 1 Bild pro Folie

• 20 Sekunden pro Folie

• Dauer des gesamten Vortrags: 6 Minuten und 40 Sekunden

• Keine Graphen

• Kein Text

• Das Timing muss stimmen:

• Vermeide Pausen zwischen den Folien • Du hast kaum Zeit für Verhaspler

• Du kannst nichts anfügen, wenn du es vergessen hast

# data[].attributes.headline
3 Anordnungen zur Beeinflussung der Wahrnehmung 

# data[].attributes.subject
3 Anordnungen zur Beeinflussung der Wahrnehmung 

# data[].attributes.body
Geometrische Formen - Ein Dreieck, Kreuz oder eine L-Form schafft Struktur

Linienführung - Blickführung durch Abgrenzungen leiten das Auge

Tiefe - Vorder-, Mittel- und Hintergrund machen das Bild interessant und "lebendig"

# data[].attributes.headline
Was sollte beim Layouten beachtet werden?

# data[].attributes.subject
Was sollte beim Layouten beachtet werden?

# data[].attributes.body
Visuelle Balance: Ausreichend Platz, nicht überladen

Unterstützung durch Bilder, Icons und Illustrationen: stilistische Konsequenz beachten

Hintergründe: Subtil statt laute Muster

Raster verwenden: Spalten und Module einteilen

Schriftarten passend kombinieren: maximal 2-3 verschiedene.

# data[].attributes.headline
Die 2 Grundprinzipien der Bildplatzierung

# data[].attributes.subject
Die 2 Grundprinzipien der Bildplatzierung

# data[].attributes.body
Die Drittregel - Definiert eine Methode der Bildkomposition und sorgt für ein harmonisches, spannendes Layout.

Anwendung :

-Teile eine Flyerfläche oder das Bild gedanklich in neun gleich große Felder.

-Platziere essentielle Elemente auf den Linien oder an einem der vier Schnittpunkte, um Sie Hauptmotiven zu machen.

____________________________________

Der Goldene Schnitt - Definiert ein Mathematisches Verhältnis (1:1,618), welches optisch als besonders ästhetisch wahrgenommen wird.

Anwendung :

-Teile die Fläche des Flyers oder des Bildes von kleinen zu großen Abschnitten, in ein Verhältnis von 1:1,618

-Platziere das Hauptmotiv entlang dieser Vorgabe an Linien oder Schnittpunkten mit anderen Getsaltungselementen.

# data[].attributes.body
Symmetrisch - Ruhig, geordnet, klassisch, formal, seriös

Asymmetrisch

- Modern , spannend, kreativ, dynamisch

# data[].attributes.body
Größe und Kontrast - Essentielle Bilder sollen Größer oder Kontrastreicher gestaltet werden.

Farbe - Auffällige Farben lenken die Aufmerksamkeit.

Weißraum - Freie Flächen zwischen Text- oder Bildelementen verhindern Überladung und geben Raum zur Entfaltung.

# data[].attributes.body
Überlege dir vor Gestaltung:

Welche Botschaft soll vermittelt werden?

Wo ist der Eye Catcher?

Wie harmoniert das Gesamtbild?

_______________________________________________

Empfehlungen während der Gestaltung:

Erstelle eine Skizze des Flyers

Eye Catcher an prominente Stelle setzen

Achte auf Freiflächen zwischen Texten und Elementen

Verwende hochauflösende Bilder und min. 300dpi

Beachte die CI und gesamt einheitliche Farbwirkung