# data[].attributes.body
wie wirkt eine Schrift. Bsp. Adjektive wie weich – hart, elegant – langweilig, seriös – kindisch

# data[].attributes.headline
AIDA: Attention, Interest, Desire, Attention

# data[].attributes.subject
AIDA: Attention, Interest, Desire, Attention

# data[].attributes.body
Corporate Identity:

Identität eines Unternehmens, die sein Selbstverständnis, seine Werte und seine Ziele widerspiegelt.

Legt fest, wie das Unternehmen nach außen hin wahrgenommen werden soll.

Corporate Design:

Visuelles Erscheinungsbild eines Unternehmens, das sich in Logo, Farben, Schriften und Designelementen manifestiert.

Sorgt für Wiedererkennbarkeit und Konsistenz in der Markenkommunikation.

Corporate Behaviour:

Verhaltensregeln und -richtlinien, die von einem Unternehmen festgelegt werden, um das Verhalten seiner Mitarbeiter zu lenken.

Beeinflusst das Image und die Wahrnehmung des Unternehmens durch seine Handlungen und Entscheidungen.

Corporate Communication:

Kommunikationsstrategie eines Unternehmens, die darauf abzielt, ein einheitliches Bild und eine kohärente Botschaft zu vermitteln.

Umfasst interne und externe Kommunikation sowie verschiedene Kanäle wie Werbung, PR, Marketing und Social Media.

# data[].attributes.body
Geschlossen wirkende Figuren werden als Einheit wahr- genommen

-Gehirn schließt vorhandenen Lücken und ergänzt „fehlende“ Informationen durch Erfahrungswerte, um die Form zu komplettieren

# data[].attributes.body
Struktur beschreibend, der Aufbau von Dingen, reine Beschreibung

# data[].attributes.body
-visualisieren sowohl die ersten Ideen als auch deren Weiterentwicklung

- sind in der Regel proportional verkleinert (abhängig vom Medium)

- sind in der Regel schwarz-weiß (wenn nicht anders durch Aufgabenstellung

gefordert)

- sind Alternativen, wenn sie deutlich unterschiedliche Lösungen bieten

- sind Varianten, wenn sie deutlich erkennbare Abwandlungen einer Alternative

visualisieren

# data[].attributes.body
am wenigsten Zeit, nur beschreiben, keine Wirkung oder Begründung (ausführliche Stichpunkte erlaubt)

(anwenden, aufzeigen, ausführen, aufzählen, benennen, beschreiben, darstellen, wiederegben, zusammenfassen)

# data[].attributes.body
etwas mehr Zeit, Beschreiben und Auswahl begründen. Text mit Zwischenüber schriften strukturieren

# data[].attributes.body
Zeitintensiv, eigene Meinung, Begründung, Abwägung.

Fließtext ist sinnvoll

# data[].attributes.body
durch die radikale Arbeitsteilung und Mechanisierung der Arbeiten, gingen diese schneller und mehr Konsumgüter konnten erstellt werden

Menschen arbeiteten mehr in Fabriken und Fließbändern, und weniger als Handwerker

Kopf- und Maschinenarbeit wurde voneinander getrennt

Die meisten Konsumgüter wurden von Unternehmen hergestellt und nicht mehr von traditionellen Handwerkern

immer mehr Unternehme bildeten sich und konkurrierten um ihre Konsumgüter

Die Konkurrenz bekam International

Produkte waren durch die Massenanfertigung nun sehr viel günstiger (wodurch die Qualität litt), so dass alle Schichten sich Konsumgüter leisten konnten, die bisher nur für die obere Schicht zugänglich war

# data[].attributes.body
Elemente, die sich nahe zueinander befinden, werden als zusammengehörig wahrgenommen. Egal, ob es sich um den horizontalen oder vertikalen Abstand handelt.

# data[].attributes.body
Dieses Prinzip besagt, dass Elemente, die in einer Linie oder Kurve vorhanden sind, als zusammengehörig wahrgenommen werden

