Glossar und Definitionen

Gestaltungsgrundlagen

Gestaltungsgrundlagen sammelt die Begriffe, mit denen sich erklären lässt, warum eine Seite geordnet, lesbar und stimmig wirkt. Dazu gehören die Gestaltgesetze von der Nähe über die Ähnlichkeit bis zur Geschlossenheit samt der Figur-Grund-Beziehung, die Werkzeuge für Ordnung und Proportion wie Gestaltungsraster, Goldener Schnitt und Komposition sowie der Kontrast als Gestaltungsmittel. Die Typografie reicht von Schriftart, Schriftfamilie und Schriftschnitt über Serif und Sans-Serif bis zu Zeilenhöhe, Zeilenlänge, Kerning und Laufweite. Die Farbenlehre erklärt Farbkreis, Farbton, Sättigung und Helligkeit, Komplementärfarben, Farbharmonie und Farbpsychologie sowie die Farbmodelle RGB und CMYK. Hinzu kommen die Bildunterschrift und Material Design als Beispiel für ein ausformuliertes Gestaltungssystem. Wie Farben und Schriften für alle lesbar bleiben, steht im Nachbarkapitel Barrierefreiheit, den Aufbau von Seiten beschreibt Website-Struktur, die Anpassung an Bildschirmgrößen Webdesign-Grundlagen.

Aufgeschlagenes Buch mit dem Kapitel Gestaltungsgrundlagen

Alle Begriffe und Definitionen zum Kapitel Gestaltungsgrundlagen:

#

60-30-10-Regel

Eine Faustregel für die Farbaufteilung: 60 Prozent Grundfarbe, 30 Prozent Zweitfarbe, 10 Prozent Akzent.

#Gestaltungsgrundlagen

@font-face (Webfont-Einbindung)

Bindet eine eigene Schriftdatei ein.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

A

Above the Fold

Die englische Bezeichnung für den Bereich oberhalb der Falz.

Siehe: Above the Fold im Layout

#Gestaltungsgrundlagen #Webdesign-Grundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Above the Fold im Layout

Der Bereich einer Seite, der ohne Scrollen sichtbar ist.

#Gestaltungsgrundlagen #Webdesign-Grundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Absatz (Typografie)

Ein Abschnitt eines Textes, der mit einer neuen Zeile beginnt und durch Einzug oder Abstand vom vorigen getrennt ist.

#Gestaltungsgrundlagen

ADC Wettbewerb

Der jährliche Kreativwettbewerb des Art Directors Club für Deutschland, der auch Websites, Interfaces und digitale Erlebnisse auszeichnet.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Additive Farbmischung

Die Mischung von Licht, bei der Farben heller werden und Rot, Grün und Blau zusammen Weiß ergeben.

#Gestaltungsgrundlagen

Adobe Fonts

Der Schriftendienst von Adobe, früher Typekit, dessen Schriften im Adobe-Abo für Desktop und Websites enthalten sind.

#Gestaltungsgrundlagen

Adobe RGB

Ein Farbraum von Adobe aus dem Jahr 1998, der mehr Grüntöne umfasst als sRGB und für die Druckvorstufe gedacht ist.

#Gestaltungsgrundlagen

Adresszeichen

Der Name, unter dem die DIN 5008 das At-Zeichen führt.

Siehe: At-Zeichen (@)

#Gestaltungsgrundlagen

Affenschaukel

Ein dritter, scherzhaft gebrauchter deutscher Name für das At-Zeichen.

Siehe: At-Zeichen (@)

#Gestaltungsgrundlagen

Affenschwanz

Ein zweiter deutscher Name für das At-Zeichen, nach seiner Schwungform.

Siehe: At-Zeichen (@)

#Gestaltungsgrundlagen

Analoge Farben

Ein anderer Name für Analogfarben, die Nachbarn im Farbkreis.

Siehe: Analogfarben

#Gestaltungsgrundlagen

Analogfarben

Farben, die im Farbkreis nebeneinanderliegen, etwa Gelb, Gelborange und Orange, und deshalb ruhig zusammenwirken.

#Gestaltungsgrundlagen

Apostroph (richtig gesetzt)

Das Auslassungszeichen ’, das ausgelassene Buchstaben oder den Genitiv bestimmter Namen markiert und typografisch wie eine hochgestellte 9 aussieht.

#Gestaltungsgrundlagen

Ascender

Die englische Bezeichnung für die Oberlänge; engl. ascend = aufsteigen.

Siehe: Ober- und Unterlänge

#Gestaltungsgrundlagen

Aspect Ratio

Die englische Bezeichnung für das Seitenverhältnis; engl. aspect = Ansicht.

Siehe: Seitenverhältnis

#Gestaltungsgrundlagen

Asymmetrie

Eine Gestaltung, deren Hälften sich unterscheiden und die trotzdem im Gleichgewicht sein kann.

#Gestaltungsgrundlagen

At-Symbol

Eine zweite Bezeichnung für das At-Zeichen, das Sonderzeichen @.

Siehe: At-Zeichen (@)

#Gestaltungsgrundlagen

At-Zeichen (@)

Das Sonderzeichen @, das in einer E-Mail-Adresse das Postfach von der Domain trennt.

#Gestaltungsgrundlagen

Auflösung

Wie viele Bildpunkte ein digitales Bild oder ein Display hat, angegeben als Breite mal Höhe in Pixeln.

#Gestaltungsgrundlagen

Ausrichtung (Gestaltung)

Das Anordnen von Elementen an gemeinsamen Kanten oder Achsen, damit ein Layout geordnet wirkt.

#Gestaltungsgrundlagen

Auszeichnungsarten

Die Mittel, mit denen einzelne Wörter im Text hervorgehoben werden, von leise wie kursiv bis laut wie fett oder farbig.

#Gestaltungsgrundlagen

B

Balance (visuelles Gleichgewicht)

Die ausgewogene Verteilung des visuellen Gewichts auf einer Fläche, symmetrisch oder asymmetrisch.

#Gestaltungsgrundlagen

Baseline

Die gedachte Linie, auf der die Buchstaben einer Zeile stehen; deutsch Grundlinie.

#Gestaltungsgrundlagen

Baseline Grid

Die englische Bezeichnung für das Basislinienraster; engl. grid = Raster.

Siehe: Basislinienraster

#Gestaltungsgrundlagen

Basislinienraster

Ein unsichtbares Raster aus waagerechten Linien, auf dem alle Textzeilen einer Seite stehen.

#Gestaltungsgrundlagen

Bauhaus

Eine Hochschule für Gestaltung, die von 1919 bis 1933 in Weimar, Dessau und Berlin bestand und Gestaltung bis heute prägt.

#Gestaltungsgrundlagen

Bildaufbau

Die Anordnung der Elemente in einem Bild, ein anderer Name für die Komposition.

Siehe: Komposition

#Gestaltungsgrundlagen

Bildauflösung

Ein anderer Name für die Auflösung eines digitalen Bildes in Pixeln.

Siehe: Auflösung

#Gestaltungsgrundlagen

Bildbearbeitung

Das Verändern von Bilddateien am Rechner, vom Zuschnitt über Farbe und Helligkeit bis zur Retusche.

#Gestaltungsgrundlagen

Bildgestaltung

Die Gestaltung eines Bildes über Anordnung, Licht und Farbe; meist gleichbedeutend mit Komposition.

Siehe: Komposition

#Gestaltungsgrundlagen

Bildkomposition

Die Komposition eines einzelnen Bildes, also wie seine Elemente angeordnet sind.

Siehe: Komposition

#Gestaltungsgrundlagen

Bildkonzept

Die Vorgabe, welche Bilder ein Projekt oder eine Marke zeigt und wie: Motive, Perspektive, Licht, Farbstimmung und Bildausschnitt.

#Gestaltungsgrundlagen

Bildlegende

Ein anderer Name für die Caption, vor allem bei Karten und Abbildungen gebräuchlich.

Siehe: Caption (Bildunterschrift)

#Gestaltungsgrundlagen #Barrierefreiheit (Accessibility)

Bildmarke

Eine Marke aus einem Bild ohne Wortbestandteil, etwa das Signet einer Firma.

Siehe: Signet

#Gestaltungsgrundlagen

Bildpunkt

Ein anderer Name für ein Pixel, den kleinsten Punkt eines digitalen Bildes.

Siehe: Pixel

#Gestaltungsgrundlagen

Bildrecherche

Die Suche nach passendem Bildmaterial in Agenturen, Archiven und freien Sammlungen, samt Klärung der Nutzungsrechte.

#Gestaltungsgrundlagen

Bildsprache

Der wiedererkennbare Stil aller Bilder einer Marke, von Motiven und Licht über Farben bis zum Bildausschnitt.

#Gestaltungsgrundlagen

Bildunterschrift

Die deutsche Bezeichnung für die Caption, den kurzen Text zu einem Bild.

Siehe: Caption (Bildunterschrift)

#Gestaltungsgrundlagen #Barrierefreiheit (Accessibility)

Bildwelt

Ein anderer Name für die Bildsprache, den einheitlichen Stil der Bilder einer Marke.

Siehe: Bildsprache

#Gestaltungsgrundlagen

Bindestrich

Der kurze Strich, der Wörter und Wortteile verbindet, etwa in E-Mail oder Kfz-Schlosser.

#Gestaltungsgrundlagen

Bitmap

Ein anderer Name für eine Pixelgrafik; engl. bit map = Bitkarte.

Siehe: Pixelgrafik

#Gestaltungsgrundlagen

Blickführung

Das gezielte Lenken des Blicks über eine Seite, vom Wichtigsten zum Nächsten.

#Gestaltungsgrundlagen

Blocksatz

Textsatz, bei dem alle Zeilen gleich lang sind, weil die Wortabstände angepasst werden.

#Gestaltungsgrundlagen

Bold

Die englische Bezeichnung für den fetten Schriftschnitt; engl. bold = kühn, kräftig.

Siehe: Fett (Bold)

#Gestaltungsgrundlagen

Brutalismus (Webdesign)

Ein Webdesign-Stil, der bewusst roh und unverziert wirkt, mit harten Kanten, Systemschriften und sichtbarer Struktur.

#Gestaltungsgrundlagen

Bunt-Unbunt-Kontrast

Der Kontrast zwischen einer bunten Farbe und den unbunten Farben Weiß, Grau oder Schwarz.

#Gestaltungsgrundlagen

C

Cannes Lions

Das internationale Festival der Kreativität in Cannes, dessen Löwen auch digitales Handwerk wie Interfaces und Websites auszeichnen.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Caption (Bildunterschrift)

Ein kurzer Text zu einem Bild, der sagt, was zu sehen ist oder was es bedeutet; deutsch Bildunterschrift.

#Gestaltungsgrundlagen #Barrierefreiheit (Accessibility)

CD

Das Kürzel für Corporate Design, in der Softwareentwicklung auch für Continuous Deployment.

Siehe: Corporate Design oder Continuous Deployment (CD)

#Gestaltungsgrundlagen #Deployment & Versionierung

Chroma

Die Buntheit einer Farbe im Verhältnis zu einem gleich hellen Grau, also wie weit sie von Unbunt entfernt ist.

