Wissen & Grundlagen

Kreativlexikon.

Egal ob du das erste Mal mit einem Kreativen zusammenarbeitest oder schon mittendrin bist – diese Begriffe begegnen dir früher oder später. Hier sind sie kurz und klar erklärt, damit du immer weißt, worum es geht.

above the fold

Webdesign

Herkunft: Der Begriff stammt aus dem Zeitungsdruck, wo die wichtigsten Schlagzeilen auf der oberen Hälfte der gefalteten Zeitung erschienen.
Bedeutung: Bezeichnet den sichtbaren Bereich einer Website, der ohne Scrollen wahrgenommen wird. Dieser Bereich ist entscheidend für den ersten Eindruck und die Conversion-Rate – was hier nicht überzeugt, wird oft nicht weiter erkundet.
In der Praxis: Beim Layout-Entwurf sollten der wichtigste Inhalt, der Claim und der primäre CTA stets above the fold platziert werden. Besonders relevant im Hero-Bereich von Landing Pages.

Ankerpunkt

Grafikdesign / Vektorgrafik

Herkunft: Begriff aus Vektorprogrammen wie Adobe Illustrator oder Affinity Designer.
Bedeutung: Ankerpunkte definieren die Form eines Vektorpfades. Mit Bézier-Griffen lässt sich der Kurvenverlauf zwischen zwei Ankerpunkten präzise steuern. Die gesamte Vektorgrafik – vom Logo bis zur Illustration – besteht aus diesen Punkten.
In der Praxis: Beim Logo-Design und Zeichnen von Icons oder Illustrationen. Saubere Ankerpunkte sorgen für scharfe, skalierbare Grafiken ohne überflüssige Nodes.

Aspect Ratio

Fotografie / Videografie

Herkunft: Technischer Standard aus Fotografie und Film – bekannte Formate: 4:3, 16:9, 1:1, 9:16.
Bedeutung: Das Seitenverhältnis bestimmt, wie ein Bild oder Video auf verschiedenen Ausgabegeräten wirkt. Instagram Stories nutzen 9:16, Kinos 21:9, klassische Fotos oft 3:2. Das falsche Verhältnis führt zu Cropping oder schwarzen Balken.
In der Praxis: Bereits beim Shooting oder Dreh auf das Zielverhältnis achten. Social-Media-Content, Websites und Printformate verlangen unterschiedliche Ratios – eine saubere Planung spart Nacharbeit.

Bleed

Druckvorstufe / Print

Herkunft: Standard im professionellen Offsetdruck weltweit – typischer Anschnitt: 3 mm.
Bedeutung: Anschnitt bezeichnet den Bereich, der über das Endformat hinausgeht und beim Beschnitt abgeschnitten wird. Ohne Bleed entstehen weiße Ränder durch Schnitttoleranz. Mit korrektem Anschnitt wirken Printprodukte sauber und randlos.
In der Praxis: Bei jeder Druckdatei – Visitenkarten, Flyer, Broschüren – müssen Hintergründe und Bilder um mindestens 3 mm über das Endformat gezogen werden. Schriften und Logos gehören in die Sicherheitszone.

Bounce Rate

Webdesign / SEO

Herkunft: Kennzahl aus der Web-Analyse – gemessen in Google Analytics, Matomo u. a.
Bedeutung: Die Absprungrate gibt an, wie viel Prozent der Besucher eine Seite verlassen, ohne zu interagieren. Eine hohe Bounce Rate kann auf mangelnde Relevanz, schlechte UX oder zu langsame Ladezeit hindeuten – alles Faktoren, die das Google-Ranking negativ beeinflussen.
In der Praxis: Durch gezieltes UX-Design, klare CTAs und schnelle Ladezeiten lässt sich die Bounce Rate senken. Besonders bei Landing Pages ist diese Metrik ein direkter Indikator für die Qualität des Designs.

Brand Identity

Branding / Grafikdesign

