• Haupt
  • >
  • Marketing
  • >
  • 63 Webdesign-Begriffe, die jeder Marketer kennen sollte

63 Webdesign-Begriffe, die jeder Marketer kennen sollte

Wenn Sie noch nicht mit Marketing beschäftigt sind, insbesondere in einem kleinen Team, müssen Sie möglicherweise kurzfristig eine Menge Dinge erledigen. Und wenn es um Dinge wie Blogging und soziale Medien geht, dann haben Sie dies. Aber schon bald werden Sie zu Designprojekten hingezogen. Eines Tages verspotten Sie eine Infografik. Im nächsten Schritt entwerfen Sie ein eBook. Sie fühlen sich unvorbereitet - und dieses Designvokabular? Es kann sich wie eine Fremdsprache anfühlen.

Klingt bekannt?

Wir waren dort - und wir wissen, dass wir nicht die einzigen Vermarkter sind, die dieses Vokabular irgendwann fließend beherrschen mussten. Deshalb haben wir beschlossen, ein größeres Glossar zu veröffentlichen, um uns allen zu helfen, unser Spiel ein wenig zu verbessern. Dies ist keineswegs das A und O der Design-Terminologie. Sie können also auch Ihre Definitionen in den Kommentaren hinzufügen. Wir haben Folgendes alphabetisch geordnet.

Das ultimative Glossar zu Webdesign-Begriffen

A / b / c / d / e / f / g / h / j / k / l / m / n / o / p / r / s / t / v / w / x / z

EIN

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. Beispielsweise ist dieser Textabschnitt am linken Rand ausgerichtet, während die in der Abbildung unten dargestellten Linien am rechten Rand ausgerichtet sind.

Quelle: Pixabay

2) Analoge Farben

Farben, die in einem Farbkreis nebeneinander angezeigt werden.

Quelle: Nopira

3) Aufsteiger

Eine lineare Erweiterung eines Buchstabens, der über der Mittellinie angezeigt wird - siehe auch Grundlinie, Höhe der Kappe, Unterlänge und Verlängerung.

Quelle: Max Naylor

B

4) Grundlinie

Die gerade, unsichtbare Linie, in der sich alle Buchstaben einer Schrift befinden - siehe auch Aufstieg, Höhe, Abstieg, Verlängerung und Mittellinie.

Quelle: Max Naylor

C

5) Kappenhöhe

Der Abstand zwischen der Grundlinie und dem oberen Rand von Großbuchstaben - siehe auch Aufstieg, Abstieg, Verlängerung und Mittellinie.

Quelle: Max Naylor

6) CMYK-Farbmodell

Steht für Cyan, Magenta, Gelb und Schwarz. Diese Farbpalette wird im Druckdesign aufgrund der Art und Weise verwendet, wie Papier Licht absorbiert.

Quelle: Capsoul

7) Farbkreis

Ein Farbkreis, der die Beziehungen zwischen Primär-, Sekundär- und Tertiärfarben anzeigt.

Quelle: Nopira

8) Farbschemata

Die Kombination von zwei oder mehr Farben aus dem Farbkreis - auch Farbharmonien genannt.

9) Komplementärfarben

Farben, die sich im Farbkreis direkt gegenüberliegen.

Quelle: Nopira

10) Komprimierung

Reduzierung der Dateigröße durch Beseitigung überschüssiger Daten. Besonders hilfreich beim E-Mailen oder Speichern großer Bilddateien. Erfahren Sie mehr über verlustbehaftete und verlustfreie Komprimierung.

11) Kontrast

Die Hervorhebung von Unterschieden zwischen Farben, Formen, Abständen oder anderen Gestaltungselementen.

Quelle: Pixabay

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 Codeteil, mit dem das Erscheinungsbild einer Website unabhängig vom eigentlichen Inhalt einer Webseite festgelegt wird.

D

14) Abstieg

Ein Extender auf einem Buchstaben, der unterhalb der Grundlinie angezeigt wird - siehe auch Ascender, Höhe der Kappe und Mittellinie.

Quelle: Max Naylor

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, bei dem eine Grafik so angezeigt wird, als stünde ein Schatten dahinter.

Quelle: Tizio

E

17) EPS

Ein Dateiformat, das für Vektorbilder verwendet wird, die sowohl Text als auch Grafiken enthalten.

18) Extender

Der Teil eines Buchstabens, der sich über der x-Höhe oder unter der Grundlinie erstreckt - siehe auch Aufstieg, Höhe der Kappe, Abstieg und Mittellinie.

F

19) Federn

Eine Entwurfstechnik, mit der Kanten eines Features geglättet werden.

20) Schriftart

Eine Schrift 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 Mustern oder für animierte Bilder geeignet ist. Unten sehen Sie ein Beispiel für ein animiertes GIF-Bild:

Quelle: Manuel Almagro Rivas

22) Gefälle

Eine Designtechnik, bei der eine Farbe oder ein Teil eines Bildes in eine andere Farbe übergeht.

Quelle: Public Domain Pictures

23) Gitter

Eine rein hypothetische Karte aus vertikalen und horizontalen Linien, mit deren Hilfe 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 Nummernzeichen (#) angezeigt wird. Unten finden Sie eine Tabelle mit HEX-Farbcodes:

Quelle: bmdavll

25) HTML

Die Computersprache, in der Inhalte wie Text, Bilder und Links im Web angezeigt werden.

26) Farbton

Was die meisten Leute als "Farbe" bezeichnen - Rot, Orange, Gelb usw.

J

27) JPEG

