Zum Inhalt springen

Begriffe nachschlagen und verstehen

Webdesign Glossar

Das Webdesign Glossar von Homepage Helden erklärt die Fachbegriffe, die in Website-Projekten tatsächlich fallen: von der absoluten URL über das Design System bis zum Theme. Jeder Eintrag beginnt mit einer Definition und führt danach aus, was der Begriff in der Praxis bedeutet und worauf es bei der Anwendung ankommt.

Geschrieben ist das Glossar für Menschen, die mit Websites arbeiten, ohne selbst zu entwickeln. Wer ein Angebot liest, ein Briefing schreibt oder mit einer Agentur abstimmt, stößt ständig auf Begriffe, die als bekannt vorausgesetzt werden. Hier stehen sie in verständlichem Deutsch, mit Beispielen aus echten Projekten und mit dem Hinweis, wo verwandte Begriffe zu finden sind.

Der Name führt dabei bewusst etwas eng: Über das Webdesign hinaus decken die Kategorien auch Online-Marketing, Technik und Infrastruktur, Recht und Projektorganisation ab. Such dir unten eine Kategorie aus; die Begriffe darin stehen alphabetisch sortiert.

Alle Glossar-Einträge alphabetisch sortiert

Der Webdesign Glossar

A

Absolute URL

Vollständige Webadresse aus Schema, Host und Pfad, die unabhängig vom Standort des Links immer dieselbe Ressource bezeichnet.

#Webdesign-Grundlagen

Animation im Webdesign

Die Bewegung von Elementen einer Website, ausgelöst durch Bedienung, Scrollen, Ladevorgänge oder Zeitablauf.

#Webdesign-Grundlagen

Atomic Design

Methode, Oberflächen aus fünf aufeinander aufbauenden Ebenen von Bausteinen zu entwickeln statt Seite für Seite zu gestalten.

#Webdesign-Grundlagen

Ausgehender Link

Anderer Begriff für Externer Link.

Siehe: Externer Link

#Webdesign-Grundlagen

C

Clickdummy

Klickbare Vorabversion einer Website, die den Ablauf zeigt, ohne dahinter zu funktionieren.

#Webdesign-Grundlagen

Content-Konzeption

Die Planung der Inhalte einer Website nach Themen, Formaten, Zuständigkeiten und Pflegeaufwand.

#Webdesign-Grundlagen

Corporate Website

Der offizielle Webauftritt eines Unternehmens unter eigener Domain, der das Unternehmen als Ganzes darstellt.

#Webdesign-Grundlagen

D

Dark Mode

Darstellung einer Oberfläche mit dunklem Hintergrund und hellem Text, als Alternative zur hellen Standarddarstellung.

#Webdesign-Grundlagen

Dark Theme

Anderer Begriff für Dark Mode.

Siehe: Dark Mode

#Webdesign-Grundlagen

Day Mode

Anderer Begriff für Light Mode.

Siehe: Light Mode

#Webdesign-Grundlagen

Design Patterns

Erprobte Lösungen für wiederkehrende Gestaltungsaufgaben in der Benutzeroberfläche, etwa Akkordeon oder Brotkrumennavigation.

#Webdesign-Grundlagen

Design System

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

#Webdesign-Grundlagen

Designsystem

Anderer Begriff für Design System.

Siehe: Design System

#Webdesign-Grundlagen

Designtrends im Web

Gestaltungsmuster, die in einem Zeitraum gehäuft eingesetzt werden, ohne dass ihre Wirkung belegt sein muss.

#Webdesign-Grundlagen

Designvorlage

Anderer Begriff für Template.

Siehe: Template

#Webdesign-Grundlagen

Dunkelmodus

Anderer Begriff für Dark Mode.

Siehe: Dark Mode

#Webdesign-Grundlagen

Dunkler Modus

Anderer Begriff für Dark Mode.

Siehe: Dark Mode

#Webdesign-Grundlagen

Dynamische URL

Webadresse mit Query-String, deren Parameter steuern, welcher Ausschnitt eines Inhalts ausgeliefert wird.

#Webdesign-Grundlagen

E

Entwurfsmuster

Anderer Begriff für Design Patterns.

Siehe: Design Patterns

#Webdesign-Grundlagen

Externer Link

Verweis von der eigenen Website auf eine fremde Domain, aus Sicht der Zielseite ein Backlink.

#Webdesign-Grundlagen

Extranet

Geschützter Bereich, der Teile eines internen Netzes für benannte externe Partner öffnet.

#Webdesign-Grundlagen

F

Favicon-Set

Die Gesamtheit der Symboldateien einer Website in allen Größen und Formaten, die Browser und Betriebssysteme anfordern.