#Gestaltungsgrundlagen

CI

Das Kürzel für Corporate Identity, in der Softwareentwicklung auch für Continuous Integration.

Siehe: Corporate Identity oder Continuous Integration (CI)

#Gestaltungsgrundlagen #Deployment & Versionierung

CIELAB

Der Name des LAB-Farbraums nach der Internationalen Beleuchtungskommission CIE.

Siehe: LAB-Farbraum

#Gestaltungsgrundlagen

Clio Awards

Ein internationaler Werbepreis aus New York, gegründet 1959, der im Bereich Digital/Mobile auch Websites und digitale Erlebnisse auszeichnet.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

CMYK (Cyan, Magenta, Gelb, Schwarz)

Das subtraktive Farbmodell des Drucks mit den Farben Cyan, Magenta, Gelb und Schwarz.

#Gestaltungsgrundlagen

Collage

Ein Bild aus aufgeklebten oder zusammengesetzten Teilen verschiedener Herkunft, etwa Papier, Fotos und Muster.

#Gestaltungsgrundlagen

Color Correction

Die englische Bezeichnung für die Farbkorrektur; engl. correction = Berichtigung.

Siehe: Farbkorrektur

#Gestaltungsgrundlagen

Color Grading

Die gestalterische Farbbearbeitung von Film, Video und Fotos, die einem Bild nach der Korrektur einen bestimmten Look gibt.

#Gestaltungsgrundlagen

Color Harmony

Die englische Bezeichnung für die Farbharmonie; engl. harmony = Harmonie, Einklang.

Siehe: Farbharmonie

#Gestaltungsgrundlagen

Color Management

Die englische Bezeichnung für das Farbmanagement; engl. management = Steuerung.

Siehe: Farbmanagement im Workflow

#Gestaltungsgrundlagen

Color Scheme

Die festgelegte Farbpalette einer Website, in der jede Farbe eine Rolle hat, etwa Hauptfarbe, Akzent oder Hintergrund.

#Gestaltungsgrundlagen

Color Wheel

Die englische Bezeichnung für den Farbkreis; engl. wheel = Rad.

Siehe: Farbkreis

#Gestaltungsgrundlagen

Column Grid

Die englische Bezeichnung für das Spaltenraster; engl. column = Spalte.

Siehe: Spaltenraster

#Gestaltungsgrundlagen

Component Library (UI-Bibliothek)

Eine Sammlung fertiger Oberflächenkomponenten im Code, die sich in Projekte einbinden lässt.

#Programmiersprachen #Gestaltungsgrundlagen

Contrast Ratio

Englische Bezeichnung für das Kontrastverhältnis; engl. ratio = Verhältnis.

Siehe: Kontrastverhältnis

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen #Benutzererfahrung (UX)

Corporate Design

Das einheitliche visuelle Erscheinungsbild eines Unternehmens aus Logo, Hausfarben, Hausschrift und weiteren Gestaltungskonstanten.

#Gestaltungsgrundlagen

Corporate Identity

Das Selbstverständnis eines Unternehmens und sein stimmiger Ausdruck in Erscheinungsbild, Kommunikation und Verhalten.

#Gestaltungsgrundlagen

Corporate Style

Der einheitliche Gestaltungsstil eines Unternehmens über alle Medien, meist gleichbedeutend mit Corporate Design gebraucht.

#Gestaltungsgrundlagen

Counter

Die englische Bezeichnung für die Punze; engl. counter nach dem Gegenstempel.

Siehe: Punze

#Gestaltungsgrundlagen

CSS-Einheiten

Pixel, em, rem, Prozent und die Viewport-Einheiten.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

D

D&AD

Die Abkürzung für British Design & Art Direction, die Londoner Organisation hinter den D&AD Awards.

Siehe: D&AD Awards

#Webdesign-Grundlagen #Gestaltungsgrundlagen

D&AD Awards

Die Preise der gemeinnützigen Londoner Organisation D&AD, die seit 1963 Design und Werbung mit Pencils auszeichnet, auch Websites.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Data Visualization

Die englische Bezeichnung für die Datenvisualisierung; engl. visualization = Veranschaulichung.

Siehe: Datenvisualisierung

#Gestaltungsgrundlagen

Datenvisualisierung

Die grafische Darstellung von Daten, etwa als Balken-, Linien- oder Streudiagramm, damit Muster und Unterschiede schnell erkennbar werden.

#Gestaltungsgrundlagen

Delta E (Farbabstand)

Eine Zahl für den wahrgenommenen Unterschied zwischen zwei Farben, berechnet als Abstand im LAB-Farbraum.

#Gestaltungsgrundlagen

Descender

Die englische Bezeichnung für die Unterlänge; engl. descend = absteigen.

Siehe: Ober- und Unterlänge

#Gestaltungsgrundlagen

Design

Die formgerechte und funktionale Gestaltung eines Gegenstands und die Form, die daraus entsteht; auch der Entwurf dafür.

#Gestaltungsgrundlagen

Design Critique

Die englische Bezeichnung für die Designkritik; engl. critique = Kritik.

Siehe: Designkritik (Feedbackrunde)

#Gestaltungsgrundlagen

Design Guidelines

Die englische Bezeichnung für einen Styleguide; engl. guideline = Richtlinie.

Siehe: Styleguide

#Gestaltungsgrundlagen

Design Handoff

Die englische Bezeichnung für die Übergabe von Entwürfen an die Entwicklung.

Siehe: Design-Handoff an die Entwicklung

#Gestaltungsgrundlagen

Design Sprint

Ein fünftägiges Verfahren von Google Ventures, in dem ein Team ein Problem abbildet, Lösungen skizziert, entscheidet, einen Prototyp baut und ihn mit Nutzern testet.

#Gestaltungsgrundlagen

Design System

Gepflegte Sammlung aus Gestaltungsregeln, wiederverwendbaren Bausteinen und deren Dokumentation für alle Oberflächen einer Marke.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Design Thinking

Ein menschzentrierter Ansatz, Probleme in Phasen vom Verstehen über Ideen und Prototypen bis zum Test zu lösen.

#Gestaltungsgrundlagen

Design-Handoff an die Entwicklung

Die Übergabe fertiger Entwürfe samt Maßen, Zuständen, Assets und Regeln von der Gestaltung an die Entwicklung.

#Gestaltungsgrundlagen

Designfreigabe

Die Zustimmung des Auftraggebers zu einem Entwurf, nach der auf dieser Grundlage weitergearbeitet wird.

#Gestaltungsgrundlagen

Designkritik (Feedbackrunde)

Eine strukturierte Besprechung, in der ein Entwurf daran gemessen wird, ob er seine Ziele erreicht, nicht am persönlichen Geschmack.

#Gestaltungsgrundlagen

Designportfolio

Eine Sammlung ausgewählter Arbeiten, mit der Designer oder Agenturen zeigen, was sie können.

#Gestaltungsgrundlagen

Designpreise (Awards)

Wettbewerbe, in denen Jurys gestaltete Produkte, Kommunikation oder Websites auszeichnen, etwa der Red Dot Award.

#Gestaltungsgrundlagen

Designprozess

Die Abfolge von Schritten, in der aus einer Aufgabe ein gestaltetes Ergebnis entsteht: verstehen, festlegen, entwerfen, prüfen, wiederholen.

#Gestaltungsgrundlagen

Designsystem

Die zusammengeschriebene deutsche Form des Design System, mit Regeln und Bausteinen.

Siehe: Design System

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Detailtypografie

Ein anderer Name für die Mikrotypografie, die Feinarbeit innerhalb der Zeile.

Siehe: Mikrotypografie

#Gestaltungsgrundlagen

Deuteranopie

Die Form der Farbenblindheit, bei der die Zapfen für Grün fehlen.

Siehe: Farbenblindheit

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Dichte und Luft im Layout

Wie viele Elemente auf einer Fläche stehen und wie viel Freiraum sie umgibt; das Abwägen zwischen Überblick und Lesbarkeit.

#Gestaltungsgrundlagen

Dickte

Die Breite eines Schriftzeichens samt dem Raum links und rechts davon, der Vor- und Nachbreite.

#Gestaltungsgrundlagen

Dicktengleiche Schrift

Der deutsche Fachbegriff für Monospace, eine Schrift mit gleich breiten Zeichen.

Siehe: Monospace

#Gestaltungsgrundlagen

Die sieben Farbkontraste nach Itten

Sieben Arten, wie Farben sich voneinander abheben, beschrieben von Johannes Itten in Kunst der Farbe (1961).

#Gestaltungsgrundlagen

Digital Craft Lions

Die Sparte der Cannes Lions, die digitales Handwerk wie Interfaces, UX und Websites auszeichnet.

Siehe: Cannes Lions

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Display P3

Ein Farbraum von Apple, der mehr gesättigte Grün- und Rottöne erfasst als sRGB und den heutige Bildschirme fast vollständig zeigen.

#Gestaltungsgrundlagen

Display-Schrift

Eine Schrift oder ein Schriftschnitt, der für große Schriftgrade gezeichnet ist, etwa für Überschriften und Plakate.

#Gestaltungsgrundlagen

Divis

Der Oberbegriff für Bindestrich, Trennstrich und Ergänzungsstrich; lat. divisum = geteilt.

Siehe: Bindestrich

#Gestaltungsgrundlagen

Double Diamond

Ein Modell des Design Council für den Designprozess mit vier Phasen in zwei Rauten: Discover, Define, Develop und Deliver.

#Gestaltungsgrundlagen

DPI (Dots Per Inch)

Eine Maßeinheit für die Auflösung, die angibt, wie viele Punkte auf einen Zoll kommen, vor allem im Druck.

#Gestaltungsgrundlagen

Drop Cap

Die englische Bezeichnung für das Initial; engl. drop cap = herabgesenkter Großbuchstabe.

Siehe: Initial

#Gestaltungsgrundlagen

Duotone

Die englische Bezeichnung für ein Duplex-Bild in zwei Farben; engl. tone = Ton.

Siehe: Duplex

#Gestaltungsgrundlagen

Duplex

Ein Graustufenbild, das mit zwei Druckfarben gedruckt oder dargestellt wird, meist Schwarz und eine Schmuckfarbe.

#Gestaltungsgrundlagen

Durchschuss

Der freie Raum zwischen zwei Textzeilen, im Bleisatz durch Bleistreifen zwischen den Zeilen erzeugt.

#Gestaltungsgrundlagen

E

Einzug

Ein Abstand vom linken Rand, mit dem die erste Zeile eines neuen Absatzes beginnt.

#Gestaltungsgrundlagen

Em (Schriftgrößeneinheit)

Eine relative Maßeinheit, die der Schriftgröße entspricht; in CSS die Schriftgröße des jeweiligen Elements.

#Gestaltungsgrundlagen

En Dash

Die englische Bezeichnung für den Halbgeviertstrich; engl. en = Halbgeviert.

Siehe: Gedankenstrich

#Gestaltungsgrundlagen

Entwurf (Gestaltung)

Eine Zeichnung oder Darstellung, nach der etwas ausgeführt wird; in der Gestaltung die Stufen vom Scribble bis zur Reinzeichnung.

#Gestaltungsgrundlagen