# data[].attributes.body
-Gehirn verlgeicht Gesehenes, mit bereits bekannten Formen, sogar Bildern, aus der Erinnerung
-kulturelle Hintergrund wichtig für die Identifikation als Figur

# data[].attributes.body
-Ähnliche oder gleichartige Elemente werden als zusammengehörig wahrgenommen

-Körper mit gleicher Konstitution (Größe, Farbe, Ausrichtung oder Form) nehmen wir als Gruppe wahr

# data[].attributes.body
-ist eine entwickelte Idee proportional zum Endformat

- ist farbig angelegt

- weist eine genauere darstellerische Qualität der visualisierten Elemente auf

- zeigt deutlich erkennbar alle Gestaltungselemente (Typografie, Farbe, Form,

Bilder …)

# data[].attributes.body
Wichtig, um strukturierte und sinnvolle, sich räumlich voneinander abhebende Formen unterscheiden zu können

Figur= helle, symetrische, kleine Flächen

Grund= dunkle, asymmetrische, große Flächen

# data[].attributes.body
Bedeutung von Dingen, welche Aufgabe haben sie

# data[].attributes.body
Kontext Bezug, was wird vom Betrachter erwartet, was soll (nicht) getan werden

# data[].attributes.body
Inhaltlich:

angemessene, kompakte Informationsdichte

Zusammenhänge (Korrelationenen) zwischen den einzelnen Aspekten müssen gegeben sein

Mengenverhältnisse korrekt darstellen

Diagramme mit Maßeinheiten und Legende versehen

Vertrauenswürdige Quellen verwenden

selbsterklärend, leicht verständlich

komplexer Sachverhalt wird vereinfacht und kompakt dargestellt

Kernaussage ersichtlich

Gestalterisch:

Bilder haben bei der Gestaltung von Infografiken Priorität. Kernaussage bei der Bildauswahl beachten

Texte sollen nur kapp und präzise unterstützen. Text -Bildverhältnis 1 zu 3 bis 1 zu 4

Eine gute, einprägsame Infografik erklärt sich selbst und bedarf keiner zusätzlichen Erläuterung in Textform

Prägnate Abbildungen mit niedrigem Ikoniziätsgrad einsetzen (siehe Abb. 91)

Die Struktur muss gegliedert und durch Informationsebenen gesteuert sein

Logische Hierarchie von links nach rechts, von oben nach unten bevorzugen

Infografiken sind durch hochwertige Begleittexte („Story“) interessant und unterhaltsam. „Roter Faden“ muss gegeben sein

Die gestalterische Gesamtwirkung muss emotional und motivierend sein

grafische und textliche Einheit, Übersichtlichkeit

Gestaltungstipps:

Das Layout muss anschaulich und sachlich, sowie einfach, systemtisch und konsistent sein (Kontinuität)

Gleiche Linienstärken, Farben, Füllungen, Formen sorgen für eine stilistische Zusammengehörigkeit und eine schnelle Vergleichbarkeit der Inhalte (Gesetz der Nähe und Gesetz der Ähnlichkeit beachten)

Schatten erzeugen eine Tiefenwirkung und lassen damit mehrere Bildebenene zu.

Farb- und Formkontraste sowie ausgefallendes, spannedes Layout erhöht die Aufmerksamkeit.

stichwortartige Erklärungen kommen in die Grafik, nicht daneben

Zahlenwerte bzw. wichtiger Inhalte deutlich hervorheben (z.B. durch Schriftgröße)

max. zwei unterschiedliche Schriften mit jeweils zwei Schnitten verwenden

Mengentext sollte der Überschrift keine Konkurrenz machen, es sollte eine Differenz von mind. 4 Punkt gewählt werden

Verläufe und Konturen (Outline) sind bei Infografiken ein gängiges Mittel, um Flächen deutlich voneinander zu trennen, bzw. Räumlichkeit zu erzeugen.