#Webdesign-Grundlagen

Firmenwebsite

Anderer Begriff für Corporate Website.

Siehe: Corporate Website

#Webdesign-Grundlagen

Fixierte Navigation

Anderer Begriff für Sticky Nav.

Siehe: Sticky Nav

#Webdesign-Grundlagen

G

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

H

Heller Modus

Anderer Begriff für Light Mode.

Siehe: Light Mode

#Webdesign-Grundlagen

Hellmodus

Anderer Begriff für Light Mode.

Siehe: Light Mode

#Webdesign-Grundlagen

Hover State

Anderer Begriff für Hover-Zustand.

Siehe: Hover-Zustand

#Webdesign-Grundlagen

Hover-Zustand

Die Darstellung eines Bedienelements, solange der Mauszeiger darauf ruht, ohne dass geklickt wurde.

#Webdesign-Grundlagen

I

Interaction Design

Anderer Begriff für Interaktionsdesign.

Siehe: Interaktionsdesign

#Webdesign-Grundlagen

Interaktionsdesign

Die Gestaltung des Verhaltens einer Oberfläche: der Reaktionen auf Eingaben, der Zustände dazwischen und der Rückmeldungen.

#Webdesign-Grundlagen

Internal Link

Anderer Begriff für Interner Link.

Siehe: Interner Link

#Webdesign-Grundlagen

Interner Link

Verweis auf eine andere Seite derselben Domain, dessen Ziel, Ankertext und Menge du selbst bestimmst.

#Webdesign-Grundlagen

Intranet

Auf eine Organisation begrenztes Netz auf Basis der Internet-Technik, zugänglich nur für deren Mitglieder.

#Webdesign-Grundlagen

IxD

Anderer Begriff für Interaktionsdesign.

Siehe: Interaktionsdesign

#Webdesign-Grundlagen

K

Klickdummy

Anderer Begriff für Clickdummy.

Siehe: Clickdummy

#Webdesign-Grundlagen

Klickprototyp

Anderer Begriff für Clickdummy.

Siehe: Clickdummy

#Webdesign-Grundlagen

L

Light Mode

Darstellung einer Oberfläche mit hellem Hintergrund und dunklem Text, der Ausgangszustand fast aller Websites.

#Webdesign-Grundlagen

Light Theme

Anderer Begriff für Light Mode.

Siehe: Light Mode

#Webdesign-Grundlagen

Living Styleguide

Dokumentation der Oberflächenbausteine, die aus dem Produktivcode erzeugt wird und deshalb nicht veralten kann.

#Webdesign-Grundlagen

M

manifest.json

Anderer Begriff für Web-App-Manifest.

Siehe: Web-App-Manifest

#Webdesign-Grundlagen

Mega Menü

Großflächiges Aufklappmenü, das die Unterpunkte eines Bereichs mehrspaltig und auf einen Blick zeigt.

#Webdesign-Grundlagen

Microsite

Kleiner Webauftritt mit wenigen Seiten zu einem einzelnen Thema, der unabhängig von der Hauptwebsite auftritt.

#Webdesign-Grundlagen

Motion Design im Web

Die Gestaltung von Bewegung in digitalen Oberflächen, einschließlich Dauer, Beschleunigung und Bedeutung der Übergänge.

#Webdesign-Grundlagen

Mouseover

Anderer Begriff für Hover-Zustand.

Siehe: Hover-Zustand

#Webdesign-Grundlagen

N

Nachtmodus

Anderer Begriff für Dark Mode.

Siehe: Dark Mode

#Webdesign-Grundlagen

Night Mode

Anderer Begriff für Dark Mode.

Siehe: Dark Mode

#Webdesign-Grundlagen

O

Outbound Link

Anderer Begriff für Externer Link.

Siehe: Externer Link

#Webdesign-Grundlagen

P

Portfolio-Website

Webauftritt, dessen Kern die Darstellung eigener Arbeiten oder Projekte ist.

#Webdesign-Grundlagen

Prototyping-Tool

Software zum Entwerfen von Oberflächen und zum Verbinden dieser Entwürfe zu klickbaren Abläufen.

#Webdesign-Grundlagen

R

Relative URL

Verkürzte Webadresse ohne Schema und Host, die der Browser anhand der Seite vervollständigt, auf der der Link steht.

#Webdesign-Grundlagen

Relaunch-Konzept

Die Planung des Umbaus einer bestehenden Website, einschließlich des Umgangs mit Bestandsinhalten, Adressen und Rankings.

#Webdesign-Grundlagen

Retina-Assets