Erdfarben

Braune, ockerfarbene und rötliche Töne, ursprünglich aus natürlichen Erdpigmenten wie Ocker, Siena und Umbra.

#Gestaltungsgrundlagen

Erdtöne

Ein anderer Name für Erdfarben wie Ocker, Siena und Umbra.

Siehe: Erdfarben

#Gestaltungsgrundlagen

F

F-Pattern

Die englische Bezeichnung für das F-Muster beim Überfliegen von Text.

Siehe: Layout-Muster (Z-Muster, F-Muster)

#Gestaltungsgrundlagen

Facelift

Eine optische Auffrischung, bei der Farben, Schriften und Bilder erneuert werden, Struktur und Technik aber bleiben.

#Gestaltungsgrundlagen

Farbabgleich

Das Angleichen von Farben zwischen Geräten, Medien oder Lichtverhältnissen, damit sie überall gleich wirken.

#Gestaltungsgrundlagen

Farbassoziation

Die Vorstellung oder das Gefühl, das Menschen mit einer Farbe verbinden, etwa Rot mit Liebe oder Gefahr.

#Gestaltungsgrundlagen

Farbe als alleiniger Informationsträger (Anti-Pattern)

Ein Gestaltungsfehler, bei dem eine Information nur über Farbe vermittelt wird, etwa ein Fehler nur durch einen roten Rahmen.

#Gestaltungsgrundlagen

Farbe-an-sich-Kontrast

Der Kontrast reiner, ungetrübter Farben in voller Leuchtkraft nebeneinander, am stärksten bei Gelb, Rot und Blau.

#Gestaltungsgrundlagen

Farbenblindheit

Eingeschränkte Unterscheidung von Farben, meist zwischen Rot und Grün.

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Farbenlehre

Das deutsche Wort für die Farbtheorie, die Lehre von Entstehung, Wahrnehmung und Wirkung der Farben.

Siehe: Farbtheorie

#Gestaltungsgrundlagen

Farbfehlsichtigkeit

Die fachlich richtige Bezeichnung für das, was Farbenblindheit genannt wird.

Siehe: Farbenblindheit

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Farbharmonie

Ein Zusammenspiel von Farben, das als stimmig und ausgewogen empfunden wird.

#Gestaltungsgrundlagen

Farbintensität

Ein Alltagswort für die Kraft einer Farbe; gemeint ist meist ihre Sättigung oder Buntheit, je nach Farbmodell als Sättigung oder Chroma gemessen.

#Gestaltungsgrundlagen

Farbkontrast

Der sichtbare Unterschied zwischen zwei Farben in Farbton, Helligkeit oder Sättigung.

#Gestaltungsgrundlagen

Farbkontraste nach Itten

Ein kürzerer Name für die sieben Farbkontraste, die Johannes Itten 1961 beschrieb.

Siehe: Die sieben Farbkontraste nach Itten

#Gestaltungsgrundlagen

Farbkorrektur

Das Angleichen der Farben eines Fotos oder Videos an einen neutralen, natürlichen Eindruck, etwa durch Entfernen eines Farbstichs.

#Gestaltungsgrundlagen

Farbkreis

Eine kreisförmige Anordnung der Farbtöne, in der Nachbarn ineinander übergehen und Gegensätze sich gegenüberliegen.

#Gestaltungsgrundlagen

Farbmanagement

Die Abstimmung von Farben über Geräte hinweg mit Profilen, ausführlich unter Farbmanagement im Workflow.

Siehe: Farbmanagement im Workflow

#Gestaltungsgrundlagen

Farbmanagement im Workflow

Das Zusammenspiel von Profilen und Umrechnungen, das Farben von der Kamera über den Bildschirm bis in Druck und Web gleich hält.

#Gestaltungsgrundlagen

Farbmischung

Das Entstehen neuer Farben aus anderen, durch Mischen von Licht, Pigmenten oder nebeneinanderliegenden Punkten.

#Gestaltungsgrundlagen

Farbmodell

Ein System, das Farben durch wenige Zahlenwerte beschreibt, etwa Rot-, Grün- und Blauanteil oder Farbton, Sättigung und Helligkeit.

#Gestaltungsgrundlagen

Farbpalette entwickeln

Das Ableiten eines festen Satzes von Farben und Abstufungen aus der Markenfarbe, mit klaren Rollen und geprüftem Kontrast.

#Gestaltungsgrundlagen

Farbpalette für Dark Mode

Die eigens abgestimmten Farben für die dunkle Ansicht einer Website, mit fast schwarzen Flächen, hellem Text und aufgehellten, weniger gesättigten Akzenten.

#Gestaltungsgrundlagen

Farbprofil

Eine Datei nach dem Standard des ICC, die beschreibt, wie ein Gerät oder ein Bild Farben darstellt.

#Gestaltungsgrundlagen

Farbpsychologie

Das Forschungsgebiet, das untersucht, wie Farben Gefühle, Urteile und Verhalten beeinflussen.

#Gestaltungsgrundlagen

Farbrad

Ein anderer Name für den Farbkreis, die kreisförmige Ordnung der Farbtöne.

Siehe: Farbkreis

#Gestaltungsgrundlagen

Farbraum

Die genau festgelegte Menge an Farben, die ein System darstellen kann, mit messbarer Bedeutung für jeden Farbwert.

#Gestaltungsgrundlagen

Farbraumkonvertierung

Das Umrechnen von Farbwerten von einem Farbraum in einen anderen, etwa von RGB in CMYK, so dass die Farben möglichst gleich aussehen.

#Gestaltungsgrundlagen

Farbrollen (Primär-, Sekundär-, Akzentfarbe)

Die Aufgaben, die Farben in einem Farbschema übernehmen, etwa Primärfarbe für wichtige Aktionen, Flächenfarbe für Hintergründe und Fehlerfarbe für Warnungen.

#Gestaltungsgrundlagen

Farbsättigung

Ein anderer Name für die Sättigung, also wie kräftig eine Farbe ist.

Siehe: Sättigung (Saturation)

#Gestaltungsgrundlagen

Farbschema

Die deutsche Bezeichnung für das Color Scheme, die Farbpalette einer Website mit festen Rollen.

Siehe: Color Scheme

#Gestaltungsgrundlagen

Farbsehschwäche

Eine mildere Bezeichnung für die Farbfehlsichtigkeit, die Anomalien einschließt.

Siehe: Farbenblindheit

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Farbstich

Eine unerwünschte Verfärbung eines Bildes in einen Farbton, etwa ins Blaue oder Gelbe, die auch neutrale Flächen tönt.

#Gestaltungsgrundlagen

Farbstimmung

Der durchgehende Farbeindruck eines Bildes aus Farbtönen, Sättigung und Temperatur.

#Gestaltungsgrundlagen #Künstliche Intelligenz (KI)

Farbsymbolik

Die Bedeutung, die eine Kultur einer Farbe zuschreibt, etwa Rot für Glück und Feste in China.

#Gestaltungsgrundlagen

Farbsystem

Eine Ordnung, die Farben nach festen Regeln anordnet und benennt, oft mit gedruckten Mustern, etwa RAL, Pantone oder NCS.

#Gestaltungsgrundlagen

Farbtemperatur

Die Lichtfarbe einer Lichtquelle, angegeben in Kelvin: niedrige Werte wirken warm und rötlich, hohe kalt und bläulich.

#Gestaltungsgrundlagen

Farbtheorie

Die Lehren darüber, wie Farben entstehen, wie wir sie wahrnehmen und wie sie zusammenwirken, von Newton bis Albers.

#Gestaltungsgrundlagen

Farbton (Hue)

Die Eigenschaft einer Farbe, die sie als Rot, Gelb, Grün, Blau oder als Mischung daraus erscheinen lässt.

#Gestaltungsgrundlagen

Farbtrends

Prognosen, welche Farben in den kommenden Jahren gefragt sein werden, veröffentlicht von Trendagenturen, Verbänden und Farbsystem-Herstellern.

#Gestaltungsgrundlagen

Farbumfang

Die deutsche Bezeichnung für den Gamut, den Umfang an Farben, den ein Gerät darstellen kann.

Siehe: Gamut (Farbumfang)

#Gestaltungsgrundlagen

Farbwahrnehmung

Wie Auge und Gehirn aus Licht Farben machen, über drei Zapfenarten, Gegenfarben und den Vergleich mit der Umgebung.

#Gestaltungsgrundlagen

Farbwelt

Die festgelegten Farben einer Marke oder eines Projekts und die Regeln, wie sie eingesetzt werden.

#Gestaltungsgrundlagen

Farbwert (Value)

Die Helligkeit einer Farbe auf einer Skala von 0 für Schwarz bis 10 für Weiß, wie sie das Farbsystem von Munsell angibt.

#Gestaltungsgrundlagen

Farbwerte in CSS (Hex, RGB, HSL)

Vier Schreibweisen für dieselbe Farbe.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

Fett (Bold)

Ein Schriftschnitt mit deutlich kräftigeren Strichen als der normale, in CSS font-weight 700.

#Gestaltungsgrundlagen

Figur-Grund-Beziehung

Das Prinzip, nach dem das Auge ein Bild in Vordergrund und Hintergrund trennt.

#Gestaltungsgrundlagen

Figur-Grund-Prinzip

Ein anderer Name für die Figur-Grund-Beziehung, die Trennung in Vorder- und Hintergrund.

Siehe: Figur-Grund-Beziehung

#Gestaltungsgrundlagen

Flash of Invisible Text

Der ausgeschriebene Name von FOIT, der Phase mit unsichtbarem Text.

Siehe: FOIT

#Gestaltungsgrundlagen

Flash of Unstyled Text

Der ausgeschriebene Name von FOUT, dem Aufblitzen der Ersatzschrift.

Siehe: FOUT

#Gestaltungsgrundlagen

Flat Design

Ein Gestaltungsstil für Oberflächen, der auf Schatten, Verläufe und Texturen verzichtet und mit Fläche, Farbe und Schrift arbeitet.

#Gestaltungsgrundlagen

Flattersatz

Textsatz mit unterschiedlich langen Zeilen und einer glatten Kante, im Deutschen meist linksbündig.

#Gestaltungsgrundlagen

Fließtext

Zusammenhängender Text in Absätzen, der den Hauptteil einer Seite trägt.

#Gestaltungsgrundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Fluid Typography (responsive Schriftgrößen)

Schriftgrößen, die stufenlos mit der Breite des Viewports wachsen, meist zwischen einem Minimum und einem Maximum.

#Gestaltungsgrundlagen

FOIT

Die Phase, in der Text unsichtbar bleibt, weil der Browser auf eine Webschrift wartet.

#Gestaltungsgrundlagen

Fokuspunkt (Emphasis)

Die Stelle einer Gestaltung, die den Blick zuerst auf sich zieht und am längsten hält.

#Gestaltungsgrundlagen

Font

Eine einzelne Schriftdatei oder ein einzelner Schnitt einer Schrift, etwa Roboto Bold, im Unterschied zur Schriftart als Gestaltung.

#Gestaltungsgrundlagen

Font Family

Die englische Bezeichnung für die Schriftfamilie und Name der CSS-Eigenschaft font-family; engl. family = Familie.

