MMT

Folgende Navigationselemente sind im Internet gebräuchlich:

- Hyperlink

- Button

- Pull-Down-Menü

Eine Lineare Navigationsstruktur ist die einfachste Struktur. In dieser Navigationsform kann man sich nach vorne oder wieder zurück bewegen. Die einzelnen Seiten bauen inhaltlich aufeinander auf.

Diese Struktur eignet sich für kleine Multimediaprojekte, einfache Lernplattformen und wissenschaftliche Texte.

nicht mehr als 12 und nicht weniger als 5 Schaltflächen pro Navigation

Navigationstiefe beachten

nicht mehr als drei Klicks bis zur gewünschten Information

Transparenz: der User muss wissen, wo er sich gerade befindet (Pfadanzeige)

der User soll von jeder Seite aus die Möglichkeit haben, zur Homepage zurückzukehren

In der Datenverarbeitung und Informatik steht Tag für die Auszeichnung eines Datenbereiches mit zusätzlichen Informationen. Die Informationen, die in einem Tag enthalten sind, dienen je nach Verwendungsgebiet unterschiedlichen Zwecken.

Die Auszeichnungssprachen bezeichnen Tags die in spitzen Klammern <> eingeschlossenen Kürzel, die der Auszeichnung von Textabschnitten dienen (HTML) oder zur Klassifikation und Strukturierung von Daten (XLM).

Besondere Eigenschaften werden mit Hilfe von Attributen den einzelnen Tags zugewiesen.

In anderen Programmiersprachen hat das Wort Tag auch noch andere Bedeutungen.

Auflösung 72 dpi

Die Grafikkarte unter Windows stellt 96 dpi dar. Beim Mac sind es nur 72 dpi. Der Unterschied ist so gering, dass der Screen ohne Bedenken mit 72 dpi angelegt werde kann. Kleinere Datenmenge und daher schnellerer Download ist dafür das ausschlaggebende Argument.

Die Standard-Auflösung beträgt derzeit 1024 x 786 Pixel.

Bezeichnung für kleine Grafiken, Animationen usw., die auf Internetseiten vor allem dazu dienen, Werbung anzulegen.

Ein Mausklick auf solche Banner bringt den Surfer zur Seite der werbenden Firma, Institution oder Privatperson.

Viele Banner sind als blinkende und zappelnde Animationen gestaltet, was innerhalb der Gesamtdarstellung eher störend wirken kann.

Siehe Tabelle!

a) Die DVD hat mehr Speicherplatz, eine höhere Bildqualität und ermöglicht die Integration vom MPEG 2.

b) Schriftgrösse, Schriftart und Zeilenlänge

Pre-Produktion
Briefing, Konzeption, Storyboard

Produktion
Die eigentliche Herstellung
(Dreh, Programmierung und Screendesign)

Post-Produktion
Digitalisierung, Rendern, Schnitt und Testphasen

Anforderungen bei der Bildbearbeitung sind:

- geringe Dateigrösse, um kurze Ladezeiten zu ermöglichen

- optimale Farb- und Detaildarstellung auf allen Plattformen

Der Anwender kann über entsprechene Eingaben Informationen abrufen, verändern und Aktionen auslösen.

a) Anti-Aliasing oder Glätten: Der Treppeneffekt wird durch abgestufte schattierte Pixel zwischen Schrift- und Hintergrundfarbe gemindert.

b) Vorteil: Dieser Effekt führt bei grösseren Schriftgraden zu einer besseren Lesbarkeit.

Nachteil: Je kleiner der Schriftgrad, desto unleserlicher das Ergebnis (unscharf).

c) Durch Angleichung der Schrift an den Hintergrund wird diese zur Grafik und nimmt mehr Speicherplatz ein als vormals die Systemschrift.

Pflege und Aktualisierung ist bei Grafiken arbeitsaufwändiger und damit kostenintensiver.

.rtf Rich Text Format, formatierte Textdaten

.wav Audiodatenformat

.ppt Powerpoint-Präsentationsprogramm

.jpg komprimierte Bilddatei, verlustbehaftet

.swf Shockwave, Kompressionsverfahren und Dateiformat für Multimediaanwendungen

.mov Videodatenformat (Quicktime)