Bei Balkendiagrammen und Tabellen keine „Liniengefängnisse“ gestalten. Farbige Unterlegungen dienen auch der Unterteilung.

# data[].attributes.body
demografische-, sozioökonomische-, psychografische Merkmale

# data[].attributes.body
z.B.: Auf Grundlage welcher besonderen Eigenschaften des Produktes, der Dienstleistung soll konzeptioniert werden? (Produktvorteile, ...)

# data[].attributes.headline
step 5: Usability und Benutzerfreundlichkeit

# data[].attributes.subject
step 5: Usability und Benutzerfreundlichkeit

# data[].attributes.body
Schriftgrad/Schriftgrösse

Versalien

Schriftklassifikation

Schriftschnitt

Schriftfamilie

Schriftgarnitur

Auszeichnungen

Initialen

Laufweite

Sperren

Unterschneiden

Normallaufweite

optimaler Wortabstand

Ausrichtung

Versalziffern

Mediävalziffern

ZAB

Durchschuss

Kapitälchen

Zeilenabstand Durchschuss

Dickte

Versalhöhe

Gemeine

# data[].attributes.headline
Ästhetische Funktion (Sicht des Betrachters)

# data[].attributes.subject
Ästhetische Funktion (Sicht des Betrachters)

# data[].attributes.body
Wahrnehmungsbereiche, Visualisierung technischer Funktionen, Form, Oberfläche, Material, Farbe, Dekor, Ornament

# data[].attributes.body
z. B.: Welche Zielgruppe soll angesprochen werden? (Eingrenzung, Bestimmung der Zielgruppe, ...)

z. B.: Welche spezifischen Merkmale hat die Zielgruppe?

- demografische Merkmale (Alter, Geschlecht, Familienstand, ...)
- soziografische Merkmale (Einkommen, Beruf, Wohnverhältnisse, ...),
- psychografische Merkmale (Werte, Einstellungen, Verhalten, Lebensstil, ...)

# data[].attributes.body
Auftragsbeschreibung:

- Einmalig/Fortlaufendes Ereignis
- Konkurrent

- Ort
- Branche

Verbindliche Gestaltungsmittel:
- Technische Vorgaben
- Gestalterische Vorgaben

Problembeschreibung:
- //

Marketingziele:
- Wirtschaftliche Ziele
- Kommunikations Ziele
- Non Profit Ziel
- Ziel des Auftrages

Nutzen u Zusatznutzen:
- //

Welche (Grund-) Bedürfnisse/ Erwartungen bedient werden:
- //

Zu erwartende Hemmungen/Vorurteile:

- //

# data[].attributes.headline
Praktische Funktion (Sicht des Benutzers)

# data[].attributes.subject
Praktische Funktion (Sicht des Benutzers)

# data[].attributes.body
Zweckbezogenheit, Handhabung, Bedienung, Ergonomie, Sicherheit, Materialqualität, Technik, Umfeld

# data[].attributes.body
Thematische Basis (thematische Verdichtung, thematisches Grundkonzept, Herausstellung des zentralen Gedankens)

Gewünschte Gesamtatmosphäre der Gestaltung, Forderungen an die visuelle und verbale Anmutung

Verbindliche Gestaltungselemente/Konstanten

Frei wählbare Gestaltungselemente/Konstanten, Gewichtung der Gestaltungs-

elemente Text, Foto, Grafik, Zeichnung, Symbole

# data[].attributes.headline
Symbolische Funktion (Sicht des Besitzers)

# data[].attributes.subject
Symbolische Funktion (Sicht des Besitzers)

# data[].attributes.body
Wertigkeit, Image, Markencharakter, emotionale Erlebnisqualität, Vermittlung von Wertvorstellungen, Persönliche-, soziale Symbolik