Siehe: Schriftfamilie

#Gestaltungsgrundlagen

Font Pairing

Die englische Bezeichnung für die Schriftmischung; engl. pairing = Paarbildung.

Siehe: Schriftmischung

#Gestaltungsgrundlagen

Font Stack

Ein anderer Name für den Font-Fallback-Stack, die Liste der Schriften in font-family.

Siehe: Font-Fallback-Stack

#Gestaltungsgrundlagen

Font-Fallback-Stack

Die Liste von Schriften in font-family, die der Browser der Reihe nach probiert, bis er eine findet, die das Zeichen enthält.

#Gestaltungsgrundlagen

font-family, font-size, line-height

Die drei Angaben, die über Lesbarkeit entscheiden.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

Fotografie

Das Verfahren, mit Licht dauerhafte Bilder herzustellen, und das einzelne so entstandene Bild.

#Gestaltungsgrundlagen

FOUT

Das kurze Aufblitzen von Text in einer Ersatzschrift, bevor die Webschrift geladen ist und ihn ersetzt.

#Gestaltungsgrundlagen

Freisteller

Ein Bild, bei dem ein Motiv vom Hintergrund gelöst wurde, sodass es auf transparentem oder neuem Grund steht.

#Gestaltungsgrundlagen

Freistellung

Ein anderer Name für den Freisteller und das Freistellen eines Motivs.

Siehe: Freisteller

#Gestaltungsgrundlagen

G

Gamut (Farbumfang)

Der Umfang an Farben, den ein Gerät, ein Medium oder ein Farbraum darstellen kann.

#Gestaltungsgrundlagen

Gedankenstrich

Ein Satzzeichen, das einen Wechsel im Satz anzeigt oder einen Einschub einklammert; im Deutschen der Halbgeviertstrich mit Leerzeichen.

#Gestaltungsgrundlagen

Gemeine (Lowercase)

Die Kleinbuchstaben einer Schrift, fachsprachlich auch Minuskeln.

#Gestaltungsgrundlagen

German Design Award

Der internationale Designpreis des Rats für Formgebung, der in der Kategorie Web auch Websites und Onlineshops auszeichnet.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Gesetz der Ähnlichkeit

Ein Gestaltgesetz: Elemente, die gleich aussehen, werden als zusammengehörig wahrgenommen.

#Gestaltungsgrundlagen

Gesetz der Geschlossenheit

Ein Gestaltgesetz: Das Auge ergänzt Lücken und sieht geschlossene Formen, wo nur Teile zu sehen sind.

#Gestaltungsgrundlagen

Gesetz der Nähe

Ein Gestaltgesetz: Was nah beieinandersteht, wird als zusammengehörig wahrgenommen.

#Gestaltungsgrundlagen

Gestaltgesetze (Gesetze der Wahrnehmung)

Regeln der Wahrnehmung, nach denen das Auge einzelne Elemente zu Gruppen und Formen zusammenfasst.

#Gestaltungsgrundlagen

Gestaltprinzipien

Ein anderer Name für die Gestaltgesetze, die Regeln, nach denen das Auge Elemente gruppiert.

Siehe: Gestaltgesetze (Gesetze der Wahrnehmung)

#Gestaltungsgrundlagen

Gestaltung

Das deutsche Wort für Design, das Gestalten und das Gestaltetsein.

Siehe: Design

#Gestaltungsgrundlagen

Gestaltungsraster (Rastersysteme)

Ein Ordnungssystem aus Spalten, Stegen und Rändern, an dem sich alle Elemente einer Gestaltung ausrichten.

#Gestaltungsgrundlagen

Gestaltungsrichtlinien

Ein anderer Name für einen Styleguide, das Regelwerk für ein einheitliches Design.

Siehe: Styleguide

#Gestaltungsgrundlagen

Geviert

Das typografische Maß in der Größe des Schriftgrads, in CSS die Einheit em.

Siehe: Em (Schriftgrößeneinheit)

#Gestaltungsgrundlagen

Glassmorphism

Die englische Bezeichnung für den Glassmorphismus; engl. glass = Glas.

Siehe: Glassmorphismus

#Gestaltungsgrundlagen

Glassmorphismus

Ein Gestaltungsstil mit halbtransparenten, milchglasartigen Flächen, durch die der Hintergrund unscharf durchscheint.

#Gestaltungsgrundlagen

Glyph

Die konkrete grafische Form eines Schriftzeichens in einer bestimmten Schrift.

#Gestaltungsgrundlagen

Glyphe

Die im Duden geführte Form von Glyph, der konkreten Form eines Schriftzeichens.

Siehe: Glyph

#Gestaltungsgrundlagen

Golden Ratio

Die englische Bezeichnung für den Goldenen Schnitt; engl. golden ratio = goldenes Verhältnis.

Siehe: Goldener Schnitt

#Gestaltungsgrundlagen

Goldene Proportion

Ein anderer Name für den Goldenen Schnitt, das Teilungsverhältnis von rund 1,618 zu 1.

Siehe: Goldener Schnitt

#Gestaltungsgrundlagen

Goldener Schnitt

Ein Teilungsverhältnis von rund 1,618 zu 1, das in der Gestaltung als ausgewogene Proportion gilt.

#Gestaltungsgrundlagen

Google Fonts

Eine Sammlung freier Schriften von Google, die Websites einbinden oder selbst hosten können.

#Gestaltungsgrundlagen

Grafikdesign

Die Gestaltung visueller Kommunikation mit Schrift, Bild, Farbe und Fläche, für Druck und Bildschirm.

#Benutzererfahrung (UX) #Gestaltungsgrundlagen

Grand Clio

Die höchste Auszeichnung der Clio Awards für die beste Arbeit eines Mediums im Jahr.

Siehe: Clio Awards

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Graphic Design

Die englische Bezeichnung für Grafikdesign; graphic heißt grafisch.

Siehe: Grafikdesign

#Benutzererfahrung (UX) #Gestaltungsgrundlagen

Grid-System im Webdesign

Ein Raster aus Spalten und Abständen, an dem Inhalte ausgerichtet werden, um über eine ganze Website dieselbe Ordnung zu erzeugen.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Großbuchstaben

Ein anderer Name für Versalien, die Großbuchstaben einer Schrift.

Siehe: Versalien (Uppercase)

#Gestaltungsgrundlagen

Grotesk (serifenlos)

Eine serifenlose Schrift mit gleichmäßig starken Strichen; im Deutschen oft der Name aller serifenlosen Schriften.

#Gestaltungsgrundlagen

Grundfarben

Ein anderer Name für die Primärfarben, aus denen sich andere Farben mischen lassen.

Siehe: Primärfarben

#Gestaltungsgrundlagen

Grundlinie

Die deutsche Bezeichnung für die Baseline, die Linie, auf der Buchstaben stehen.

Siehe: Baseline

#Gestaltungsgrundlagen

Grundlinienraster

Ein anderer Name für das Basislinienraster, auf dem alle Textzeilen stehen.

Siehe: Basislinienraster

#Gestaltungsgrundlagen

Gruppierung

Das Zusammenfassen von Elementen zu Einheiten, die das Auge auf einen Blick als zusammengehörig erkennt.

#Gestaltungsgrundlagen

H

Halbgeviert

Ein typografisches Maß von der halben Breite eines Gevierts, also eines Quadrats in der Größe des Schriftgrads.

#Gestaltungsgrundlagen

Halbgeviertstrich

Der Strich in der Breite eines Halbgevierts, im Deutschen Gedankenstrich und Bis-Strich.

Siehe: Gedankenstrich

#Gestaltungsgrundlagen

Hängende Interpunktion

Der Teil des optischen Randausgleichs, der nur Satzzeichen über den Rand schiebt.

Siehe: Optischer Randausgleich

#Gestaltungsgrundlagen

HCD

Die Abkürzung für Human-Centered Design, die menschzentrierte Gestaltung.

Siehe: Human-Centered Design

#Gestaltungsgrundlagen #Benutzererfahrung (UX)

Headline

Englische Bezeichnung für die Überschrift; engl. headline = Überschrift.

Siehe: Überschrift

#Website-Struktur #Gestaltungsgrundlagen

Hell-Dunkel-Kontrast

Der Kontrast zwischen hellen und dunklen Farben, am stärksten zwischen Weiß und Schwarz.

#Gestaltungsgrundlagen

Helligkeit (Brightness)

Das Maß dafür, wie hell eine Farbe erscheint, also wie viel Licht eine Fläche abzugeben scheint.

#Gestaltungsgrundlagen

Hex-Code

Ein anderer Name für Hexadezimalfarben, die Schreibweise von Farben wie #0078ff.

Siehe: Hexadezimalfarben (Hex)

#Gestaltungsgrundlagen

Hexadezimalfarben (Hex)

Die Schreibweise von Farben als Hexadezimalzahl, etwa #0078ff für die Anteile von Rot, Grün und Blau.

#Gestaltungsgrundlagen

Hexwert

Ein anderer Name für Hexadezimalfarben, die Schreibweise von Farben wie #0078ff.

Siehe: Hexadezimalfarben (Hex)

#Gestaltungsgrundlagen

HSB (Hue, Saturation, Brightness)

Ein Farbmodell, das Farben nach Farbton, Sättigung und Helligkeit beschreibt, wobei volle Helligkeit die reine Farbe ergibt.

#Gestaltungsgrundlagen

HSL (Hue, Saturation, Lightness)

Ein Farbmodell, das Farben über Farbton, Sättigung und Helligkeit beschreibt; in CSS als hsl() verfügbar.

#Gestaltungsgrundlagen

HSV

Ein anderer Name für HSB, das Farbmodell aus Farbton, Sättigung und Helligkeit.

Siehe: HSB (Hue, Saturation, Brightness)

#Gestaltungsgrundlagen

Hue

Die englische Bezeichnung für den Farbton, in CSS der Winkel im Farbkreis.

Siehe: Farbton (Hue)

#Gestaltungsgrundlagen

Human-Centered Design

Ein Gestaltungsansatz, der interaktive Systeme aus Sicht der Menschen entwickelt, die sie nutzen oder von ihnen betroffen sind; genormt in ISO 9241-210.

#Gestaltungsgrundlagen #Benutzererfahrung (UX)

Hurenkind

Die letzte Zeile eines Absatzes, die allein am Anfang einer neuen Seite oder Spalte steht.

#Gestaltungsgrundlagen

Hyphenation

Die englische Bezeichnung für die Silbentrennung; engl. hyphen = Bindestrich.

Siehe: Silbentrennung

#Gestaltungsgrundlagen

I

ICC-Profil

Eine Datei im Format des International Color Consortium, die die Farben eines Geräts oder Farbraums beschreibt; genormt als ISO 15076-1.

#Gestaltungsgrundlagen

Icons

Kleine Bildzeichen, die eine Funktion oder einen Inhalt auf einen Blick erkennbar machen.

#Website-Struktur #Gestaltungsgrundlagen

Iconset (Icon-System)

Eine Sammlung von Icons, die nach gemeinsamen Regeln für Raster, Strich und Ecken gezeichnet sind und deshalb zusammenpassen.