Herkunft: Marketingkonzept, das alle visuellen und kommunikativen Elemente einer Marke zusammenfasst.
Bedeutung: Eine Markenidentität umfasst Logo, Farbpalette, Typografie, Bildsprache und Tonalität. Sie sorgt für Wiedererkennung und Vertrauen beim Kunden. Eine starke Brand Identity unterscheidet Unternehmen vom Wettbewerb und schafft emotionale Bindung.
In der Praxis: Entwickelt im Rahmen eines Branding-Projekts – von der Analyse über Moodboarding bis zum finalen Corporate Design. Nikreative begleitet diesen Prozess von der Konzeption bis zur Umsetzung.

Call-to-Action

Webdesign / Marketing

Herkunft: Abkürzung: CTA. Grundprinzip aus dem Direktmarketing, übertragen auf digitale Medien.
Bedeutung: Ein CTA ist eine Handlungsaufforderung – ein Button, Link oder Formularelement, das den Nutzer zur nächsten Aktion führt. Ohne klaren CTA verlieren Webseiten ihre Conversion-Kraft. Farbe, Position und Text des CTA sind entscheidend für die Klickrate.
In der Praxis: Auf jeder Landing Page und in jedem Web-Projekt muss mindestens ein primärer CTA above the fold platziert sein. Split-Tests helfen, die effektivste Variante zu ermitteln.

CMYK

Cyan, Magenta, Yellow, Key

Herkunft: Subtraktives Farbmodell – Standard im Offsetdruck. Key steht für Schwarz (Druckfarbe).
Bedeutung: Im Gegensatz zu RGB (Licht) beschreibt CMYK die Zusammensetzung von Druckfarben. Farben aus dem RGB-Raum lassen sich nicht vollständig im CMYK-Raum darstellen – deshalb sehen Designs am Monitor oft leuchtender aus als im Druck.
In der Praxis: Alle Druckdateien müssen im CMYK-Modus angelegt werden. Logofarben sollten zusätzlich als Pantone-Werte definiert sein, um geräteunabhängige Farbkonsistenz sicherzustellen.

Color Grading

Videografie / Fotografie

Herkunft: Ursprünglich aus der Filmproduktion – heute Standard in jeder professionellen Video- und Bildpostproduktion.
Bedeutung: Color Grading bezeichnet die kreative Farbgestaltung von Foto- oder Videomaterial in der Postproduktion. Es geht über die bloße Farbkorrektur hinaus und erzeugt eine bestimmte Stimmung oder Bildsprache. Konsistentes Grading schafft Wiedererkennung und verstärkt die Markenidentität.
In der Praxis: In Adobe Lightroom, Premiere Pro oder DaVinci Resolve. Ein gutes Grading-Preset spart Zeit und sorgt für einheitliche Bildsprache – besonders wichtig bei Social-Media-Content.

Core Web Vitals

Webdesign / SEO

Herkunft: Von Google definierte Messwerte zur Nutzererfahrung – seit 2021 offizieller Ranking-Faktor.
Bedeutung: Die Core Web Vitals messen drei Aspekte: LCP (Ladezeit des größten Elements), FID bzw. INP (Reaktionsfähigkeit) und CLS (Layoutverschiebungen). Schlechte Werte wirken sich direkt negativ auf das Google-Ranking aus.
In der Praxis: Beim Aufbau von WordPress-Websites müssen Bilder komprimiert, Skripte minimiert und Schriften optimiert werden. Tools wie PageSpeed Insights oder Lighthouse liefern konkrete Handlungsempfehlungen.

Dateiformat

Grafikdesign / Allgemein

Herkunft: Technischer Standard – je nach Verwendungszweck gibt es verschiedene Formate mit unterschiedlichen Eigenschaften.
Bedeutung: Das richtige Dateiformat ist entscheidend für Qualität und Verwendbarkeit: SVG für skalierbare Vektorgrafiken, PNG für transparente Webgrafiken, JPG für Fotos, PDF für Druckdaten, WebP für optimierte Webbilder. Das falsche Format führt zu Qualitätsverlust oder unnötig großen Dateien.
In der Praxis: Logos immer als SVG und PDF liefern. Webbilder als WebP oder komprimiertes JPG/PNG. Druckdaten als PDF/X-4 mit eingebetteten Schriften und CMYK-Farbraum.

