B Ausgestalten von Medienprodukten
b1: Gestaltungsvorschläge für Medienprodukte entwickeln, testen und präsentierenb2: Medienprodukte ausgestalten und für die Produktion vorbereiten
b1: Gestaltungsvorschläge für Medienprodukte entwickeln, testen und präsentierenb2: Medienprodukte ausgestalten und für die Produktion vorbereiten
b1) Nenne drei Beispiele für UI-Elemente.
- Buttons/Schaltflächen
- Textfelder/Eingabefelder
- Dropdown-Menüs/Listen
- Checkboxen/Radio-Buttons
- Slider/Schieberegler
- Icons/Symbole
- Tabs/Navigationselemente
- Pop-ups/Modals
b1) Was ist Responsive Design?
Responsive Design bedeutet, dass sich eine Website oder App automatisch an verschiedene Bildschirmgrössen und Geräte anpasst, egal ob Smartphone, Tablet oder Desktop. Dabei verändern sich Layout, Inhalte und UI-Elemente so, dass die Nutzung immer einfach und übersichtlich bleibt.
b1) Wozu dienen Personas im UX-Design?
Personas im UX-Design sind fiktive Profile typischer Nutzer, die helfen, ihre Bedürfnisse, Ziele und Verhaltensweisen zu verstehen. Sie machen es einfacher, nutzerfreundliche Entscheidungen zu treffen und dass sich das Team auf die richtigen Zielgruppen fokussieren können.
b1) Was ist der Unterschied zwischen WOFF und WOFF2?
WOFF und WOFF2 sind Web-Font-Formate, die speziell für die Nutzung von Schriften im Browser entwickelt wurden.
WOFF2 ist eine modernere Version von WOFF und komprimiert Schriftdateien stärker, sodass sie kleiner und schneller laden. WOFF funktioniert in allen Browsern, während WOFF2 nur von neueren Browsern unterstützt wird.
b1) Was ist HTML?
HTML beschreibt die Grundstruktur einer Seite:
z. B. Überschriften, Absätze, Navigation, Listen, Buttons, Formulare.
→ Was ist auf der Seite und in welcher Hierarchie?
b1) Welche Aspekte einer Webseite werden durch CSS gesteuert?
CSS steuert das Aussehen und Layout:
Farben, Schriftarten, Abstände, Grössen, Positionierung, Responsive Design.
b2) Was ist die Definition von Brand Identity?
Brand Identity (Markenidentität) beschreibt das Gesamtbild einer Marke, so wie sie vom Unternehmen bewusst gestaltet und kommuniziert wird. Sie zeigt, wer die Marke ist, wofür sie steht und wie sie wahrgenommen werden soll
b2) Aus welchen Aktionen bildet sich die Identität eines Unternehmens?
Identität= Handeln+Denken+Auftreten
b2) Was bedeutet Corporate Behaviour?
Corporate Behaviour (CB) bezeichnet das tatsächliche Verhalten eines Unternehmens – also wie es handelt, nicht nur was es sagt oder zeigt.
b2) Was bedeutet Corporate Communication?
Corporate Communication (CC) bezeichnet die gesamte Kommunikation eines Unternehmens – also alles, was es sagt und wie es es sagt, intern wie extern.
b2) Was ist der Sinn und Zweck eines CD-Manuals?
Der Sinn und Zweck eines CD-Manuals (Corporate-Design-Manuals) ist es, ein einheitliches und wiedererkennbares Erscheinungsbild eines Unternehmens sicherzustellen.
b2) Was ist ein Corporate Design?
Corporate Design (CD) ist das visuelle Erscheinungsbild eines Unternehmens. Es legt fest, wie eine Marke aussieht und sorgt dafür, dass sie überall einheitlich und wiedererkennbar auftritt.
b2) Was gehört zum Corporate Design?
- Logo (Form, Varianten, Schutzraum)
- Farbsystem (Hausfarben, Farbwerte)
- Typografie (Schriften, Schriftschnitte)
- Gestaltungsraster & Layouts
- Bild- & Illustrationsstil
- Icons, Grafikelemente, Patterns
- Anwendungen (Website, Werbung, Social Media)
b2) Warum wird zwischen CI und CD unterschieden?
Man unterscheidet zwischen CI und CD, weil ein einheitliches Design allein noch keine glaubwürdige Unternehmensidentität schafft – erst das Zusammenspiel von Aussehen, Kommunikation und Verhalten macht eine Marke authentisch.
b2) Nenne jeweils drei Interne und Externe Ziele die mit Corporate Communication erreicht werden sollten.
Extern:
– Einheitliches Unternehmensbild vermitteln
– Vertrauen und Glaubwürdigkeit aufbauen
– Markenbekanntheit und Image stärken
– Kundenbindung fördern
Interne Ziele:
– Unternehmenswerte und -ziele vermitteln
– Mitarbeitermotivation & Zufriedenheit steigern
– Effiziente Zusammenarbeit ermöglichen
– Vertrauen & Transparenz schaffen
– Feedbackkultur etablieren
b1) Additive Farbmischung – Wähle jeweils den korrekten Farbkanal von den RGB-Kanälen, damit das Bild wie das Original produziert werden kann.
b1) Was sind «lasierende Druckfarben»?
Lasierende Druckfarben sind durchscheinend, sodass darunterliegende Farben sichtbar bleiben.
b1) Was bedeutet absorbieren?
aufsaugen
«Strahlen, Licht absorbieren»
b1) In dieser Grafik kann man eine Cyanfarbige Fläche sehen. Welche Farben durchsingen die Farbschicht und werden nach oben remittiert? Welche Lichtanteile werden absorbiert?
Remittiert: Blau + Grün
Absorbiert: Rot
b1) Weisses Licht trifft auf eine grüne Fläche. Welche von den auftreffenden Lichtstrahlen durchdringen die grüne Fläche und werden nach oben remittiert? Welche Lichtanteile werden absorbiert?
- Remittiert: Grün
- Absortbiert: Blau + Rot
b1) Was versteht man unter dem Goldenen Schnitt?
Der Goldene Schnitt ist ein besonderes Teilungsverhältnis, das als besonders harmonisch und ästhetisch empfunden wird.
b1) Wie lautet das Zahlenverhältnis des Goldenen Schnitts?
b1) Warum wird der Goldene Schnitt als harmonisch empfunden?
Der Goldene Schnitt wird als harmonisch empfunden, weil dieses Verhältnis häufig in der Natur vorkommt und dem menschlichen Seheindruck entspricht.
b1) Was sind irrationale Proportionen und wodurch unterscheiden sie sich von rationalen Proportionen?
Irrationale Proportionen haben unendliche, nicht periodische Dezimalzahlen, rationale Proportionen endliche oder periodische.
z.b. Irrationale: 1:1,618, Rationale: 2 : 3
b1) Was sind Fibonacci-Zahlen und wie ist die Zahlenfolge aufgebaut?
Fibonacci-Zahlen sind Zahlen einer Folge, bei der jede Zahl die Summe der beiden vorhergehenden ist.
Die Zahlenfolge beginnt z. B. so:
0, 1, 1, 2, 3, 5, 8, 13, …
b1) Wie hängen die Fibonacci-Zahlen mit dem Goldenen Schnitt zusammen?
Die Quotienten aufeinanderfolgender Fibonacci-Zahlen nähern sich mit wachsender Folge immer mehr dem Goldenen Schnitt (≈ 1,618) an.
b1) Welche sieben Farbkontraste gibt es die Itten beschrieben hat?
- Farbe-an-sich-Kontrast
- Hell-Dunkel-Kontrast
- Kalt-Warm-Kontrast
- Komplementärkontrast
- Simultankontrast
- Qualitätskontrast (rein–getrübt)
- Quantitätskontrast (Mengenverhältnis)
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Komplementärkontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Farbe-an-sich-Kontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Hell-Dunkel-Kontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Qualitätskontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Quantitätskontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Simultankontrast
b1) Welche Wellenbereiche sind für das menschliche Auge sichtbar?
b1) Warum ist Magneta nicht auf dem Spektrum enthalten?
Die Farbe Magenta ist im Spektrum nicht enthalten, da dies die Mischung von Blau und Rot ist,
welche sich an beiden Enden des Spektrums befinden.
b1) Benenne die Skala der Elektromagnetischen Wellen. (nr.1 bis nr.7)
- Gammastrahlen
- Röntgenstrahlen
- Ultraviolet (UV)
- Infrarotstrahlung
- Radar
- Rundfunk
- Welchselstrom
b1) In welcher Einheit wird der Farbeindruck der Lichtquelle (Farbtemperatur) gemessen?
b1) Beschreibe den Sehvorgang in drei Phasen (Stichwortartig)
Licht wird direkt oder nach Reflektion von Gegenständen ins Auge geleitet → Farbreiz
Sehzellen auf der Netzhaut empfangen Licht → Signale über Sehnerv ans Gehirn
Farbempfinden entsteht im Gehirn, speziell im Sehzentrum
b1) Das menschliche Auge funktioniert ähnlich wie …?
b1) Wie stellt das menschliche Auge sich auf «scharf»?
Die Scharfstellung (Fokussierung) erfolgt durch eine Veränderung der Krümmung der Linse.
-
- 1 / 72
-
Cartes-fiches
b1) Was versteht man unter dem Goldenen Schnitt?
Der Goldene Schnitt ist ein besonderes Teilungsverhältnis, das als besonders harmonisch und ästhetisch empfunden wird.
b1) Wie lautet das Zahlenverhältnis des Goldenen Schnitts?
b1) Warum wird der Goldene Schnitt als harmonisch empfunden?
Der Goldene Schnitt wird als harmonisch empfunden, weil dieses Verhältnis häufig in der Natur vorkommt und dem menschlichen Seheindruck entspricht.
b1) Was sind irrationale Proportionen und wodurch unterscheiden sie sich von rationalen Proportionen?
Irrationale Proportionen haben unendliche, nicht periodische Dezimalzahlen, rationale Proportionen endliche oder periodische.
z.b. Irrationale: 1:1,618, Rationale: 2 : 3
b1) Was sind Fibonacci-Zahlen und wie ist die Zahlenfolge aufgebaut?
Fibonacci-Zahlen sind Zahlen einer Folge, bei der jede Zahl die Summe der beiden vorhergehenden ist.
Die Zahlenfolge beginnt z. B. so:
0, 1, 1, 2, 3, 5, 8, 13, …
b1) Wie hängen die Fibonacci-Zahlen mit dem Goldenen Schnitt zusammen?
Die Quotienten aufeinanderfolgender Fibonacci-Zahlen nähern sich mit wachsender Folge immer mehr dem Goldenen Schnitt (≈ 1,618) an.
b1) Welche sieben Farbkontraste gibt es die Itten beschrieben hat?
- Farbe-an-sich-Kontrast
- Hell-Dunkel-Kontrast
- Kalt-Warm-Kontrast
- Komplementärkontrast
- Simultankontrast
- Qualitätskontrast (rein–getrübt)
- Quantitätskontrast (Mengenverhältnis)
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Komplementärkontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Farbe-an-sich-Kontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Hell-Dunkel-Kontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Qualitätskontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Quantitätskontrast
b1) Welcher Kontrast ist auf diesem Foto abgebildet?
Simultankontrast
b1) Welche Wellenbereiche sind für das menschliche Auge sichtbar?
b1) Warum ist Magneta nicht auf dem Spektrum enthalten?
Die Farbe Magenta ist im Spektrum nicht enthalten, da dies die Mischung von Blau und Rot ist,
welche sich an beiden Enden des Spektrums befinden.
b1) Benenne die Skala der Elektromagnetischen Wellen. (nr.1 bis nr.7)
- Gammastrahlen
- Röntgenstrahlen
- Ultraviolet (UV)
- Infrarotstrahlung
- Radar
- Rundfunk
- Welchselstrom
b1) In welcher Einheit wird der Farbeindruck der Lichtquelle (Farbtemperatur) gemessen?
b1) Beschreibe den Sehvorgang in drei Phasen (Stichwortartig)
Licht wird direkt oder nach Reflektion von Gegenständen ins Auge geleitet → Farbreiz
Sehzellen auf der Netzhaut empfangen Licht → Signale über Sehnerv ans Gehirn
Farbempfinden entsteht im Gehirn, speziell im Sehzentrum
b1) Das menschliche Auge funktioniert ähnlich wie …?
b1) Wie stellt das menschliche Auge sich auf «scharf»?
Die Scharfstellung (Fokussierung) erfolgt durch eine Veränderung der Krümmung der Linse.
b1) Erkläre wie das einfallende Licht vom Auge weiterverarbeitet wird.
Linse bündelt Licht → Bild auf Netzhaut (kopfüber, seitenverkehrt) → Gehirn dreht Bild richtig herum
b1) Benenne die Bestandteile des menschlichen Auge
1. Linse
2. Iris (Regenbogenhaut)
3. Pupille
4. Blinder Fleck
5. Fovea (Sehgrube)
6. Sehnerv
b1) Für was sind die Stäbchen und Zapfen im Auge zuständig?
Die Stäbchen ermöglichen das Hell-Dunkel-Sehen.
Die Zapfen sind für das Farbsehen zuständig.
b1) Wie viele Stäbchen und Zapfen gibt es jeweils etwa?
Stäbchen = etwa120 Millionen
Zapfen = 6 Millionen
b1) In welche drei Zapfen unterscheidet man?
- Zapfen für Blau (400–500 nm)
- Grün (500–600 nm)
- Rot (600–700 nm)
b1) Was entsteht, wenn bei der additiven Farbmischung kein Licht vorhanden ist?
Es entsteht Schwarz
b1) Nenne mindestens drei Anwendungsbereiche der additiven Farbmischung.
Bildschirme, Monitore, Beamer, LED-Displays.
b1) Welche Farbe entsteht bei der additiven Farbmischung, wenn Rot, Grün und Blau gleichzeitig gemischt werden?
Es entsteht Weiss.
b1) Wie entstehen Farben bei der additiven Farbmischung?
Farben entstehen durch die Mischung von Licht.
b1) Warum spricht man bei der additiven Farbmischung von Lichtfarben und nicht von Pigmentfarben?
Weil die Farben durch Licht und nicht durch Pigmente entstehen.
b1) Woraus besteht die subtraktive Farbmischung?
Sie besteht aus Körperfarben bzw. Pigmenten.
b1) Was machen Pigmente mit dem Licht bei der subtraktiven Farbmischung?
Sie absorbieren Licht und reflektieren nur bestimmte Farben.
b1) Welche Grundfarben gehören zur subtraktiven Farbmischung?
Cyan, Magenta, Yellow und Black (CMYK)
b1) In welchen Bereichen wird die subtraktive Farbmischung hauptsächlich angewendet?
Offsetdruck, Digitaldruck und Malerei etc.
b1) Für was steht PMS?
Pantone Matching System
b1) Welche Vor- und Nachteile hat Pantone? Nenne jeweils mindesten zwei.
Vorteile: präzise Farbwiedergabe, weltweit standardisiert
Nachteile: teuer, nur begrenzte Farbauswahl
b1) Welche Papieroberflächen gibt es bei Pantone?
- Coated (C): Gestrichenes Papier
- Uncoated (U): Ungestrichenes Papier
- Matt Coated (M): matt gestrichene Oberfläche.
b1) In welche Dimensionen können Farben dargestellt werden? Stichworte genügen.
Farbton (Hue), Sättigung (Saturation), Helligkeit (Brightness/Value)
b1) Benenne die folgende Grafik zu den Farbdimensionen.
1. Farbton/Farbort
2. Helligkeit
3. Sättigung
b1) Welche Wirkung erzeugen die Farben auf dieser Abbildung?
giftig