#Gestaltungsgrundlagen

iF Design Award

Ein internationaler Designpreis aus Hannover, der in der Disziplin Branding & Communication Design auch Websites auszeichnet.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Illustration

Ein gezeichnetes oder gemaltes Bild, das einen Text oder eine Idee veranschaulicht, von Hand oder digital.

#Gestaltungsgrundlagen

Illustrationsstil

Die festgelegte Art, wie die Illustrationen einer Marke oder eines Produkts aussehen: Linien, Farben, Perspektive und Detailgrad.

#Gestaltungsgrundlagen

Infografik-Gestaltung

Das Entwerfen von Infografiken, also bildlichen Darstellungen von Zahlen, Abläufen und Zusammenhängen.

#Gestaltungsgrundlagen

Initial

Ein vergrößerter, oft verzierter Anfangsbuchstabe, der über mehrere Zeilen eines Textes reicht.

#Gestaltungsgrundlagen

Initiale

Die Hauptform im Duden für das Initial, den vergrößerten Anfangsbuchstaben.

Siehe: Initial

#Gestaltungsgrundlagen

Iteration im Designprozess

Das wiederholte Durchlaufen von Entwurf, Test und Auswertung, bis eine Lösung die Anforderungen erfüllt.

#Gestaltungsgrundlagen

K

Kalte Farben

Farbtöne von Blaugrün über Blau bis Violett, die nach verbreiteter Vorstellung Kühle ausstrahlen.

#Gestaltungsgrundlagen

Kapitälchen (Small Caps)

Großbuchstaben in der Höhe der Kleinbuchstaben, als eigene, kräftiger gezeichnete Formen.

#Gestaltungsgrundlagen

Kerning

Der Ausgleich des Abstands zwischen bestimmten Buchstabenpaaren wie AV oder To, auf Deutsch Unterschneidung.

#Gestaltungsgrundlagen

Key Visual

In der Werbesprache das Leitmotiv, das eine Marke oder Kampagne über alle Medien hinweg wiedererkennbar macht; engl. key = Schlüssel.

#Gestaltungsgrundlagen

Klammeraffe

Der verbreitete deutsche Name für das At-Zeichen in E-Mail-Adressen.

Siehe: At-Zeichen (@)

#Gestaltungsgrundlagen

Kleinbuchstaben

Ein anderer Name für Gemeine, die Kleinbuchstaben einer Schrift.

Siehe: Gemeine (Lowercase)

#Gestaltungsgrundlagen

Kolumne

In der Typografie eine Satzspalte oder Satzseite; im Journalismus ein regelmäßiger Meinungsbeitrag an fester Stelle.

#Gestaltungsgrundlagen

Komplementärfarbe

Die Farbe, die einer anderen im Farbkreis gegenüberliegt.

Siehe: Komplementärfarben

#Gestaltungsgrundlagen

Komplementärfarben

Farbpaare, die sich im Farbkreis gegenüberliegen und den stärksten Farbkontrast bilden.

#Gestaltungsgrundlagen

Komposition

Die Anordnung der Elemente in einem Bild oder auf einer Fläche, die den Blick führt und Gewichte verteilt.

#Gestaltungsgrundlagen

Konsistenz im Interface

Das Prinzip, gleiche Dinge in einer Oberfläche gleich zu benennen, gleich zu gestalten und gleich reagieren zu lassen.

#Benutzererfahrung (UX) #Gestaltungsgrundlagen

Kontrast als Gestaltungsmittel

Der bewusst eingesetzte Unterschied zwischen Elementen in Größe, Farbe, Helligkeit oder Form, der Bedeutung sichtbar macht.

#Gestaltungsgrundlagen

Kontrast von Bedienelementen

Die Anforderung von 3:1 für Bedienelemente und für wichtige Teile von Grafiken.

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Kontrast-Prüfwerkzeuge

Werkzeuge, die das Kontrastverhältnis zwischen Text- und Hintergrundfarbe berechnen und mit den Grenzwerten der WCAG vergleichen.

#Gestaltungsgrundlagen

Kontrastverhältnis

Messwert für den Helligkeitsunterschied zwischen Text und Hintergrund.

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen #Benutzererfahrung (UX)

Kontrastwert

Eine andere Bezeichnung für das Kontrastverhältnis als Messwert.

Siehe: Kontrastverhältnis

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen #Benutzererfahrung (UX)

Konzeptentwurf

Ein früher Gestaltungsentwurf, der die Richtung einer Gestaltung zeigt, oft in Varianten, bevor einzelne Seiten ausgearbeitet werden.

#Gestaltungsgrundlagen

Kühle Farben

Ein anderer Name für kalte Farben, die Farbtöne von Blaugrün bis Violett.

Siehe: Kalte Farben

#Gestaltungsgrundlagen

Kursive (Italic)

Eine nach rechts geneigte Schrift, die als eigener Schnitt mit eigenen Buchstabenformen gezeichnet ist.

#Gestaltungsgrundlagen

Kursivschrift

Ein anderer Name für die Kursive, die nach rechts geneigte Schrift mit eigenen Formen.

Siehe: Kursive (Italic)

#Gestaltungsgrundlagen

L

LAB-Farbraum

Ein Farbraum der CIE von 1976, der Farben nach Helligkeit und zwei Gegenfarbachsen ordnet und sich an der Wahrnehmung orientiert.

#Gestaltungsgrundlagen

Laufweite

Der gleichmäßige Abstand zwischen allen Zeichen eines Textes, englisch tracking, in CSS letter-spacing.

#Gestaltungsgrundlagen

Layout (Gestaltung)

Die Anordnung von Text, Bildern und Flächen auf einer Seite oder einem Bildschirm.

#Gestaltungsgrundlagen

Layout-Muster (Z-Muster, F-Muster)

Typische Wege, auf denen der Blick über eine Seite wandert, etwa das F-Muster bei Text und das Z-Muster bei wenig Text.

#Gestaltungsgrundlagen

Leading

Die englische Bezeichnung für den Durchschuss; engl. lead = Blei, nach den Bleistreifen im Satz.

Siehe: Durchschuss

#Gestaltungsgrundlagen

Leerraum

Ein anderer Name für den Weißraum, den leeren Raum zwischen Gestaltungselementen.

Siehe: Weißraum (Negativraum)

#Gestaltungsgrundlagen

Leerzeichen

Ein Zeichen, das Leerraum zwischen Wörtern oder Zeichen erzeugt; es gibt mehrere Arten von verschiedener Breite und mit oder ohne Zeilenumbruch.

#Gestaltungsgrundlagen

Legibility

Die englische Bezeichnung für die Leserlichkeit; engl. legible = leserlich.

Siehe: Leserlichkeit

#Gestaltungsgrundlagen

Lesbarkeit

Wie angenehm und mühelos sich ein Text als Ganzes lesen lässt, abhängig von Satz, Inhalt und Leser.

#Gestaltungsgrundlagen

Leserichtung

Die Richtung, in der eine Schrift gelesen wird, und damit der Weg, den der Blick über eine Seite nimmt.

#Gestaltungsgrundlagen

Leserlichkeit

Wie gut sich die einzelnen Zeichen einer Schrift erkennen und voneinander unterscheiden lassen.

#Gestaltungsgrundlagen

Leuchtfarben

Ein anderer Name für Neonfarben, im Druck fluoreszierende Farben.

Siehe: Neonfarben

#Gestaltungsgrundlagen

Lichtführung

Die bewusste Anordnung von Licht und Schatten in einer Aufnahme oder einem erzeugten Bild.

#Gestaltungsgrundlagen #Künstliche Intelligenz (KI)

Ligatur

Zwei oder drei Buchstaben, die zu einem eigenen Zeichen verbunden sind, etwa fi oder fl.

#Gestaltungsgrundlagen

Line Break

Die englische Bezeichnung für den Zeilenumbruch; engl. line break = Zeilenbruch.

Siehe: Zeilenumbruch

#Gestaltungsgrundlagen

Line Height

Die englische Bezeichnung für die Zeilenhöhe und Name der CSS-Eigenschaft line-height.

Siehe: Zeilenhöhe (Line Height)

#Gestaltungsgrundlagen

Line Length

Die englische Bezeichnung für die Zeilenlänge; engl. line length = Zeilenlänge.

Siehe: Zeilenlänge (optimale Zeichenzahl)

#Gestaltungsgrundlagen

linear-gradient (CSS-Farbverlauf)

Ein berechneter Farbverlauf, der wie ein Bild behandelt wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

Lining Figures

Die englische Bezeichnung für Versalziffern; engl. lining = auf einer Linie.

Siehe: Versalziffern

#Gestaltungsgrundlagen

Logo

Ein grafisches Zeichen, mit dem ein Unternehmen, eine Marke oder ein Produkt erkennbar wird, aus Schrift, Bild oder beidem.

#Gestaltungsgrundlagen

M

Majuskeln

Der fachsprachliche Name für Versalien, die Großbuchstaben einer Schrift.

Siehe: Versalien (Uppercase)

#Gestaltungsgrundlagen

Majuskelziffern

Ein anderer Name für Versalziffern, die so hoch sind wie Großbuchstaben.

Siehe: Versalziffern

#Gestaltungsgrundlagen

Makrotypografie

Die Gestaltung des Gesamtbilds einer Schriftsache: Format, Raster, Schriftwahl und Gliederung.

#Gestaltungsgrundlagen

Marginalie

Eine kurze Randbemerkung, die neben dem Haupttext im Seitenrand steht, etwa ein Hinweis, eine Quelle oder ein Stichwort.

#Gestaltungsgrundlagen

Markenfarbe

Die Farbe, an der Kunden eine Marke wiedererkennen, festgelegt im Corporate Design.

#Gestaltungsgrundlagen

Material Design

Das Designsystem von Google mit Regeln und Komponenten für Oberflächen, Farben, Typografie und Bewegung.

#Gestaltungsgrundlagen

Maximalismus

Ein Gestaltungsstil, der auf Fülle setzt: viele Farben, Muster, Formen und Bilder auf engem Raum.

#Gestaltungsgrundlagen

Mediävalziffern

Ziffern mit Ober- und Unterlängen wie Kleinbuchstaben, die sich in den Fließtext einfügen.

#Gestaltungsgrundlagen

Mediopunkt

Ein Punkt auf halber Zeilenhöhe, der in Leichter Sprache lange Wörter trennt.

#Gestaltungsgrundlagen

Mengentext

Die Bezeichnung aus der Typografie für den Fließtext einer Seite.

Siehe: Fließtext

#Gestaltungsgrundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Menschzentrierte Gestaltung

Der deutsche Normbegriff für Human-Centered Design nach DIN EN ISO 9241-210.

Siehe: Human-Centered Design

#Gestaltungsgrundlagen #Benutzererfahrung (UX)

Metallische Farben

Farben mit Metallglanz wie Gold, Silber oder Kupfer, im Druck mit Metallpigmenten oder Folie, am Bildschirm nur nachgeahmt.

#Gestaltungsgrundlagen

Mikrotypografie

Die Feinarbeit am Text innerhalb der Zeile: Zeichen, Abstände, Satzzeichen und Ligaturen.

#Gestaltungsgrundlagen