Wenn Sie beim Speichern von GIF- oder JPG-Bildern die Option interlaced auswählen, wid das Bild in nicht-linearer Pixelreihenfolge gespeichert. 

Dadurch wird das Bild am Monitor in mehreren Durchgängen aufgebaut. Zuerst wird nur eine Rohansicht gezeigt. Nach und nach baut sich das Bild immer feiner und detailreicher auf.

GIF
Vorteile: ideal zum Speichern von Grafiken oder Bildern mit wenigen Farben, Transparenzen, Animationen, interlaced, kleine Datenmengen bei Grafiken

Nachteile: kleiner Farbraum (indizierte Farben)

JPG
Vorteile: bis zu 16,7 Mio Farben, verschiedene Komprimierungsstufen

Nachteile: keine Animationen oder Transparenzen

PNG
Vorteile: geeignet für Bilder und Grafiken, verschiedene Farbräume, Transparenten möglich

Nachteile: nicht in jedem Browser darstellbar, keine Animationen möglich

Bild- und Textgrössen sollten in Pixel angegeben werden. Denn ein Pixel ist die kleinste darstellbare Einheit eines Monitors.

Die Bilder können je nach Monitoreinstellung und -kalibrierung unterschiedliche Farbnuancen und Verfremdungen aufweisen, die während der Bildbearbeitung nicht vorhersehbar sind.

Je nach gewählter Auflösung hat das Bild auch eine unterschiedliche Grösse.

Bilder sollten in Multimediaproduktionen eine adäquate Dateigrösse haben

umfangreiche Dateien sollten eher zum Download angeboten werden

auf Farb- und Detaildarstellung achten

da die meisten Formate im Internet eine verlustbehaftete Komprimierung verwenden, sollte man darauf achten, dass ein optimaler Mittelweg zwischen Dateigrösse und Bildqualität gefunden wird

Lesefreundliche und deshalb bildschirmtauglich sind
- unterschiedliche Schriftgrössen
- unterschiedliche Schriftarten
- unterschiedliche Schriftschnitte, z.b. fett, mager
- farbliche Hervorhebungen

Vermieden werden sollten
- Kursivstellung
- Unterstreichung
- Versalschrift
- Sperrung
- grelle Farbkombinationen

mehrspaltige Anordnung

Zeilenbreite von 35-60 Zeichen

kleinere Textblöcke mit Freiräumen

den Inhalt mit erläuternden Bildern untergliedern

Text auf mehrere Seiten verteilen

lange Scrolls vermeiden

guter, aber nicht maximaler Kontrast

nicht unterstreichen

kursiven Text vermeiden

Für eine korrekte Darstellung sollten Systemschriften verwendet werden.

Unter Windows sind das z.B. Arial, Times New Roman, Tahoma, Verdana, Courier New, Geneva...

Unter MacOS: Helvetica, Times, Verdana...

Wegen besserer Lesbarkeit am Monitor sollten vorwiegend serifenlose Schriften verwendet werden.

Wird das Multimediaprojekt mit Macromedia Flash erstellt, ist es möglich, auch Schriften zu verwenden, die nicht im Betriebssystem installiert sind, da diese in Flash eingebetet werden können.

Cyan
kalt, frisch, sportlich, jung, winterlich, auch sachlich

Magenta
modern, kühl, kommunikativ

Violett
extravagant, unkonventionell, modich, fromm, Macht, Glaube, Magie, Dekadenz, Künstlichkeit. In der Kombination mit Rot: verboten, unmoralisch, Leidenschaft, Verführung. Variation Richtung Lila: introveriert, altmodisch

Rosa
Zärtlichkeit, Romantik, Charme, Harmonie, Schwärmerei, Träumerei, Freundlichkeit, Kindlichkeit, Naivität

Gold
wertvoll, eingebildet, Reichtum, Luxus, Ruhm (Goldmedaille, Goldener Bambi...)

Silber
edel, wertig, aber weniger als Gold

a) richtig

b) falsch
    - englisch-amerikanisch

c) französische Guillements nach innen, richtig
    - in Deutschland

d) französische Guillements nach aussen, falsch 
    - in Schweiz und meisten romanischen Ländern   
      übliche
 