# data[].attributes.body
Die visualisierte Lösung des Gestaltungsproblems wird über den fortgesetzten Abgleich mit den Kriterien der Analyse und der Konzeption entwickelt. Die Entwicklung erster Gestaltungsideen in Form von Alternativen und Varianten findet als Scribble statt. Das Rohlayout stellt den vorläufigen Endpunkt des Entwurfes dar (vgl. 3.3 „Formale Hinweise“).

# data[].attributes.body
Qualitätskontrolle, Präsentation, Projektplanung, Analyse, Lösungsstrategien, Realisierung, Konzeptentwicklung

# data[].attributes.body
Fußsteg

Außensteg

Pagina

Bundsteg

Kopfsteg

Satzspiegel

Headline

Sublime

# data[].attributes.body
Ein Mockup ist eine realitätsnahe Darstellung eines Produkts oder Designs, oft in Form eines Modells oder Prototyps.

# data[].attributes.body
Ein Wireframe ist die einfachste und schnellste Art, den Aufbau einer Website grafisch darzustellen. Dieser soll möglichst schlicht dargestellt werden, um dem Betrachter das Konzept schnell klar zu machen.

# data[].attributes.body
Geschlecht, Wohnort, Altersgruppe

# data[].attributes.body
Standardgröße für Briefbögen beachten (z.B. DIN A4)

Platz für Absender- und Empfängerinformationen vorsehen

Eindeutige Trennung von Kopf- und Fußbereich

Einhaltung des Corporate Designs des Unternehmens

Verwendung von Unternehmensfarben und -logo

Firmenname und Logo präsent und gut sichtbar platzieren

Weitere wichtige Kontaktdaten wie Adresse, Telefonnummer und E-Mail aufnehmen

Zurückhaltender Einsatz von grafischen Elementen, um Seriosität zu wahren

Eventuell Hervorhebung wichtiger Informationen durch passende Designelemente

Klare und gut lesbare Schrift

# data[].attributes.body
Wickelfalz, Fensterfalz, Zickzackfalz, Parallelmittenfalz

# data[].attributes.body
Harmonie der gestalterischen Elemente

Übereinstimmung von Form und Inhalt

Prägnanz

Komplexität und Ordnung

Kontinuität

Begründung der Gestaltung und der eingesetzten Gestaltungsmittel unter Berücksichtigung der konzeptionellen Aspekte

Erstellen eines Kriterienkataloges mit z.B. technischen, funktionalen und ästhetischen Aspekten (Gestaltungsqualität, Funktionserfüllung, Innovation, ...)

Begründete Stellungnahme im Hinblick auf den Einsatz der Gestaltungsmittel (Form, Farbe, Typgrafie, Bild, Layout, ...)

# data[].attributes.body
Bildungsstand, Gehalt, Beruf, Kaufverhalten, Freizeitverhalten

# data[].attributes.body
- Qualitätskontrolle

Dokumentation und Präsentation

Bewertung gestalterischer Produkte, kritische Analyse

Bewertung von Präsentationen

Evaluation mit Kriterienentwicklung, Ergebnisanalyse und Entwicklung möglicher Alternativen zur Optimierung gestalterischer Produkte

# data[].attributes.body
Wünsche, Erfahrungen

# data[].attributes.body
In dieser Phase legt man zu Beginn ein Produktprofil (Target Product Profile – TPP) fest, welches alle erforderlichen Eigenschaften, hauptsächlich Qualität, Wirksamkeit und Sicherheit, definiert. Diese sind bezogen auf die Interessen und Bedürfnisse der Kunden.

# data[].attributes.body
Daraufhin werden die kritischen Qualitätsattribute (Critical Quality Attributes – CQAs) benannt. Diese stellen beispielsweise physikalische, chemische oder biologische Eigenschaften dar, die sich nur in einem bestimmten Rahmen bewegen können beziehungsweise dürfen. Diese Eigenschaften besitzen einen großen Einfluss auf die Produktqualität, weshalb sie genauestens erforscht und kontrolliert werden müssen.

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

-> wenn pigmentierte Farben neben einander angeordnet sind und einen Kontrast bilden