Minimalismus

Ein Gestaltungsstil, der sich auf wenige Elemente, viel Weißraum und reduzierte Farben beschränkt.

#Gestaltungsgrundlagen

Minuskeln

Der fachsprachliche Name für Gemeine, die Kleinbuchstaben einer Schrift.

Siehe: Gemeine (Lowercase)

#Gestaltungsgrundlagen

Minuskelziffern

Ein anderer Name für Mediävalziffern mit Ober- und Unterlängen.

Siehe: Mediävalziffern

#Gestaltungsgrundlagen

Mittellänge

Ein anderer Name für die x-Höhe, den mittleren Teil der Kleinbuchstaben.

Siehe: x-Höhe

#Gestaltungsgrundlagen

Mockup

Ein statischer, detailgenauer Entwurf einer Oberfläche mit Farben, Bildern und Schriften, der aussieht wie das fertige Produkt.

#Gestaltungsgrundlagen

Modular Design

Die englische Bezeichnung für modulares Design; engl. modular = aus Bausteinen bestehend.

Siehe: Modulares Design

#Gestaltungsgrundlagen

Modular Grid

Die englische Bezeichnung für das modulare Raster; engl. grid = Raster.

Siehe: Modulares Raster

#Gestaltungsgrundlagen

Modulares Design

Ein Gestaltungsprinzip, das Oberflächen aus wiederverwendbaren, austauschbaren Bausteinen zusammensetzt, statt jede Seite einzeln zu entwerfen.

#Gestaltungsgrundlagen

Modulares Raster

Ein Gestaltungsraster aus Spalten und Zeilen, deren Schnittflächen gleich große Module bilden.

#Gestaltungsgrundlagen

Monochromatische Farben

Farben aus einem einzigen Farbton in hellen und dunklen Abstufungen; in der Physik Licht einer einzigen Wellenlänge.

#Gestaltungsgrundlagen

Monochrome Farben

Ein anderer Name für monochromatische Farben, Abstufungen eines einzigen Farbtons.

Siehe: Monochromatische Farben

#Gestaltungsgrundlagen

Monospace

Eine Schrift, in der jedes Zeichen dieselbe Breite einnimmt, ob schmales i oder breites M.

#Gestaltungsgrundlagen

Moodboard

Eine Collage aus Bildern, Farben, Schriften und Texten, die die gewünschte Stimmung eines Designs auf einen Blick zeigt.

#Gestaltungsgrundlagen

Muster

Eine Fläche aus einem Motiv, das sich regelmäßig wiederholt, etwa Streifen, Punkte oder Ornamente.

#Gestaltungsgrundlagen

N

Neonfarben

Grell leuchtende Farben, im Druck meist fluoreszierende Leuchtfarben, die heller wirken als gewöhnliche Farben.

#Gestaltungsgrundlagen

Neugestaltung

Ein anderer Name für ein Redesign, die Neugestaltung einer Website.

Siehe: Redesign

#Gestaltungsgrundlagen

Neumorphism

Die englische Bezeichnung für den Neumorphismus.

Siehe: Neumorphismus

#Gestaltungsgrundlagen

Neumorphismus

Ein Gestaltungsstil, bei dem Bedienelemente aus der gleichfarbigen Fläche herauszuwachsen scheinen, nur durch weiche Licht- und Schattenkanten abgesetzt.

#Gestaltungsgrundlagen

Neutrale Farben

Ein anderer Name für Neutralfarben, also Weiß, Grau und Schwarz.

Siehe: Neutralfarben

#Gestaltungsgrundlagen

Neutralfarben

Farben ohne oder mit nur sehr wenig Buntheit, also Weiß, Grau und Schwarz sowie leicht getönte Grautöne.

#Gestaltungsgrundlagen

Non-text Contrast

Der englische Name des Erfolgskriteriums für den Kontrast von Bedienelementen.

Siehe: Kontrast von Bedienelementen

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

O

Ober- und Unterlänge

Die Teile von Kleinbuchstaben, die über die x-Höhe hinaus nach oben oder unter die Grundlinie reichen, etwa bei b und p.

#Gestaltungsgrundlagen

OKLCH (moderner CSS-Farbraum)

Ein Farbraum für CSS, der Farben über wahrgenommene Helligkeit, Buntheit und Farbton beschreibt.

#Gestaltungsgrundlagen

Old Style Figures

Die englische Bezeichnung für Mediävalziffern; engl. old style = alter Stil.

Siehe: Mediävalziffern

#Gestaltungsgrundlagen

OpenType

Ein Dateiformat für Schriften, das Microsoft und Adobe 1997 veröffentlicht haben und das heute die meisten Schriften nutzen.

#Gestaltungsgrundlagen

Optischer Randausgleich

Das leichte Hinausschieben von Satzzeichen und runden Buchstaben über den Satzrand, damit die Kante optisch gerade wirkt.

#Gestaltungsgrundlagen

Orphan

Die englische Bezeichnung für den Schusterjungen; engl. orphan = Waise.

Siehe: Schusterjunge

#Gestaltungsgrundlagen

OTF

Die Dateiendung von OpenType-Schriften mit PostScript-Konturen.

Siehe: OpenType

#Gestaltungsgrundlagen

P

Pantone

Ein Farbsystem aus nummerierten Druckfarben, mit dem sich Farben weltweit eindeutig benennen und nachmischen lassen.

#Gestaltungsgrundlagen

Pantone Color of the Year

Die englische Bezeichnung für die Pantone Farbe des Jahres.

Siehe: Pantone Farbe des Jahres

#Gestaltungsgrundlagen

Pantone Farbe des Jahres

Ein Farbton, den das Pantone Color Institute seit 1999 jedes Jahr als Farbe für das folgende Jahr auswählt.

#Gestaltungsgrundlagen

Pantone Matching System

Der vollständige Name des Farbsystems Pantone, kurz PMS.

Siehe: Pantone

#Gestaltungsgrundlagen

Pastellfarben

Zarte, helle Farbtöne mit wenig Buntheit, benannt nach der Malerei mit Pastellkreiden.

#Gestaltungsgrundlagen

Pastelltöne

Ein anderer Name für Pastellfarben, zarte, helle Farbtöne.

Siehe: Pastellfarben

#Gestaltungsgrundlagen

Pica

Ein typografisches Maß aus dem angloamerikanischen System: 12 Punkt oder ein Sechstel Zoll.

#Gestaltungsgrundlagen

Piktogramm

Die deutsche Bezeichnung für ein Icon als vereinfachtes Bildzeichen.

Siehe: Icons

#Website-Struktur #Gestaltungsgrundlagen

Pixel

Der kleinste Bildpunkt eines digitalen Bildes oder Bildschirms; in CSS zugleich eine feste Längeneinheit.

#Gestaltungsgrundlagen

Pixel pro Zoll

Die deutsche Bezeichnung für ppi, die Zahl der Bildpunkte auf einem Zoll.

Siehe: PPI (Pixels Per Inch)

#Gestaltungsgrundlagen

Pixelgrafik

Ein Bild, das aus einem Raster einzelner Bildpunkte besteht, von denen jeder eine Farbe speichert.

#Gestaltungsgrundlagen

PostScript

Eine Seitenbeschreibungssprache von Adobe aus dem Jahr 1984, die Text, Schriften und Grafik geräteunabhängig beschreibt.

#Gestaltungsgrundlagen

PPI (Pixels Per Inch)

Die Maßeinheit für Pixel pro Zoll; sie gibt an, wie dicht die Bildpunkte eines Displays oder eines gedruckten Bildes liegen.

#Gestaltungsgrundlagen

Präsentation von Entwürfen

Der Termin, in dem Gestalter dem Auftraggeber ihre Entwürfe vorstellen, begründen und Rückmeldung einholen; die Vorstufe zur Freigabe.

#Gestaltungsgrundlagen

Primärfarben

Die drei Grundfarben, aus denen sich in einem Farbsystem die übrigen Farben mischen lassen.

#Gestaltungsgrundlagen

Proportion

Das Größenverhältnis von Teilen zueinander und zum Ganzen, etwa von Breite zu Höhe.

#Gestaltungsgrundlagen

Protanopie

Die Form der Farbenblindheit, bei der die Zapfen für Rot fehlen.

Siehe: Farbenblindheit

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Punkt (Pt)

Die typografische Maßeinheit für Schriftgrößen und Zeilenabstände; im heutigen Satz ein 72stel Zoll.

#Gestaltungsgrundlagen

Punktgröße

Der in Punkt angegebene Schriftgrad einer Schrift.

Siehe: Schriftgrad

#Gestaltungsgrundlagen

Punze

Der nicht druckende Innenraum eines Buchstabens, geschlossen wie im o oder offen wie im n.

#Gestaltungsgrundlagen

Px (Pixel)

Die CSS-Längeneinheit Pixel, festgelegt als ein 96stel Zoll und nicht gleich einem Bildpunkt des Bildschirms.

#Gestaltungsgrundlagen

Q

Qualitätskontrast

Der Kontrast zwischen reinen, leuchtenden Farben und getrübten, stumpfen Farben.

#Gestaltungsgrundlagen

Quantitätskontrast

Der Kontrast, der aus dem Größenverhältnis von Farbflächen entsteht, also aus viel und wenig einer Farbe.

#Gestaltungsgrundlagen

R

RAL-Farbe

Ein Farbton aus den Farbsammlungen von RAL, benannt mit Nummer und Namen, etwa RAL 4010 Telemagenta.

#Gestaltungsgrundlagen

Randabstände (Margins)

Die freien Flächen am Rand einer Seite oder eines Layouts, zwischen Inhalt und Kante.

#Gestaltungsgrundlagen

Raster (Grid)

Ein Ordnungsnetz aus Linien oder Punkten; in der Gestaltung das Gestaltungsraster, im Druck die Zerlegung eines Bildes in Punkte.

#Gestaltungsgrundlagen

Rastergrafik

Ein anderer Name für eine Pixelgrafik aus einem Raster von Bildpunkten.

Siehe: Pixelgrafik

#Gestaltungsgrundlagen

Rastersystem

Ein anderer Name für das Gestaltungsraster aus Spalten, Stegen und Rändern.

Siehe: Gestaltungsraster (Rastersysteme)

#Gestaltungsgrundlagen

Readability

Die englische Bezeichnung für die Lesbarkeit; engl. readable = lesbar.

Siehe: Lesbarkeit

#Gestaltungsgrundlagen

Red Dot

Die Kurzform für den Red Dot Award, den Designpreis aus Essen.

Siehe: Red Dot Award

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Red Dot Award

Ein internationaler Designpreis aus Essen, der in der Disziplin Brands & Communication Design auch Websites auszeichnet.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Redesign

Die Neugestaltung einer bestehenden Website oder eines Produkts, meist mit neuer Optik und oft mit überarbeiteter Struktur.

#Gestaltungsgrundlagen

Relative Leuchtdichte

Der berechnete Helligkeitswert einer Farbe, Grundlage jeder Kontrastrechnung.

#Gestaltungsgrundlagen #Barrierefreiheit (Accessibility)

Rem (Root Em)

Eine CSS-Einheit, die sich immer auf die Schriftgröße des Wurzelelements html bezieht.