Depth of Field

Fotografie / Videografie

Herkunft: Optisches Grundprinzip – auf Deutsch: Schärfentiefe.
Bedeutung: Die Schärfentiefe beschreibt den Bereich, der auf einem Foto oder Video scharf abgebildet wird. Eine geringe Tiefenschärfe (weit geöffnete Blende, z. B. f/1.8) erzeugt ein cremiges Bokeh und lenkt den Blick auf das Motiv. Eine hohe Schärfentiefe (geschlossene Blende) hält alles im Fokus.
In der Praxis: Bei Porträts und Produktfotos wird oft eine geringe Tiefenschärfe genutzt. Architektur- und Landschaftsfotos profitieren von großer Schärfentiefe. Die Blende, der Abstand zum Motiv und die Brennweite bestimmen das Ergebnis.

DNS

Domain Name System

Herkunft: Grundlegende Infrastruktur des Internets – ohne DNS wäre keine Website erreichbar.
Bedeutung: Das DNS übersetzt menschenlesbare Domainnamen (nikreative.de) in IP-Adressen, die Server verstehen. Falsch konfigurierte DNS-Einträge führen dazu, dass E-Mails nicht ankommen oder Websites nicht erreichbar sind. A-Record, CNAME, MX und TXT-Records sind die wichtigsten Eintragstypen.
In der Praxis: Nach einem Domain-Kauf oder Serverwechsel müssen DNS-Einträge korrekt gesetzt werden. Änderungen haben eine Propagationszeit von bis zu 48 Stunden. Für Kundenprojekte ist das Verständnis der DNS-Konfiguration essenziell.

Export

Grafikdesign / Allgemein

Herkunft: Grundfunktion jeder Grafiksoftware – das finale Ausgeben einer Datei für den Verwendungszweck.
Bedeutung: Der Export ist der letzte Schritt im Design-Workflow – und einer der fehleranfälligsten. Falscher Farbraum, zu niedrige Auflösung, fehlende Schrifteinbettung oder falsches Format können ein perfektes Design unbrauchbar machen. Ein durchdachter Export-Workflow spart Zeit und Nerven.
In der Praxis: Verschiedene Exportprofile für Druck (PDF/X-4, 300 dpi, CMYK), Web (PNG/WebP, 72 dpi, RGB) und Social Media (JPG, plattformspezifische Maße) anlegen. Preflight-Checks in InDesign oder Acrobat helfen, Fehler vor dem Druck zu erkennen.

Focus Keyword

SEO / Webdesign

Herkunft: Grundbegriff der Suchmaschinenoptimierung – definiert das wichtigste Suchwort einer Seite.
Bedeutung: Das Focus Keyword ist der zentrale Suchbegriff, auf den eine Seite optimiert wird. Es sollte im Titel, in der Meta-Description, in der H1 und natürlich im Fließtext vorkommen. Tools wie Rank Math oder Yoast SEO helfen, die On-Page-Optimierung zu überwachen.
In der Praxis: Keyword-Recherche mit Google Search Console, Ubersuggest oder Ahrefs. Lokale Keywords wie 'Webdesigner Wuppertal' oder 'Logo Design NRW' sind für regionale Dienstleister besonders wertvoll.

Golden Ratio

Designtheorie / Komposition

Herkunft: Mathematisches Prinzip – bekannt seit der Antike. Verhältnis: 1:1,618. Auch als Phi oder Goldener Schnitt bekannt.
Bedeutung: Der Goldene Schnitt beschreibt ein harmonisches Proportionsverhältnis, das in der Natur, Kunst und Architektur allgegenwärtig ist. Im Design wird es zur Komposition von Layouts, Logoformen und Typografiehierarchien verwendet. Es erzeugt unbewusst das Gefühl von Balance und Ästhetik.
In der Praxis: Beim Logo-Design lassen sich Proportionen und Kreisgrößen am Goldenen Schnitt ausrichten. Auch Grid-Systeme für Webseiten oder Layouts für Printprodukte profitieren von diesem Prinzip.

