Please enable JavaScript.

Coggle requires JavaScript to display documents.

Gestaltungsgrundlagen - Coggle Diagram

- - - - Farbschemata
        
        Farbkombinationen
        
        Gleichabständige Farbkombination
        
        harmonisch + spannende Farbkomb. durch die Wahl gleichabständiger Farben
        
        aus 24 teiligem Farbkreis harmonische 3 oder 4-Klänge auswählen
        
        für weitere Kombinationen Farbkreis weiter teilen
        
        nebeneinanderliegende Farbkombination
        
        ergibt ein Ton-in-Ton Farbschema
        
        darauf achten, das klar unterscheidbar (z.B. nur jede 2. Farbe aus 24-teiligem Farbkreis
        
        nur so Zweck der Gliederung und Hervorhebung erreicht
        
        wärmere Farben = gelb, orange, rot wirken freundlich + vermitteln Nähe
        
        kältere Farben = dunkle Blautöne wirken sachlich und distanziert
        
        dunkle Farben zur Hervorhebung/ hellere Farben unterstützen den Inhalt
        
        Variation der Sättigung und Helligkeit eines Farbtons
        
        Aufmerksamkeit des Betrachters durch gesättigte Farben
        
        gesättigt = starker Signalcharakter, überlagert aber häufig eigentlichen Inhalt
        
        gesättigte Farben nur sparsam oder für Akzente nutzen
        
        weniger gesättigte/ helle Farben wirken freundlich und professionell
        
        im Farkreis: gesättigte Farben außen/ weniger gesättigt innen
        
        Abstufung der Helligkeit bzw. Sättigung kann nach weiß oder schwarz erfolgen
      - Farbpsychologie
        
        der Einsatz von Farben erfolgt nach der Wertigkeit
        
        wichtige Teile des Designs auffallende Leitfarbe
        
        weniger wichtige Bereiche/ große Flächen, hellere/ meist weniger gesättigte Farben
      - Farblehre
        
        Farbe schmückt, signalisiert, schreit, gliedert, kommuniziert
        
        Farbe ist relativ
        
        wirken in verschiedenen Umgebungen unterschiedlich
        
        Identität der Farbe wird durch den Zusammenhang bestimmt
        
        Farben sparsam verwenden
        
        Betrachter kann maximal 5 Farben auf einmal erfassen
        
        besser 3-4 Farben verwenden
    - - Buntkontrast
        
        Farbe-an-sich-Kontrast lebt von der Gegenüberstellung bzw. kombination der reinen Grundfarben
        
        Die Kombination darf aber keinen Komplementärkontrast ergeben
        
        durch die Kombination der sekundären Mischfarben nimmt die Kontrastwirkung deutlich ab
        
        Komplementärkontrast
        
        wird aus Farbenpaaren gebildet, die sich im Farbkreis gegenüberliegen
        
        Komplementärfarbenpaare bilden den stärksten Kontrast, den Sie durch die Kombination von 2 farben erzielen können
        
        wirkt in der Praxis häufig zu stark
        
        die Kombination kleinerer komplementärfarbiger Elemente (z.B. Schrift) führt zum optischen Flimmern
        
        Helligkeitskontrast/ Hell-Dunkel-Kontrast
        
        verwendet zum einen unbunte Farben wie Schwarz und Weiß, sowie große Abstufung im Grau
        
        Anwendungsmöglichkeit ist der Einsatz von Farben mit stark unterschiedlichem Helligkeistwert
        
        Anwendung: Gegenüberstellung einer mit Weiß stark aufgehellten Farbfläche zu einer Fläche des gleichen Farbtons, der mit Schwarz stark abgedunkelt ist
        
        Kalt-Warm-Kontrast
        
        gegensätzlich Farben erzeugen oft Spannung
        
        Aktivität, Kraft, Lebensfreude oder auch Drama, Aggression, Härte
        
        durch Assoziation von Wärme und Feuer, werden Farbtöne wie gelb, orange, rot als warm wahrgenommen
        
        Blautöne werden mit Wasser, Schnee, Eis und dadurch mit Kälte verbunden
        
        Im Farbkreis bilden beide Gruppen jeweils eine Hälfte ( warme und kalte Farben stehen sich also im Farbkreis gegenüber
        
        jeder Komplementärkontrast ist deshalb auch Warm-Kalt-Kontrast
        
        Qualitätskontrast (Sättigungskontrast bzw. Intensitätskontrast)
        
        die Qualität der Farbe beschreibt die Farbkraft oder Sättigung
        
        zeigt den Gegensatz von kräftigen leuchtenden Farben mit hoher Sättigung zu gebrochenen Farben mit geringer Sättigung
        
        man spricht auch vom Reinheitskontrast/ Bunt-Unbunt-Aufbau
        
        Leuchtende Farben werden auch bei kleinem Flächenanteil wahrgenommen
        
        Quantitätskontrast (Flächenkontrast)
        
        Die Wirkung einer Farbe ist von der Größe und Leuchtkraft der der Farbfläche ihres Umfelds abhängig
        
        Zusammenhang von Leuchtkraft und Flächenanteil einer Farbe wird Flächenproportionalität genannt
        
        Je höher die Leuchtkraft, desto kleiner kann die Fläche sein
        
        Simultankontrast
        
        benachbarte Farben beeinflussen ihre Wirkung wechselseitig
        
        Die Farben wirken anders als bei isolierter Betrchtung nur einer Farbe
        
        grauer Text auf verschiedenen, bunten Farbflächen wirkt immer anders (Simultan- oder Umfeldkontrast), größere Fläche wirkt immer auf die kleinere Fläche
        
        visuelle Farbunterschiede werden bewertet durch Farbton, Sättigung und Helligkeit
        
        Schrift- und Typografiekontrast
        
        Hand- und Schreibschriften (spielerischer, femininer)
        
        Serifenlose Schriften wirken eher sachlich
        
        nicht mehr als 2 Schriftstile verwenden, um harmonische Darstellung zu gewährleisten
- - - - Zweck definieren
        Überlege, welche Stimmung, Funktion und Zielgruppe das Design hat.
      - Lesbarkeit priorisieren
      - Weniger ist mehr
        In einem Projekt maximal zwei bis drei Schriften
      - Kontrast statt Chaos
        Wähle Schriften, die sich klar unterscheiden, aber trotzdem harmonieren
      - Stilistische Konsistenz
        Schriften sollten zur Markenidentität passen (seriös, verspielt, technisch, luxuriös etc.).
      - Medium berücksichtigen
        Web-Schriften benötigen gute Bildschirmlesbarkeit; Print erlaubt mehr Variation.
      - Genug Schriftschnitte verfügbar?
        Ideal sind Familien mit mehreren Schnitten (Regular, Bold, Italic etc.),
    - - Eine Schrift als Basis definieren
        Wähle eine Primärschrift (für Fließtext) und kombiniere eine Ergänzungsschrift für Headlines oder Akzente.
      - Kontraste sinnvoll einsetzen
      - Gemeinsame Eigenschaften suchen
        Trotz Kontrast sollten Schriften gewisse Gemeinsamkeiten haben (z.B. ähnliche x-Höhe, Strichstärke, Proportionen).
      - Keine zwei sehr ähnliche Schriften kombinieren
      - Display-Fonts nur für kurze Texte
        Überschriften, Logos, Hervorhebungen – aber nie im Fließtext.
      - Typografische Hierarchie klar definieren
        Überschriften, Zwischenüberschriften und Fließtext müssen optisch klar unterscheidbar sein.
      - Barrierefreiheit beachten
        Genug Kontrast zur Hintergrundfarbe, klare Formen, ausreichend große Schriftgrade.
  - - - Gliederung des Textes (Kapitel, Absätze, Überschriften)
      - Aufbau und Layout von Seiten bzw. mehrseitigen Dokumenten
      - Typografische Hierarchie (H1, H2, H3 …)
      - Satzspiegel, Ränder, Spaltenlayout
      - Zeilenlänge (optimale Zeichen pro Zeile)
      - Positionierung von Bildern, Tabellen, Infokästen
      - Weißraumgestaltung
      - Verhältnis von Text zu Bild
    - - Laufweite
      - Kerning (Abstand zwischen ausgewählten Zeichen)
      - Wort- und Zeichenabstände
      - Wort- und Zeichenabstände
      - Zeilenabstand (Durchschuss)
      - Feine Satzzeichenkorrekturen (Anführungszeichen, Apostrophe etc.)
      - Ligaturen (fi, fl etc.)
      - Verwendung typografisch korrekter Zeichen (Gedankenstrich, Halbgeviertstrich, typografische Anführungszeichen)
      - Ausgleich von optischen Unebenheiten (z. B. bei Versalien)
      - Trennregeln und Silbentrennung
      - Grauwert des Textblocks (Ausgewogenheit der Buchstabenverteilung)
  - - - Gotische
      - Rundgotische
      - Schwabacher
      - Fraktur
      - Varianten
      - Dekorative
    - - Barock-Antiqua
      - Klassizistische-Antiqua
      - Varianten
      - Dekorative
      - Renneasaince-Antiqua
    - - Grotesk
      - Anglo-Grotesk
      - Konstruierte Grotesk
      - Geschriebene Grotesk
      - Varianten
      - Dekorative
    - - Egyptienne
      - Clarendon
      - Italienne
      - Varianten
      - Dekorative
    - - Flachfederschrift
      - Spitzfederschrift
      - Rundfederschrift
      - Pinselzugschrift
      - Varianten
      - Dekorative
- - - - hilft, Inhalt sinnvoll zu gliedern
      - Wichtiges ist leicht zu erkennen
      - Reihenfolgeeffekt
        
        Bilder werden vor Text betrachtet
  - - - DIN-A-Reihe
        
        DIN-A-0 = 841mm*1189mm = 1m²
        
        kleinere Seite zu größerer Seite Verhältnis = 1 zu Wurzel aus 2 (1,4142)
        
        Die Zahl (A-1, A-2,...) gibt an wie oft DIN A 0 geteilt wurde
        
        verdoppeln der kurzen Seite = jeweils größeres Format
        
        Zeitschriften, Prospekte, Geschäftsdrucksachen, Karteikarten, Postkarten, andere Drucksachen
        
        Ausgangsreihe für DIN-Reihen und Grundlage der Formatklassen bei Druckmaschinen
      - DIN-B-Reihe
        
        überwiegend als Format für Ordner, Mappen usw.
        
        Die A-Reihe kann in der gleichen Formatklasse der B-Reihe eingeordnet werden (z.B. A4 in B4)
        
        Leitz-Ordner
        
        DIN-B-0 = 1000mm*1414mm
      - DIN-C-Reihe
        
        alle Normumschläge Geschäftsleben und Postversand
    - - vertraut, praktisch
      - sieht elegant aus
      - lässt sich gut ablegen (Ordner)
      - wirkt ansprechend und aktivierend
      - gut für textlastige Produkte
      - Printmedien: Prospekt im Hochformat eigentlich ein Querformat
    - - Einzelseiten sind umständlich zu lesen, handhaben und aufbewahren
      - eignet sich für printmedien mit einem hohen Bildanteil
    - - eines der auffälligsten und spannendsten Formate
      - häufig ungewöhnliche Produkte
        
        Kunstprojekte
        
        Designkataloge
        
        etc.
      - Ziel = von der Masse abheben
    - - Gestanzte Formate
        
        Kreis
        
        Wolke
        
        andere Freiform
      - fast ausschließlich als Handzettel/ Flyer
      - Bindungen und Falzungen nur eingeschränkt möglich