#Gestaltungsgrundlagen

Rendering Intent

Die Regel, nach der Farben beim Umrechnen in einen kleineren Farbraum abgebildet werden, etwa perzeptiv oder relativ farbmetrisch.

#Gestaltungsgrundlagen

Retro- und Vintage-Design

Gestaltung, die bewusst auf frühere Stilrichtungen zurückgreift, nachgeahmt (retro) oder mit älteren Originalen (vintage).

#Gestaltungsgrundlagen

Revamp

Ein englischer Begriff für ein Redesign; engl. revamp = aufmöbeln.

Siehe: Redesign

#Gestaltungsgrundlagen

RGB (Rot, Grün, Blau)

Das additive Farbmodell der Bildschirme, das Farben aus rotem, grünem und blauem Licht mischt.

#Gestaltungsgrundlagen

RGB-Farbmodell

Das additive Farbmodell der Bildschirme aus Rot, Grün und Blau.

Siehe: RGB (Rot, Grün, Blau)

#Gestaltungsgrundlagen

Rhythmus in der Gestaltung

Ein Gestaltungsprinzip, bei dem sich Formen, Farben oder Abstände wiederholen, abwechseln oder steigern und so eine Bewegung erzeugen.

#Gestaltungsgrundlagen

Rot-Grün-Schwäche

Der Sammelbegriff für Protanopie und Deuteranopie samt ihren milderen Formen.

Siehe: Farbenblindheit

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

S

Sans-Serif

Eine Schrift ohne Serifen, deren Strichenden glatt auslaufen.

#Gestaltungsgrundlagen

Sättigung (Saturation)

Das Maß dafür, wie kräftig eine Farbe ist, also wie weit sie sich von einem Grau gleicher Helligkeit entfernt.

#Gestaltungsgrundlagen

Sättigungsgrad

Der Wert der Sättigung einer Farbe, meist in Prozent angegeben.

Siehe: Sättigung (Saturation)

#Gestaltungsgrundlagen

Satzbreite

Die Breite einer Textzeile im Satz, gemessen in Zeichen oder Längeneinheiten.

Siehe: Zeilenlänge (optimale Zeichenzahl)

#Gestaltungsgrundlagen

Satzspiegel

Die Fläche einer Seite, die Text und Bilder einnehmen.

Siehe: Satzspiegel im Layout

#Gestaltungsgrundlagen

Satzspiegel im Layout

Die Fläche einer Seite, die Text und Bilder einnehmen, umgeben von den Rändern, die Stege heißen.

#Gestaltungsgrundlagen

Schmuckfarben

Ein anderer Name für Sonderfarben, vorgemischte Druckfarben außerhalb von CMYK.

Siehe: Sonderfarben (HKS)

#Gestaltungsgrundlagen

Schreibschrift (Script)

Eine Druckschrift, die einer mit der Hand geschriebenen Schrift nachgebildet ist, oft mit verbundenen Buchstaben.

#Gestaltungsgrundlagen

Schriftart

Die Gestaltung eines kompletten Zeichensatzes mit einheitlichen Merkmalen, etwa Helvetica, Garamond oder Roboto.

#Gestaltungsgrundlagen

Schriftfamilie

Die Gruppe aller Schnitte einer Schriftart, etwa Regular, Kursiv, Fett und Fett Kursiv.

#Gestaltungsgrundlagen

Schriftgewicht

Ein anderer Name für die Schriftstärke, wie kräftig die Striche einer Schrift sind.

Siehe: Schriftstärke (Font Weight)

#Gestaltungsgrundlagen

Schriftgrad

Die Größe einer Schrift, im Druck in Punkt, im Web meist in Pixel oder rem angegeben.

#Gestaltungsgrundlagen

Schriftgröße

Ein anderer Name für den Schriftgrad, die Größe einer Schrift.

Siehe: Schriftgrad

#Gestaltungsgrundlagen

Schriftkombination

Ein anderer Name für die Schriftmischung, das Kombinieren von Schriften.

Siehe: Schriftmischung

#Gestaltungsgrundlagen

Schriftlizenz (Desktop, Web, App)

Die Nutzungsrechte an einer Schrift, getrennt nach Einsatz auf dem Rechner, auf Websites, in Apps oder E-Books.

#Gestaltungsgrundlagen

Schriftmischung

Die Kombination von zwei oder mehr Schriften in einem Layout, etwa einer Serifenschrift für Überschriften und einer serifenlosen für den Text.

#Gestaltungsgrundlagen

Schriftschnitt

Eine einzelne Variante innerhalb einer Schriftfamilie, etwa Regular, Kursiv, Halbfett oder Schmal.

#Gestaltungsgrundlagen

Schriftstärke (Font Weight)

Wie kräftig die Striche einer Schrift sind, von Thin bis Black, in CSS als Zahl von 1 bis 1000.

#Gestaltungsgrundlagen

Schulterblick

Ein informeller Zwischentermin in der Agenturarbeit, bei dem der Auftraggeber unfertige Entwürfe sieht, bevor das Konzept präsentiert wird.

#Gestaltungsgrundlagen

Schusterjunge

Die erste Zeile eines neuen Absatzes, die allein am Ende einer Seite oder Spalte steht.

#Gestaltungsgrundlagen

Schweizer Stil

Die deutsche Bezeichnung für den Swiss Style mit Raster und serifenloser Schrift.

Siehe: Swiss Style (Internationaler Typografischer Stil)

#Gestaltungsgrundlagen

Scribble

Ein erster, grober Entwurf, etwa für eine Werbegrafik; engl. scribble = Gekritzel.

Siehe: Skizze (Scribble)

#Gestaltungsgrundlagen

Seitenränder

Ein anderer Name für Randabstände, die freien Flächen am Rand einer Seite.

Siehe: Randabstände (Margins)

#Gestaltungsgrundlagen

Seitenverhältnis

Das Verhältnis von Breite zu Höhe eines Bildes, Videos oder Bildschirms, etwa 16:9 oder 4:3.

#Gestaltungsgrundlagen

Sekundärfarben

Die Farben, die aus der Mischung von je zwei Primärfarben entstehen, im Malkasten etwa Orange aus Rot und Gelb.

#Gestaltungsgrundlagen

Serif

Eine Schrift, deren Buchstaben an den Strichenden feine Abschlussstriche tragen, die Serifen.

#Gestaltungsgrundlagen

Serifenarten (Antiqua-Klassifikation)

Die Formen, die Serifen haben können, von gekehlt über fein und haarig bis kräftig und blockartig, und nach denen Antiqua-Schriften eingeteilt werden.

#Gestaltungsgrundlagen

Serifenlose Schrift

Eine Schrift ohne Serifen, deren Strichenden glatt auslaufen.

Siehe: Sans-Serif

#Gestaltungsgrundlagen

Serifenschrift

Eine Schrift mit Serifen, den feinen Abschlussstrichen an den Buchstabenenden.

Siehe: Serif

#Gestaltungsgrundlagen

Sichtbarer Bereich

Die deutsche Bezeichnung für den Bereich einer Seite ohne Scrollen.

Siehe: Above the Fold im Layout

#Gestaltungsgrundlagen #Webdesign-Grundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)

Signet

Ein grafisches Zeichen, das für ein Unternehmen, einen Verlag oder eine Marke steht; ursprünglich das Zeichen eines Druckers.

#Gestaltungsgrundlagen

Silbentrennung

Das Trennen eines Wortes am Zeilenende nach den Regeln der Rechtschreibung, damit Zeilen gleichmäßiger laufen.

#Gestaltungsgrundlagen

Simultankontrast

Die Erscheinung, dass eine Farbe je nach Umgebung heller, dunkler oder anders getönt wirkt.

#Gestaltungsgrundlagen

Skalierung (Gestaltung)

Das Vergrößern oder Verkleinern eines Bildes, einer Form oder einer Schrift, im Idealfall mit gleichbleibenden Proportionen.

#Gestaltungsgrundlagen

Skeuomorphism

Die englische Bezeichnung für den Skeuomorphismus; griech. skeuos = Gerät.

Siehe: Skeuomorphismus

#Gestaltungsgrundlagen

Skeuomorphismus

Ein Gestaltungsstil, der digitale Oberflächen wie reale Gegenstände aussehen lässt, mit Materialien, Licht und Schatten.

#Gestaltungsgrundlagen

Skizze (Scribble)

Ein schneller, grober Entwurf von Hand, der eine Idee festhält, bevor sie im Detail ausgearbeitet wird.

#Gestaltungsgrundlagen

Sonderfarben (HKS)

Vorgemischte Druckfarben, die als eigene Farbe gedruckt werden, statt aus Cyan, Magenta, Gelb und Schwarz zu entstehen.

#Gestaltungsgrundlagen

Spaltenraster

Ein Gestaltungsraster aus senkrechten Spalten mit festen Zwischenräumen, an dem Inhalte ausgerichtet werden.

#Gestaltungsgrundlagen

Spationierung

Das Vergrößern der Abstände zwischen den Buchstaben eines Wortes oder Textes, eine positive Veränderung der Laufweite.

#Gestaltungsgrundlagen

sRGB

Der Standard-Farbraum des Webs, 1996 von HP und Microsoft vorgeschlagen und seit 1999 als IEC 61966-2-1 genormt.

#Gestaltungsgrundlagen

Styleguide

Ein Regelwerk, das festlegt, wie Logo, Farben, Schriften und Gestaltungselemente einer Marke oder Oberfläche eingesetzt werden.

#Gestaltungsgrundlagen

Subtraktive Farbmischung

Die Mischung von Farbstoffen oder Filtern, bei der jede Farbe Licht wegnimmt und das Ergebnis dunkler wird.

#Gestaltungsgrundlagen

Swiss Style (Internationaler Typografischer Stil)

Ein Gestaltungsstil aus der Schweiz der 1950er Jahre mit strengem Raster, serifenloser Schrift und linksbündigem Flattersatz.

#Gestaltungsgrundlagen

Symbol

Die allgemeine deutsche Bezeichnung für ein Icon in einer Oberfläche.

Siehe: Icons

#Website-Struktur #Gestaltungsgrundlagen

Symmetrie

Die Gleichheit zweier Hälften einer Gestaltung, gespiegelt an einer Achse oder um einen Punkt gedreht.

#Gestaltungsgrundlagen

System Fonts

Die englische Bezeichnung für Systemschriftarten; engl. system = System.

Siehe: Systemschriftarten

#Gestaltungsgrundlagen

Systemschriftarten

Die Schriften, die ein Betriebssystem für seine eigene Oberfläche nutzt, etwa San Francisco, Segoe UI oder Roboto.

#Gestaltungsgrundlagen

T

Tabellenziffern

Ziffern, die alle dieselbe Breite haben, sodass Stellen in Tabellen genau untereinanderstehen.

#Gestaltungsgrundlagen

Tabular Figures

Die englische Bezeichnung für Tabellenziffern; engl. tabular = tabellarisch.

Siehe: Tabellenziffern

#Gestaltungsgrundlagen

Tertiärfarben

Die Farben zwischen einer Primär- und einer benachbarten Sekundärfarbe im Farbkreis, etwa Gelborange.