Grid

Layoutdesign / Webdesign

Herkunft: Grundprinzip des professionellen Layouts – aus dem Buchsatz und Zeitungsdruck, adaptiert für digitale Medien.
Bedeutung: Ein Raster-System strukturiert Layouts und sorgt für Konsistenz, Ausrichtung und visuellen Rhythmus. Ohne Grid entsteht schnell Unordnung – mit Grid wirkt selbst komplexer Inhalt übersichtlich. CSS Grid und Flexbox sind die modernen Web-Äquivalente.
In der Praxis: In Print mit Hilfslinien in InDesign oder Illustrator, im Web per CSS Grid System (z. B. 12-Spalten-Layout). Beim Webdesign definiert das Grid die Gesamtbreite, Abstände (Gutters) und Spaltenanzahl.

Hexadezimalfarbe

Webdesign / Grafikdesign

Herkunft: Standard-Farbnotation im Web – z. B. #FF0000 für Rot, #000000 für Schwarz.
Bedeutung: Hexcodes beschreiben Farben im RGB-Farbraum als 6-stellige Kombination aus Ziffern und Buchstaben. Sie sind das universelle Kommunikationsmittel zwischen Designer und Entwickler im Web-Kontext. Jede Markenfarbe sollte als Hex-, RGB- und CMYK-Wert dokumentiert sein.
In der Praxis: Im CSS und in Design-Tools wie Figma oder Adobe XD. Im Brand-Manual wird die primäre Markenfarbe stets als Hexcode angegeben – z. B. #EB630B für ein warmes Orange.

Hook

Videografie / Content

Herkunft: Begriff aus dem Content Marketing und der Drehbuchwelt – der entscheidende Einstieg.
Bedeutung: Der Hook ist die erste Sekunde eines Videos oder Reels, die darüber entscheidet, ob der Zuschauer weiterbleibt. Plattformen wie Instagram oder TikTok belohnen hohe Watch Time – ein starker Hook ist deshalb wichtiger als jeder andere Teil des Videos.
In der Praxis: Die ersten 1–3 Sekunden eines Videos müssen sofort Interesse wecken: durch eine überraschende Aussage, eine unerwartete Handlung oder eine direkte Ansprache. Keine Intros, keine Begrüßung – sofort zum Punkt.

Impressum

Webdesign / Recht

Herkunft: Gesetzliche Pflichtangabe in Deutschland gemäß §5 TMG (Telemediengesetz).
Bedeutung: Jede kommerzielle Website in Deutschland benötigt ein rechtssicheres Impressum mit Angaben zu Betreiber, Adresse, Kontakt und ggf. Handelsregisternummer. Fehlt das Impressum oder ist es unvollständig, drohen kostenpflichtige Abmahnungen.
In der Praxis: Das Impressum muss von jeder Seite der Website mit maximal zwei Klicks erreichbar sein, in der Regel im Footer. Für Kleinunternehmer relevant: Angabe zur Umsatzsteuer gemäß §19 UStG.

Kerning

Typografie

Herkunft: Begriff aus dem Bleisatz – bezeichnet die Anpassung des Abstands zwischen einzelnen Buchstabenpaaren.
Bedeutung: Kerning ist die manuelle Feinabstimmung des Abstands zwischen bestimmten Buchstabenkombinationen (z. B. 'AV', 'Ty', 'WA'). Im Gegensatz zum Tracking (globaler Zeichenabstand) wird beim Kerning nur das Verhältnis einzelner Paare korrigiert. Schlechtes Kerning fällt oft unbewusst auf und wirkt unprofessionell.
In der Praxis: Wichtig vor allem bei Logos, Headlines und Titelschriften in großer Darstellung. In Adobe Illustrator oder InDesign lässt sich das Kerning manuell oder optisch einstellen. Gut gesetzter Text ist ein Zeichen von typografischem Handwerk.