2. Hell-Dunkel-Kontrast

-> wenn helle und dunkle Farben neben einander stehen

3. Kalt-Warm-Kontrast

-> warme Farben: Rot, Gelb, Orange (Violett)

-> kalte Farben: Blau, violett, grün (Gelb)

4. Komplementär-Kontrast

-> Farben die im Farbkreis gegenüber stehen (rot - grün)

5. Simultan-Kontrast

-> Farbe wirkt durch ihre Umgebung anders

6. Qualitäts-Kontrast

-> Gegenüberstellung von pigmentierten/ kräftigen/ leuchtenden Farben und schwachen/ stumpfen/ gemischten Farben

7. Quantitäts-Kontrast

-> Unterschied in der Häufigkeit der verkommenen Farben (Eine Farbe überwiegt durch Häufigkeit)

# data[].attributes.body
Hier findet die Entwicklung eines geeigneten Produktprozess statt, der alle zuvor angestrebten Ziele berücksichtigt und umsetzt, um so das gewünschte Produkt produzieren zu können.

# data[].attributes.body
In dieser Phase kommt besonders das Wissen über die verwendeten Materialeigenschaften und des Prozesses zur Geltung, im Besonderen deren Auswirkung aufeinander. Es handelt sich dabei um einen systematischen Vorgang, welcher durch Experimente gestützt ist.

# data[].attributes.body
Die Risikokontrolle bezieht sich auf den gesamten Prozess und berücksichtigt die Variabilität von Material und des Prozesses im Gesamten. Diese Phase steht im engen Kontakt mit der zuvor genannten Phase der Analyse und Evaluation, sodass Materialeigenschaften und Prozessparameter genauestens aufeinander abgestimmt werden können.

# data[].attributes.body
Unter der Risikobewertung versteht man einen dauerhaften Kontroll- und Regulierungsprozess, welcher einen permanenten Qualitätsstandard garantiert. Sie stützt sich auf alle bis dahin gewonnenen Informationen aus Produkt- und Prozessverständnisses und verknüpft diese.

Hierbei handelt es sich keinesfalls um einen starren Ablauf von Phasen der Entwicklung, sondern viel mehr um eine ineinander übergreifende Kette von aufeinander abgestimmten Prozessen.

# data[].attributes.attachment_link.title
2.1 Erwartete SchuÌler*innen Ergbenisse 2-2

# data[].attributes.body
Handwerk:

Einer arbeitete an diesem Stuhl von Beginn bis zum Ende

Er fertigte einen Entwurf an, bearbeitete das Holz als Rohmaterial, leimt, lackiert und ölt das Holz von Hand bis er diesen letztendlich selbstständig verkauft

Möbel waren oft sehr schwer und kompakt

Industrie:

die Industriedesigner entwickelten einen Entwurf

Dieser Entwurf wurde mithilfe von Maschinen angefertigte

Die Maschinen wurden von Arbeiter*innen bedient, die immer den gleichen Arbeitsschritt ausführten

Der Fertigungsprozess teilte sich auf viele verschiedene Arbeiter*innen auf

Die Möbel wurden leichter und transportierbarer

# data[].attributes.body
Biedermeier:

rationale Grundhaltung

zudem bestand bei ihm ein Zusammenhang zwischen Moral/ Religion und Gestaltung

Es wurde auf die Verwendung von Luxusgütern verzichtet und es sollte ein bescheidener Gesamteindruck entstehen

die Massenanfertigung von Produkten war mit die Hauptursache für dieses schlichte und sachliche Design

eher schmucklos, dominierte durch einfache Formen

# data[].attributes.body
Während der Historismus schmuckvoll und voller Ornamente war

In dieser Zeit wurde die Gestaltung aus früheren Epochen gezogen und zum Teil gemischt

Es wurde sich auch auf frühere Handwerksgestaltung bezogen, wies jedoch weitaus schlechtere Qualität auf