#Gestaltungsgrundlagen

Tetradische Farben

Vier Farben aus zwei Komplementärpaaren, die im Farbkreis ein Rechteck oder ein Quadrat bilden.

#Gestaltungsgrundlagen

Textausrichtung

Links, rechts, mittig oder im Blocksatz.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

Textur

Die sichtbare oder spürbare Oberflächenbeschaffenheit eines Materials oder einer Fläche, etwa Papierkorn, Leinen oder Rauschen.

#Gestaltungsgrundlagen

The One Show

Der jährliche Kreativpreis des One Club for Creativity in New York, der mit Pencils auch Websites und Interface Design auszeichnet.

#Webdesign-Grundlagen #Gestaltungsgrundlagen

Tracking (Schrift)

Die englische Bezeichnung für die Laufweite; engl. tracking = Spurführung, hier der Abstand aller Zeichen.

Siehe: Laufweite

#Gestaltungsgrundlagen

Trend-Design

Gestaltung, die sich bewusst an gerade verbreiteten Stilmerkmalen ausrichtet; sie wirkt aktuell und altert dafür schneller.

#Gestaltungsgrundlagen

Triadische Farben

Drei Farben, die im Farbkreis gleich weit voneinander entfernt liegen und ein gleichseitiges Dreieck bilden.

#Gestaltungsgrundlagen

Triplex

Ein Graustufenbild, das mit drei Druckfarben gedruckt wird, meist Schwarz und zwei Farben; englisch tritone.

#Gestaltungsgrundlagen

Tritanopie

Die seltene Form der Farbenblindheit, bei der die Zapfen für Blau fehlen.

Siehe: Farbenblindheit

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Tritone

Die englische Bezeichnung für ein Triplex; engl. tri = drei, tone = Ton.

Siehe: Triplex

#Gestaltungsgrundlagen

TrueType

Ein Schriftformat, das Apple entwickelt und 1991 eingeführt hat, mit quadratischen Kurven und genauem Hinting für Bildschirme.

#Gestaltungsgrundlagen

TTF

Die Dateiendung von TrueType-Schriften und OpenType-Schriften mit TrueType-Konturen.

Siehe: TrueType

#Gestaltungsgrundlagen

Typeface

Die englische Bezeichnung für die Schriftart; engl. typeface = Schriftbild.

Siehe: Schriftart

#Gestaltungsgrundlagen

Typekit

Der frühere Name von Adobe Fonts, dem Schriftendienst von Adobe, bis 2018.

Siehe: Adobe Fonts

#Gestaltungsgrundlagen

Typografie

Die Gestaltung mit Schrift: Wahl und Anordnung von Schriften, Größen, Abständen und Zeilen.

#Gestaltungsgrundlagen

Typografische Anführungszeichen

Die je nach Sprache verschieden geformten Zeichen für wörtliche Rede und Zitate, im Deutschen unten und oben oder als Guillemets.

#Gestaltungsgrundlagen

Typografische Barrierefreiheit (Mindestgrößen)

Die Gestaltung von Text so, dass ihn möglichst alle lesen können, mit ausreichender Größe, Zoom, Abständen und Kontrast.

#Gestaltungsgrundlagen

Typografische Hierarchie

Die sichtbare Rangfolge der Textebenen einer Seite, von der Hauptüberschrift bis zur Bildunterschrift, über Größe, Stärke und Abstand.

#Gestaltungsgrundlagen

Typografische Symbole

#Gestaltungsgrundlagen

Typographie

Die ältere Schreibweise von Typografie, die Gestaltung mit Schrift.

Siehe: Typografie

#Gestaltungsgrundlagen

U

Überschrift

Zeile, die einen Textabschnitt benennt und dessen Rang in der Gliederung der Seite angibt.

#Website-Struktur #Gestaltungsgrundlagen

Unternehmensidentität

Das deutsche Wort für Corporate Identity, das Selbstverständnis eines Unternehmens.

Siehe: Corporate Identity

#Gestaltungsgrundlagen

Unterschneidung

Der deutsche Begriff für das Kerning, den Ausgleich zwischen Buchstabenpaaren.

Siehe: Kerning

#Gestaltungsgrundlagen

V

Variable Fonts

Schriftdateien, die alle Stärken, Breiten oder Neigungen einer Schrift stufenlos in einer einzigen Datei enthalten.

#Gestaltungsgrundlagen

Variable Schriften

Die deutsche Bezeichnung für Variable Fonts, Schriftdateien mit allen Stärken in einer Datei.

Siehe: Variable Fonts

#Gestaltungsgrundlagen

Vektorbild

Ein anderer Name für eine Vektorgrafik aus Linien, Kurven und Flächen.

Siehe: Vektorgrafik

#Gestaltungsgrundlagen

Vektorgrafik

Eine Grafik, die aus mathematisch beschriebenen Linien, Kurven und Flächen besteht und sich ohne Qualitätsverlust skalieren lässt.

#Gestaltungsgrundlagen

Versalien (Uppercase)

Die Großbuchstaben einer Schrift; in der Typografie fast immer im Plural verwendet.

#Gestaltungsgrundlagen

Versalziffern

Ziffern, die alle gleich hoch auf der Grundlinie stehen, etwa so hoch wie Großbuchstaben.

#Gestaltungsgrundlagen

Vertical Rhythm

Die englische Bezeichnung für den vertikalen Rhythmus.

Siehe: Vertikaler Rhythmus

#Gestaltungsgrundlagen

Vertikaler Rhythmus

Ein gleichmäßiger Takt in den senkrechten Abständen einer Seite, bei dem Zeilenhöhe und Abstände Vielfache einer Grundeinheit sind.

#Gestaltungsgrundlagen

Vierfarbdruck

Der Druck mit den vier Prozessfarben Cyan, Magenta, Gelb und Schwarz, also im CMYK-Modell.

Siehe: CMYK (Cyan, Magenta, Gelb, Schwarz)

#Gestaltungsgrundlagen

Viertelgeviertstrich

Ein anderer Name für den Bindestrich, nach seiner traditionellen Breite.

Siehe: Bindestrich

#Gestaltungsgrundlagen

Visual

In der Werbesprache das Bildmotiv eines Werbemittels, also der Bildteil neben Headline, Text und Logo.

#Gestaltungsgrundlagen

Visual Hierarchy

Die englische Bezeichnung für die visuelle Hierarchie; engl. hierarchy = Rangordnung.

Siehe: Visuelle Hierarchie

#Gestaltungsgrundlagen

Visuelle Hierarchie

Die Rangfolge, in der Elemente einer Seite wahrgenommen werden, festgelegt über Größe, Kontrast, Farbe und Abstand.

#Gestaltungsgrundlagen

W

Warme Farben

Farbtöne von Gelb über Orange bis Rot, die nach verbreiteter Vorstellung Wärme ausstrahlen.

#Gestaltungsgrundlagen

Web Safe Colors

Die englische Bezeichnung für die 216 websicheren Farben; engl. safe = sicher.

Siehe: Websichere Farben

#Gestaltungsgrundlagen

Webfont

Eine eingebundene Schriftdatei, die über @font-face in die Seite kommt.

Siehe: @font-face (Webfont-Einbindung)

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Gestaltungsgrundlagen

Websichere Farben

Eine Palette aus 216 Farben, die Mac und Windows in den 1990er Jahren mit 8-Bit-Grafik gleich darstellten.

#Gestaltungsgrundlagen

Weißabgleich

Die Anpassung einer Kamera oder eines Bildes an die Farbe des Lichts, damit Weiß und Grau neutral erscheinen.

#Gestaltungsgrundlagen

Weißraum (Negativraum)

Der leere Raum zwischen und um Gestaltungselemente, der ordnet, trennt und Ruhe schafft.

#Gestaltungsgrundlagen

White Balance

Die englische Bezeichnung für den Weißabgleich; engl. balance = Gleichgewicht.

Siehe: Weißabgleich

#Gestaltungsgrundlagen

Whitespace

Die englische Bezeichnung für den Weißraum; engl. white space = weißer Raum.

Siehe: Weißraum (Negativraum)

#Gestaltungsgrundlagen

Widow

Die englische Bezeichnung für das Hurenkind; engl. widow = Witwe.

Siehe: Hurenkind

#Gestaltungsgrundlagen

Wiedergabeabsicht

Die deutsche Bezeichnung für den Rendering Intent im Farbmanagement.

Siehe: Rendering Intent

#Gestaltungsgrundlagen

Wiederholung (Gestaltung)

Das gezielte Wiederkehren von Farben, Formen, Schriften oder Abständen, das eine Gestaltung zusammenhält.

#Gestaltungsgrundlagen

Wordmark

Die englische Bezeichnung für die Wortmarke, ein Logo nur aus Schrift; engl. word = Wort.

Siehe: Wortmarke

#Gestaltungsgrundlagen

Wortmarke

Eine Marke, die nur aus Wörtern, Buchstaben oder Ziffern besteht; gestalterisch auch ein Logo, das allein aus Schrift gebildet ist.

#Gestaltungsgrundlagen

Worttrennung

Ein anderer Name für die Silbentrennung, das Trennen von Wörtern am Zeilenende.

Siehe: Silbentrennung

#Gestaltungsgrundlagen

X

x-Height

Die englische Bezeichnung für die x-Höhe; engl. height = Höhe.

Siehe: x-Höhe

#Gestaltungsgrundlagen

x-Höhe

Die Höhe der Kleinbuchstaben ohne Ober- und Unterlänge, gemessen von der Grundlinie bis zur Oberkante des x.

#Gestaltungsgrundlagen

Z

Z-Pattern

Die englische Bezeichnung für das Z-Muster bei Seiten mit wenig Text.

Siehe: Layout-Muster (Z-Muster, F-Muster)

#Gestaltungsgrundlagen

Zeichen

Die kleinste Einheit einer Schrift mit eigener Bedeutung, etwa ein Buchstabe, eine Ziffer oder ein Satzzeichen.

#Gestaltungsgrundlagen

Zeichenabstand

Der Abstand zwischen den Zeichen eines Textes, gleichbedeutend mit Laufweite.

Siehe: Laufweite

#Gestaltungsgrundlagen

Zeichenbreite

Ein anderer Name für die Dickte, die Breite eines Schriftzeichens samt Vor- und Nachbreite.

Siehe: Dickte

#Gestaltungsgrundlagen

Zeilenabstand

Der Abstand von Grundlinie zu Grundlinie zweier Textzeilen, gleichbedeutend mit Zeilenhöhe.

Siehe: Zeilenhöhe (Line Height)

#Gestaltungsgrundlagen

Zeilenhöhe (Line Height)

Der Abstand von einer Textzeile zur nächsten, gemessen von Grundlinie zu Grundlinie.

#Gestaltungsgrundlagen

Zeilenlänge (optimale Zeichenzahl)

Die Zahl der Zeichen je Textzeile; als gut lesbar gelten 45 bis 75, ideal rund 66.

#Gestaltungsgrundlagen

Zeilenumbruch

Die Stelle, an der ein Text in die nächste Zeile wechselt, und das Verfahren, nach dem diese Stellen gewählt werden.

#Gestaltungsgrundlagen