Harmonieren die Farben miteinander bzw. in welchen Farbkontrast stehen sie zueinander?

Welche psychologische, traditionelle, kulturelle Aussage haben die gewählten Farben? Passt diese zur Aufgabenstellung (Firma, Produkt, Zielaussage)?

Lässt sich die Farbe in allen Medien adäquat umsetzen (Print, Internet, Fernsehen...)?

Einfache Gestalt oder gute Form
Grundgesetz menschlicher Wahrnehmung, basierend auf einfachen geometrischen Formen wie Kreis, Quadrat, Rechteck oder Dreieck.

Nähe
Nah beieinanderliegende Objekte werden als Gruppe wahrgenommen.

Geschlossenheit
Geschlossene Flächen werden als Einheit wahrgenommen.

Konstanz
Objekte werden in Grösse, Form und Farbe stets im Verhältnis zum Umfeld bewertet. Werden unterschiedlich gesehene Objekte als gleich bewertet, spricht man von Konstanz.

Figur-Grund-Trennung
Ein Objekt wird nur dann wahrgenommen, wenn es sich in irgendeiner Weise vom Umfeld abhebt, z.B. durch unterschiedliche Grösse, Farbe oder Helligkeit.

Ob ein grafisches oder typografisches Objekt 

- leicht oder schwer

- schwebend oder fallend

- statisch oder bewegt

wahrgenommen wird, hängt unter anderem von seiner Position im Format und dem Zusammenspiel mit dem Gewicht der anderen Elemente ab.

Je nachdem, wie ausgewpgen dieses Verhältnis ist, wird ein harmonisches Gleichgewicht oder aber Dynamik erzeugt.

Unsere Leserichtung geht von links nach rechts und von oben nach unten. Die Ausrichtung von links nach rechts oben wird daher als aufsteigend empfunden, von links oben nach rechts unten dagegen als abfallend.

In der Gestaltung spielen weitere Faktoren eine Rolle für die Wahrnehmung der Richtung, z.B. Form, Grösse und Position, Inhalt eines Bildes, die Blickrichtung einer abgebildeten Person. 

Als Farbkontrast bezeichnet man die wahrgenommene Wechselwirkung unterschiedlicher Farben. Man unterscheidet sieben Farbkontraste.

Sekundärfarben sind jene Farben, die im Farbkreis zwischen zwei Primärfarben liegen. Mischt man zwei Primärfarben liegen. Mischt man zwei Primärfarben, so erhält man eine Sekundärfarbe. Diese ist aber zugleich die Komplementärfarbe zu den nicht verwendeten Farben(Farbkreis von Goethe):

- Zwischen Rot und Gelb befindet sich Orange.

- Orange ist komplementär zu Blau.

Der Komplementärkontrast ist ein starker Kontrast zweier Farben, die sich im Farbkreis gegenüberliegen. Tendenz zum Flimmern. Die Mischung beider Farben zu gleichen Anteilen ergibt ein schmutziges Grau.

Ein Simultankontrast liegt vor, wenn der innen liegende Farbton von der Umgebungsfarbe beeinflusst wird, und zwar in komplementärer Richtung. So wirkt ein graues Quadrat auf einem gelben Hintergrund bläulicher, auf einem roten Hintergrund grünlicher. 

Der Quantitätskontrast besagt, dass die Wirkung einer Farbe von der Grösse der Farbfläche zur Umgebungsfarbe abhängig ist. 

Kalt-Warm-Kontrast
Eine kalte Farbe wie Blau oder Grün steht einer warmen wie Gelb oder Orange gegenüber, wobei die warme Farbe in den Vordergund tritt.

Sukzessivkontrast / Nachbildkontrast
Fixirt man den Blick mehrere Sekunden lang auf ein Objekt und schaut dann auf eine freie (weisse) Fläche, sieht man das Objekt einen Moment lang in der Komplementärfarbe. Bei Schwarz-Weiss-Motiven ist das Nachbild ein Negativ.

In der Farbenlehre unterscheidet man zwischen reinen (oder gesättigten, leuchtenden) und getrübten (oder ungesättigten, gebrochenen) Farben.

Gibt man den gesättigten Farben Weiss oder Schwarz bei, erhält man getrübte Farben.

