Wenn Sie neu im Marketing sind, insbesondere in einem kleinen Team, müssen Sie möglicherweise viele Dinge sofort tun. Und wenn es um Dinge wie Bloggen und Social Media geht, sicher, du hast das. Aber schon bald werden Sie in Designprojekte hineingezogen. An einem Tag verspotten Sie eine Infografik; Am nächsten entwerfen Sie ein eBook. Sie fühlen sich völlig unvorbereitet – und das Design-Vokabular? Es kann sich wie eine Fremdsprache anfühlen.
Klingt bekannt? 
Wir waren dort – und wir wissen, dass wir nicht die einzigen Vermarkter sind, die irgendwann dieses Vokabular fließend beherrschen mussten. Also haben wir beschlossen, ein größeres Glossar zu teilen, um uns allen zu helfen, unser Spiel ein wenig zu verbessern. Dies ist keineswegs das A und O der Designterminologie, also zögern Sie nicht, Ihre Definitionen auch in den Kommentaren hinzuzufügen. Hier ist, was wir haben, alphabetisch organisiert.
- Das ultimative Glossar für Webdesign-Begriffe
- A
- 1) Ausrichtung
- 2) Analoge Farben
- 3) Ascender
- B
- 4) Baseline
- C
- 5) Cap Height
- 6) CMYK-Farbmodell
- 7) Farbrad
- 8) Farbschemata
- 9) Komplementärfarben
- 10) Komprimierung
- 11) Kontrast
- 12) Zuschneiden
- 13) CSS
- D
- 14) Descender
- 15) Punkte pro Zoll (DPI)
- 16) Schlagschatten
- E
- 17) EPS
- 18) Extender
- F
- 19) Feathering
- 20) Font
- G
- 21) GIF
- 22) Gradient
- 23) Grid
- H
- 24) HEX-Code
- 25) HTML
- 26) Farbton
- J
- 27) JPEG
- K
- 28) Kerning
- L
- 29) Leading
- 30) Verlustbehaftet
- 31) Verlustfrei
- M
- 32) Mittellinie
- N
- 33) Negativer Raum
- O
- 34) Open Type Fonts
- 35) Orphan
- P
- 36) Pantone
- 37) PDF
- 38) Pixel
- 39) Pixel pro Zoll (PPI)
- 40) PNG
- R
- 41) Rechteckige (oder tetradische) Farben
- 42) Auflösung
- 43) RGB-Farbmodell
- S
- 44) Sättigung
- 45) Serif
- 46) Shade
- 47) Split-Komplementärfarben
- 48) Quadratische Farben
- 49) Stem
- 50) Striche
- T
- 51) Tail
- 52) Terminal
- 53) Tint
- 54) Triadische Farben
- 55) Schrift
- V
- 56) Vektorbild
- 57) Visuelle Hierarchie
- W
- 58) Wasserzeichen
- 59) Gewicht
- 60) Leerraum
- 61) Witwe
- X
- 62) X-height
- Z
- 63) ZIP-Datei
Das ultimative Glossar für Webdesign-Begriffe
A / B / C / D / E / F / G / H / J / K / L / M / N / O / P / R / S / T / V / W / X / Z
A
1) Ausrichtung
Die Positionierung der Elemente in Ihrem Design (z. B. Text, Bilder usw.). Diese Elemente können sowohl an der Seite als auch aneinander ausgerichtet werden. Dieser Textabschnitt ist beispielsweise am linken Rand ausgerichtet, während die im Bild unten dargestellten Linien rechts ausgerichtet sind.
2) Analoge Farben
Farben, die auf einem Farbrad nebeneinander erscheinen.
3) Ascender
Eine lineare Erweiterung eines Buchstabens, der über der Mittellinie erscheint – siehe auch Baseline, cap height, descender und Extender.
B
4) Baseline
Die gerade, unsichtbare Linie, auf der alle Buchstaben einer Schrift sitzen – siehe auch ascender, cap height, descender, Extender und midline.
C
5) Cap Height
Der Abstand zwischen der Grundlinie und der Spitze von Großbuchstaben – siehe auch ascender, descender, Extender und midline.
6) CMYK-Farbmodell
Steht für Cyan, Magenta, Gelb und Schwarz. Dieser Farbsatz wird im Druckdesign verwendet, da Papier Licht absorbiert.
7) Farbrad
Ein Farbkreis, der die Beziehungen zwischen Primär-, Sekundär- und Tertiärfarben anzeigt.
8) Farbschemata
Die Kombination von zwei oder mehr Farben aus dem Farbrad – auch bekannt als Farbharmonien.
9) Komplementärfarben
Farben, die sich auf dem Farbrad direkt gegenüberliegen.
10) Komprimierung
Reduzierung der Dateigröße durch Beseitigung überschüssiger Daten. Besonders hilfreich beim Versenden von E-Mails oder Speichern großer Bilddateien. Erfahren Sie mehr über verlustbehaftete und verlustfreie Komprimierung.
11) Kontrast
Die Betonung von Unterschieden zwischen Farben, Formen, Abständen oder anderen Gestaltungselementen.
12) Zuschneiden
Wenn äußere Teile eines Bildes entfernt werden, um das Motiv neu zu gestalten oder das Seitenverhältnis des Bildes zu ändern.
13) CSS
Ein Stück Code, der verwendet wird, um das Erscheinungsbild einer Website zu bestimmen, getrennt vom tatsächlichen Inhalt einer Webseite.
D
14) Descender
Ein Extender auf einem Buchstaben, der unterhalb der Grundlinie erscheint – siehe auch ascender, cap height und midline.
15) Punkte pro Zoll (DPI)
Ähnlich wie beim Pixel für das Web sind Punkte die kleinste Maßeinheit beim Drucken digitaler Bilder. Die Anzahl der DPIs bezieht sich auf die Auflösung eines gedruckten digitalen Objekts – je höher die DPI, desto höher die Auflösung.
16) Schlagschatten
Ein visueller Effekt, der eine Grafik so anzeigt, als hätte sie einen Schatten dahinter.
E
17) EPS
Ein Dateiformat für Vektorgrafiken, die sowohl Text als auch Grafiken enthalten.
18) Extender
Der Teil eines Buchstabens, der sich über die x-Höhe oder unter die Grundlinie erstreckt – siehe auch ascender, cap height, descender und midline.
F
19) Feathering
Eine Entwurfstechnik zum Glätten von Kanten eines Features.
20) Font
Eine Schriftart in einem bestimmten Stil und einer bestimmten Größe. Ein Beispiel wäre Times New Roman Semi Bold in Größe 14.
G
21) GIF
Ein Bilddateiformat, das am besten für kleine Bilddateien mit wenigen Farben und Designs oder animierte Bilder verwendet wird. Unten sehen Sie ein Beispiel für ein animiertes GIF-Bild:
22) Gradient
Eine Designtechnik, bei der eine Farbe oder ein Teil eines Bildes in eine andere überzugehen scheint.
23) Grid
Eine rein hypothetische Karte vertikaler und horizontaler Linien, mit der Bilder und Text in einem Dokument ausgerichtet werden können.
H
24) HEX-Code
Ein Code, der in HTML und CSS zur Bezeichnung einer bestimmten Farbe verwendet wird und häufig nach dem Rautenzeichen (#) angezeigt wird. Unten finden Sie eine Tabelle mit HEX-Farbcodes:
25) HTML
Die Computersprache, mit der Inhalte wie Text, Bilder und Links im Web angezeigt werden.
26) Farbton
Was die meisten Leute als „Farbe“ betrachten – rot, orange, gelb usw.
J
27) JPEG
Ein Bilddateityp, der verlustbehaftete oder verlustfreie Komprimierung verwendet, mit wenig Wahrnehmung in einem Qualitätsverlust. Dieser Dateityp eignet sich am besten für Fotos und realistische Gemälde, bei denen sanfte Übergänge zwischen den Farben auftreten.
K
28) Kerning
Der Abstand zwischen einzelnen Buchstaben.
L
29) Leading
Der Abstand zwischen Zeilen des Typs.
30) Verlustbehaftet
Eine Form der Datenkomprimierung, bei der Details gelöscht werden, wenn die Dateigröße verringert wird. Eine übliche verlustbehaftete Komprimierungsmethode ist JPEG.
31) Verlustfrei
Im Gegensatz zur verlustbehafteten Komprimierung ermöglicht dieses Format die Wiederherstellung der Bilddetails.
M
32) Mittellinie
Der Abstand von der Grundlinie zur Spitze der meisten Kleinbuchstaben, einschließlich „e“, „g“ und der Kurve von „h“. Auch bekannt als „Median“, wie unten dargestellt. Siehe Ascender, Cap height und Descender.
N
33) Negativer Raum
Der leere Raum, der ein Design umgibt, sei es eine Webseite oder ein einzelnes Bild – siehe auch Leerraum.
O
34) Open Type Fonts
Der aktuelle Standard in Schriftformaten. Es enthält sowohl die Bildschirm- als auch die Druckerversion in einer einzigen Datei und ist sowohl für Windows als auch für Mac kompatibel. Die Dateierweiterung lautet .otf.
35) Orphan
Eine Eröffnungszeile in einem Absatz, die allein am Ende einer Seite erscheint. Ein Waisenkind kann auch ein Wort oder eine sehr kurze Zeile sein, die am Ende eines Absatzes von selbst erscheint.
P
36) Pantone
Ein von der Firma Pantone entwickeltes Farbanpassungssystem. Weitgehend im Druckdesign verwendet und verwendet, um gedruckte Farben an diejenigen anzupassen, die während der digitalen Designphase auf dem Bildschirm erscheinen.
37) PDF
Ein Dateiformat, das am besten zur Darstellung von Dokumenten und Präsentationen verwendet wird.
38) Pixel
Das kleinste Element eines Bildes auf einem Computer.
39) Pixel pro Zoll (PPI)
Ein weiteres Maß für die Bildauflösung, je nachdem, wie viele Pixel in einem bestimmten Abschnitt des Bildes vorhanden sind.
40) PNG
Ein Bilddateiformat, das am besten verwendet wird, wenn das Bild große Bereiche mit einheitlicher Farbe oder einen transparenten Hintergrund aufweist (im Gegensatz zu JPEG).
R
41) Rechteckige (oder tetradische) Farben
Vier Farben, die zwei Paare komplementärer Farben sind.
42) Auflösung
Eine Methode zur Messung der Schärfe und des Detaillierungsgrades in einem Bild. Eine höhere Auflösung zeigt normalerweise eine größere Dateigröße an, die die Datenmenge – wie Pixel oder Punkte – innerhalb des Bildes darstellt.
43) RGB-Farbmodell
Ein Akronym, das für die Farben Rot, Grün und Blau steht. Das RGB-Farbmodell wird für das Webdesign verwendet, da Monitore Licht in diesen Farben übertragen.
S
44) Sättigung
Wie hell oder intensiv eine Farbe ist.
45) Serif
Eine kleine Linie, die in einigen Schriften am Ende eines Strichs angebracht ist. „Sans Serif“ bezieht sich auf Schriften, die diese Zeile nicht haben.
46) Shade
Wie viel Schwarz mit dem Farbton vermischt ist.
47) Split-Komplementärfarben
Farben, die aus einer Grundfarbe sowie den beiden Farben bestehen, die neben ihrer Komplementärfarbe liegen.
48) Quadratische Farben
Auf dem Farbrad sind vier Farben gleichmäßig voneinander beabstandet.
49) Stem
Der primäre vertikale Strich in einem Buchstaben. Es wird im Buchstaben „B“ und in der diagonalen Linie von „V“ verwendet.
50) Striche
Die Linien, aus denen ein Buchstabe in einer Schrift besteht.
T
51) Tail
Der absteigende Strich in einem Buchstaben, der oft dekorativ ist – zum Beispiel im Buchstaben „Q“.
52) Terminal
Das Ende eines Strichs, der keine Serife enthält.
53) Tint
Wie viel Weiß mit dem Farbton vermischt ist.
54) Triadische Farben
Farbschema, bei dem drei Farben, die sich auf dem Farbrad in einem Abstand von 120 Grad voneinander befinden, kombiniert werden. Es wird oft als das beste Farbschema angesehen.
55) Schrift
Eine Designsammlung von Zeichen, einschließlich Buchstaben, Zahlen und Satzzeichen. Beispiele sind Times New Roman, Helvetica und Arial.
V
56) Vektorbild
Anstatt Pixel zur Darstellung von Bildern zu verwenden, verwenden Vektoren Linien und Formen. Da sie nicht auf Pixel angewiesen sind, behalten vergrößerte Vektorbilder die Bildklarheit und -qualität bei.
57) Visuelle Hierarchie
Ein Gestaltungsprinzip, das verschiedene Teile der Botschaft Ihres Inhalts mithilfe von Farben, Größen und Layouts visuell ordnet und hervorhebt.
W
58) Wasserzeichen
Ein leicht zu erkennender Marker, der über Fotos im Web und im Druck platziert wird. Es wird verwendet, um den Besitzer eines Bildes zu identifizieren und den Diebstahl visueller Inhalte zu verhindern.
59) Gewicht
In Schriften die Dicke der Strichbreite. Einige Beispiele sind Demibold, Light und bold.
60) Leerraum
Der Leerraum, der ein Objekt im Design umgibt – siehe auch Negativraum.
61) Witwe
Der Textabschnitt am Ende eines Absatzes, der in die folgende Spalte oder Seite übergeht.
X
62) X-height
In einem Buchstaben der Abstand zwischen Mittellinie und Grundlinie – siehe auch Ascender, cap height, descender und Extender.
Z
63) ZIP-Datei
Ein Dateiformat, das mehrere Dateien komprimiert und in einem einzigen Ordner zusammenfasst. Komprimierte Dateien verlieren keine Daten, um kleiner zu werden, und können leicht durch Entpacken der ZIP-Datei wiederhergestellt werden.