Bilddateien mit doppelter oder dreifacher Pixelzahl gegenüber ihrer Anzeigegröße, damit sie auf hochauflösenden Bildschirmen scharf bleiben.

#Webdesign-Grundlagen

S

Schlagwort

Anderer Begriff für Tag (Verschlagwortung).

Siehe: Tag (Verschlagwortung)

#Webdesign-Grundlagen

Schlagwortwolke

Anderer Begriff für Tag Cloud.

Siehe: Tag Cloud

#Webdesign-Grundlagen

Shop-Design

Die Gestaltung eines Onlineshops entlang des Wegs vom Einstieg über die Produktauswahl bis zum Kaufabschluss.

#Webdesign-Grundlagen

Sitemap-Konzept (Struktogramm)

Die geplante Seitenstruktur einer Website als Diagramm, mit allen Seiten und ihren hierarchischen Beziehungen.

#Webdesign-Grundlagen

Slug

Kurzform für den URL Slug, den benennenden Abschnitt im Pfad einer Webadresse.

Siehe: URL Slug

#Webdesign-Grundlagen

Splash Screen

Eine kurz eingeblendete Ansicht beim Start einer Anwendung, die die Wartezeit bis zur Betriebsbereitschaft überbrückt.

#Webdesign-Grundlagen

Startbildschirm

Anderer Begriff für Splash Screen.

Siehe: Splash Screen

#Webdesign-Grundlagen

Statische URL

Webadresse ohne Abfrageparameter, deren Pfad die Seite benennt und für dieselbe Seite unverändert bleibt.

#Webdesign-Grundlagen

Sticky Nav

Navigationsleiste, die beim Scrollen am Bildschirmrand haften bleibt und dadurch immer sichtbar ist.

#Webdesign-Grundlagen

Sticky Navigation

Anderer Begriff für Sticky Nav.

Siehe: Sticky Nav

#Webdesign-Grundlagen

T

Tag (Verschlagwortung)

Ein frei vergebenes Schlagwort, das einen Inhalt beschreibt und ihn mit gleich verschlagworteten Inhalten verbindet.

#Webdesign-Grundlagen

Tag Cloud

Darstellung einer Schlagwortmenge, bei der die Schriftgröße jedes Worts seine Häufigkeit im Bestand anzeigt.

#Webdesign-Grundlagen

Tagmodus

Anderer Begriff für Light Mode.

Siehe: Light Mode

#Webdesign-Grundlagen

Template

Wiederverwendbares Seitengerüst, das den Aufbau festlegt und die Inhalte offen lässt.

#Webdesign-Grundlagen

Theme

Austauschbares Paket aus Templates und Gestaltungsdateien, das das Erscheinungsbild einer ganzen Website trägt.

#Webdesign-Grundlagen

U

UI-Kit

Sammlung fertiger Oberflächenbausteine für die Gestaltung, meist als Bibliothek im Design-Tool angelegt.

#Webdesign-Grundlagen

Unternehmenswebsite

Anderer Begriff für Corporate Website.

Siehe: Corporate Website

#Webdesign-Grundlagen

URL Slug

Der benennende Abschnitt im Pfad einer Webadresse, aus dem Titel abgeleitet und auf Kleinbuchstaben und Bindestriche reduziert.

#Webdesign-Grundlagen

V

Vorlage

Anderer Begriff für Template.

Siehe: Template

#Webdesign-Grundlagen

W

Web-App-Design

Die Gestaltung von browserbasierten Anwendungen, in denen Nutzer Aufgaben erledigen und wiederkehrende Abläufe durchlaufen.

#Webdesign-Grundlagen

Web-App-Manifest

Eine JSON-Datei mit den Angaben, mit denen ein Betriebssystem eine Website wie eine App behandeln kann.

#Webdesign-Grundlagen

Webdesign

Die Gestaltung, Erstellung und Pflege von Websites; je nach Zusammenhang auch die Branche, das Fachgebiet oder das Ergebnis.

#Webdesign-Grundlagen

Webdesign-Trends

Anderer Begriff für Designtrends im Web.

Siehe: Designtrends im Web

#Webdesign-Grundlagen

Webmanifest

Anderer Begriff für Web-App-Manifest.

Siehe: Web-App-Manifest

#Webdesign-Grundlagen

Website-Konzeption

Die Planung einer Website vor der Umsetzung: Ziele, Zielgruppen, Inhalte, Struktur und Anforderungen an Technik und Redaktion.

#Webdesign-Grundlagen

Z

Zustände von Bedienelementen (Default, Hover, Active, Disabled)

Die verschiedenen Darstellungen, die ein Bedienelement je nach Situation annimmt, um seinen Status erkennbar zu machen.

#Webdesign-Grundlagen