Werden reine Farben mit gesättigten Komplementärfarben versetzt (vermischt), so spricht man von gebrochenen Farben.

Bei der Vogelperspektive steht der Betrachter über dem Objekt und schaut auf dieses hinab.

Bei der Froschperspektive befindet sich das Auge des Betrachters unterhalb des Objekts und schaut zu diesem hinauf.

Um Eindrücke wie Grösse, Macht, Kraft zu vermitteln, eignet sich besonders die Vogelperspektive. Hingegen suggeriert die Froschperspektive Kleinheit, Unwichtigkeit, Unterwürfigkeit. Wobei diese Wahrnehmung natürlich auch noch von Kriterien wie Objektgrösse, Farben und anderem abhängt. 

Die Luftperspektive basiert auf der natürlichen Unschärfe, hervorgerufen durch Luftbewegungen, die mit zunehmender Entfernung immer stärker wird. 

Weiter entfernte Gegenstände erscheinen unscharf, während Gegenstände, die sich nahe beim Betrachter befinden, scharf konturiert sind. Somit verstärkt die Luftperspektive erheblich den Eindruck von Vorder- und Hintergrund und erzeugt Räumlichkeit.

Die Farbperspektive basiert auf dem Kalt-Warm-Kontrast.

Objekte in warmen Farbtönen erscheinen dem Betrachter immer näher als Objekt mit kalten Farben.

Im Vordergrund dominieren daher warme Farben (Gelb, Orange, Rot, Braun), im Mittelgrund und im Hintergrund kühle Grün- und Blautöne.

6 Grundtext

7 Marginale (Randbemerkung)

9 Toter Kolumnentitel / Pagina

8 Fussnote

10 Bogensignatur

Piktogramme oder Icons sind abstrahierte, auf die wesentliche Aussage reduzierte Bildmarken und bieten gegenüber fotografischen Bildern folgende vorteile:

- sie sind einprägsam

- international nahezu immer verständlich

- aufs Wesentliche reduziert, daher schnell erfassbar

- bieten ein intuitives Verständnis

- beinhalten klare Aussagen

- sind Orientierungshilfen im alltäglichen Leben

DIN-A-Reihe

A0  -  841 mm x 1'189 mm

A1  -  594 mm x 841 mm

A2  -  420 mm x 594 mm (Bogen)

A3  -  297 mm x 420 mm (Halbbogen)

A4  -  210 mm x 297 mm (Viertelbogen)

A5  -  148 mm x 210 mm (Blatt)

A6  -  105 mm x 148 mm (Halbblatt)

A7  -  74 mm x 105 mm (Viertelblatt)

6er-, 9er-, und 12er-Teilung

Die unendliche Zahlenfolge der Fibonacci-Reihe steht in engem Zusammenhang mit dem Goldenen Schnitt.

Jedes Glied dieser Folge ist die Summe der beiden vorhergehenden Zahlen. Somit ist diese Zahlenreihe unendlich: 1, 2; 3; 5; 8; 13; 21; 34; 55; 89; 144: 233; 377; 610 ...

Der Quotient aus zwei aufeinanderfolgenden Zahlen entspricht annähernd dem Goldenen Schnitt. Je höher die Glieder dieser Reihe, desto mehr nähert sich das Ergebnis der Goldenen Zahl (1'6180...) an.

3 : 2  =  1,5             13 : 8  =  1,625

5 : 3  =  1,33           21 : 13  =  1,615

8 : 5  =  1,66         377 : 233  =  1,6180

Scribble
Unter einem Scribble versteht man Ideenskizzen, eine zeichnerische Sammlung von Ideen als Vorstufe für den späteren Entwurf. Dabei kann das Format bereis feststehen oder das Scribble auch der Formatfindung dienen. 

Layout
Der nächste Schritt ist ein detaillierter Entwurf in Originalgrösse, mit Vermassung und Blindtext in der gewünschten Schrift.

Reinzeichnung
Liegt das Material in Form von Text-, Bild- und Grafikdateien vor, und ist der Entwurf vom Kunden abgesegnet, kann die einzeichnung erstellt werden. Darunter versteht man heute eine belichtungsfähige Datei.