Ein Bilddateityp, der eine verlustbehaftete oder verlustfreie Komprimierung verwendet und bei einem Qualitätsverlust nur eine geringe Wahrnehmung aufweist. Diese Art von Datei eignet sich am besten für Fotos und realistische Gemälde, bei denen es zu weichen Übergängen zwischen den Farben kommt.

K

28) Kerning

Der Abstand zwischen einzelnen Buchstaben.

Quelle: Sherbyte

L

29) Führen

Der Abstand zwischen den Textzeilen.

30) Verlust

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 können mit diesem Format die Bilddetails wiederhergestellt werden.

M

32) Mittellinie

Der Abstand zwischen der Grundlinie und dem oberen Rand der meisten Kleinbuchstaben, einschließlich "e", "g" und der Kurve von "h". Wird auch als "Median" bezeichnet (siehe Abbildung unten). Siehe Aufstieg, Kappenhöhe und Abstieg .

Quelle: Max Naylor

N

33) Negativer Raum

Der leere Raum, der ein Design umgibt, sei es eine Webseite oder ein einzelnes Bild - siehe auch Leerraum .

Quelle: Public Domain Pictures

O

34) Öffnen Sie Schriftarten

Der aktuelle Standard für Schriftformate. 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) Waise

Eine Eröffnungszeile in einem Absatz, die am unteren Rand einer Seite einzeln angezeigt wird. Eine Waise kann auch ein Wort oder eine sehr kurze Zeile sein, die am Ende eines Absatzes von selbst erscheint.

Quelle: Maat

P

36) Pantone

Ein von der Firma Pantone entwickeltes Farbanpassungssystem. Wird hauptsächlich im Druckdesign verwendet und verwendet, um gedruckte Farben an diejenigen anzupassen, die während der digitalen Phase des Designs auf dem Bildschirm angezeigt werden.

Quelle: Pixabay

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 hängt davon ab, 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 einheitlichen Farben oder einen transparenten Hintergrund aufweist (im Gegensatz zu JPEG).

R

41) Rechteckige (oder tetradische) Farben

Vier Farben, zwei Paare von Komplementärfarben.

Quelle: Nopira

42) Auflösung

Eine Methode zum Messen der Schärfe und Detailgenauigkeit in einem Bild. Eine höhere Auflösung weist normalerweise auf eine größere Datei hin, die die Datenmenge (z. B. Pixel oder Punkte) im Bild darstellt.

43) RGB-Farbmodell

Ein Akronym für die Farben Rot, Grün und Blau. Das RGB-Farbmodell wird für das Webdesign verwendet, da Monitore Licht in diesen Farben übertragen.

Quelle: Mike Horvath

S

44) Sättigung

Wie hell oder intensiv eine Farbe ist.

Quelle: SharkD

45) Serif

Eine kleine Linie, die in einigen Schriftarten am Ende eines Strichs angehängt ist. "Ohne Serife" bezieht sich auf Schriftarten, die diese Zeile nicht haben.

Quelle: GJo

46) Schatten

Wie viel Schwarz wird dem Farbton beigemischt?

47) Split-Komplementärfarben

Farben, die aus einer Grundfarbe und den beiden Farben bestehen, die neben der Komplementärfarbe liegen.

Quelle: Nopira

48) Quadratische Farben

Auf dem Farbkreis sind vier Farben gleichmäßig voneinander beabstandet.

Quelle: Nopira

49) Stiel

Der primäre vertikale Strich in einem Buchstaben. Es wird in dem Buchstaben "B" und der diagonalen Linie von "V" verwendet.

50) Striche

Die Zeilen, aus denen ein Buchstabe in einer Schrift besteht.

T

51) Schwanz

Der absteigende Strich in einem Buchstaben, der oft dekorativ ist - zum Beispiel in dem Buchstaben "Q".

52) Terminal

Das Ende eines Strichs ohne Serife.

53) Farbton

Wie viel Weiß wird in den Farbton eingemischt.

54) Triadische Farben

Farbschema, in dem drei Farben kombiniert werden, die sich auf dem Farbkreis in einem Winkel von 120 Grad zueinander befinden. Es wird oft als das beste Farbschema angesehen.

Quelle: Nopira

55) Schrift

Eine Design-Sammlung von Zeichen, einschließlich Buchstaben, Zahlen und Interpunktionen. Beispiele hierfür 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 Pixeln basieren, behalten vergrößerte Vektorgrafiken weiterhin die Bildschärfe 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

Eine gut sichtbare Markierung, die über den Fotos im Internet und in gedruckter Form platziert ist. Es wird verwendet, um den Eigentümer eines Bildes zu identifizieren und den Diebstahl visueller Inhalte zu verhindern.

59) Gewicht

In Schriftarten die Stärke der Strichbreite. Einige Beispiele sind Demibold, Light und Bold.

60) Leerraum

Die Leerstelle, die ein Objekt im Design umgibt - siehe auch negatives Leerzeichen.

Quelle: Pexels

61) Witwe

Der Textabschnitt am Ende eines Absatzes, der in die folgende Spalte oder Seite übergeht.

Quelle: Maat

X

62) X-Höhe

In einem Buchstaben der Abstand zwischen der Mittellinie und der Grundlinie - siehe auch Aufstieg, Höhe der Kappe, Abstieg und Verlängerung.

Quelle: Max Naylor

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 einfach durch Entpacken der ZIP-Datei wiederhergestellt werden.

Welche anderen Webdesignbegriffe würden Sie der Liste hinzufügen? Lass es uns in den Kommentaren wissen.

Anmerkung des Herausgebers: Dieser Beitrag wurde ursprünglich im Juli 2013 veröffentlicht und aus Gründen der Genauigkeit und Vollständigkeit aktualisiert.

Vorherige Artikel «
Nächster Artikel