Ladezeit

Webdesign / Performance

Herkunft: Technische Kennzahl – direkt messbar mit Tools wie Google PageSpeed Insights oder GTmetrix.
Bedeutung: Jede Sekunde Ladezeit kostet Conversions. Studien zeigen: Lädt eine Website länger als 3 Sekunden, verlässt ein Großteil der Besucher sie sofort. Zudem ist die Ladezeit ein direkter Google-Rankingfaktor.
In der Praxis: Bilder komprimieren (WebP statt JPG/PNG), Lazy Loading aktivieren, unnötige Plugins deaktivieren, Caching nutzen. Auf WordPress empfehlen sich Plugins wie WP Rocket oder LiteSpeed Cache in Kombination mit einem CDN.

Logo

Branding / Grafikdesign

Herkunft: Griechisch: logos (Wort, Sinn). Das Logo ist das visuelle Fundament jeder Marke.
Bedeutung: Ein Logo ist mehr als ein Bild – es ist das erste und prägnanteste visuelle Signal einer Marke. Es kommuniziert Werte, Stil und Positionierung auf einen Blick. Ein gutes Logo ist einfach, einprägsam, skalierbar und zeitlos. Ein schlechtes Logo kann selbst gute Produkte schwächen.
In der Praxis: Entwickelt in einem strukturierten Prozess: Briefing, Recherche, Konzept, Entwurf, Präsentation, Reinzeichnung, Dateipaket. Das finale Dateipaket umfasst SVG, PDF, PNG (mit/ohne Hintergrund) in verschiedenen Farbvarianten.

Meta-Description

SEO / Webdesign

Herkunft: HTML-Tag im <head>-Bereich einer Website – sichtbar in den Google-Suchergebnissen.
Bedeutung: Die Meta-Description ist die kurze Beschreibung (max. 160 Zeichen) einer Seite, die unter dem Titel in den Suchergebnissen erscheint. Sie beeinflusst zwar kein direktes Ranking, hat aber großen Einfluss auf die Klickrate (CTR). Eine gute Meta-Description ist präzise, enthält das Focus Keyword und erzeugt Neugier.
In der Praxis: Jede Unterseite sollte eine einzigartige Meta-Description haben. Rank Math oder Yoast SEO erleichtern die Verwaltung in WordPress. Zu lang: wird abgeschnitten. Zu kurz: verschenktes Potenzial.

Mockup

Grafikdesign / Präsentation

Herkunft: Aus dem Produktdesign – ein Modell zur Visualisierung vor der Produktion.
Bedeutung: Ein Mockup platziert ein Design in einem realistischen Kontext – z. B. ein Logo auf einer Visitenkarte, eine Website auf einem MacBook-Screen oder ein T-Shirt-Druck auf einem Foto. Mockups erleichtern dem Kunden die Vorstellung des Endprodukts und steigern die wahrgenommene Qualität der Präsentation.
In der Praxis: Für Kundenpräsentationen und Portfolio-Beiträge. Hochwertige Mockup-Ressourcen findest du auf Platforms wie Moods, Pexels Mockups oder Smart Mockups. In Adobe Photoshop per Smart Object eingebettet.

Pantone

Branding / Druckfarbe

Herkunft: Pantone LLC – internationales Farbsystem für standardisierte Druckfarben, gegründet 1963.
Bedeutung: Pantone-Farben sind geräteunabhängige Sonderfarben, die im Druck exakt reproduzierbar sind – unabhängig von Monitor oder Drucker. Das Pantone Matching System (PMS) ist der weltweite Standard für konsistente Markenfarben im Druck.
In der Praxis: Jede professionelle Brand Identity sollte die Hauptfarben als Pantone-Wert definieren. Besonders wichtig bei Drucksachen, bei denen exakte Farbtreue entscheidend ist – z. B. Firmenlogos auf Briefpapier oder Verpackungen.

Responsive Design