Design
Die Kategorie Design deckt die visuelle Seite ab: Logos und Markenidentität, Typografie, Farbsysteme und Figma-Workflows. Design aus der Perspektive von jemandem zu betrachten, der auch den Code schreibt, ergibt einen eigenen Blickwinkel — ein Logo muss nicht nur schön sein, es muss auch als 16-Pixel-Favicon lesbar bleiben und im einfarbigen Druck bestehen. Die Beiträge hier befassen sich mit genau diesen praktischen Zwängen: wie man eine Markenpalette aufbaut, die zugängliche Kontrastverhältnisse einhält, woran sich eine typografische Skala wirklich orientieren sollte und welche fehlende Information die Arbeit verdoppelt, wenn ein Entwurf an die Entwicklung übergeben wird. Ich versuche, die Begründung hinter ästhetischen Entscheidungen ebenso zu erklären wie die Entscheidungen selbst.
Negativraum-Logos: Clevere Beispiele
Negativraum-Logos verwandeln Leerraum in ein verstecktes Symbol. Echte Beispiele, Grundprinzipien und praktische Methoden für dein Logo.
Typografische Hierarchie: Überschrift und Fließtext im Gleichgewicht
Typografische Hierarchie lenkt den Lesefluss über Größe und Gewicht: praktische Wege, Überschrift und Fließtext auszubalancieren.
Maskottchen-Logo gestalten: Charakter erschaffen
So gestaltest du ein Maskottchen-Logo, das einer Marke Persönlichkeit verleiht – vom Konzept bis zum Vektor.
Game-UI-Design: lesbares HUD und klare Menüs
Prinzipien und Praxisbeispiele für Game-UI-Design: lesbares HUD, aufgeräumtes Inventar und intuitive Menüs.
Goldener Schnitt im Design: praktischer Einsatz in Logo und Layout
Wir machen Golden-Ratio-Design konkret: ein praktischer Leitfaden für 1,618 in Logo-Rastern, Typo-Skala und Layout-Proportionen.
Logo-Designprozess: vom Briefing bis zur Auslieferung
Wie läuft der Logo-Designprozess wirklich ab? Schritt für Schritt: Recherche, Skizze, Digitalisierung und Auslieferung.
Designer-Portfolio: So baust du eines, das überzeugt
Ein praktischer Leitfaden für ein Designer-Portfolio, das durch Projektauswahl, Fallstudien und Präsentation überzeugt.
Gradient-Design: Visuelle Balance mit Modernen Übergängen
Ein vollständiger Leitfaden zu Gradient-Design, Farbübergangstypen und praktischen CSS-Beispielen für ausgewogene Visuals.
Social-Media-Bildgrößen: Leitfaden 2026
Social-Media-Bildgrößen variieren je nach Plattform; lernen Sie die richtigen Maße und ein cleveres Vorlagensystem.
Was ist ein Moodboard und wie erstellt man eins: Schritt für Schritt
Was ein Moodboard ist, warum es funktioniert und wie du Schritt für Schritt ein Inspirationsboard erstellst, das die Richtung eines Designprojekts klärt.
Farbkontrast & WCAG: Leitfaden für barrierefreies Design
Ein Design-Leitfaden zu Farbkontrast-WCAG-Werten, den Schwellen 4.5:1 und 3:1 und barrierefreier Farbwahl mit Beispielen.
Logo-Dateiformate: Leitfaden zu SVG, PNG und PDF
Logo-Dateiformate verwirren oft: Wofür sind SVG, PNG, PDF und EPS, und welche bekommt der Kunde? Ein praktischer Leitfaden.
Icon-Design: ein konsistentes Icon-Set erstellen
Ein praktischer Leitfaden zum Icon-Design: ein konsistentes Set mit Grid, Strichstärke, optischer Balance und sauberem SVG-Export.
Was Ist ein Design System? Tokens und Komponenten
Was ein Design System ist, wie die Schichten Tokens-Komponenten-Docs funktionieren und wie ein kleines Team es skalierbar aufbaut.
Mobiles UI-Design: Touch-Ziele, Navigation, Lesbarkeit
Die Grundregeln des mobilen UI-Designs: Touch-Ziele, daumenfreundliche Navigation und Lesbarkeit auf kleinen Bildschirmen.
Button-Design: Klickbare und barrierefreie UI
Gutes Button-Design beginnt mit State, Größe und Kontrast. So baust du klickbare, barrierefreie und konsistente Buttons.
UI/UX Unterschied: klare Erklärung für Designer
Was ist der UI/UX Unterschied genau? Wir erklären die Grenzen, Aufgaben und das Zusammenspiel beider Disziplinen klar.
HEX, RGB, CMYK: konsistente Markenfarben
Verstehe HEX, RGB und CMYK, den Unterschied zwischen Bildschirm und Druck und halte deine Markenfarbe überall gleich.
Grid-System im Design: Spalten und Baseline
Lerne Grid-System-Design über Spalten, Stege und Baseline-Grid für saubere, ausgewogene Kompositionen.
Illustrator-Logo erstellen: Zeichenstift- und Pathfinder-Guide
Die Grundlagen eines Illustrator-Logos: saubere Pfade mit dem Zeichenstift, Formen kombinieren mit Pathfinder und skalierbare Vektoren.
Vektor- vs. Rastergrafik: Wann Welches Format
Ist der Vektor- vs. Raster-Unterschied klar, fällt die Formatwahl leicht: vom Logo bis zum Foto, wo welcher Typ funktioniert und warum.
Logo-Designfehler: 10 Patzer, Die Amateure Verraten
Die häufigsten Logo-Designfehler und wie Sie jeden vermeiden: Typografie, Farbe, Skalierbarkeit und mehr.
Visuelle Hierarchie: Aufmerksamkeit gezielt lenken
Was ist visuelle Hierarchie und wie baut man sie auf? Praktische Regeln mit Größe, Kontrast, Position und Weißraum.
UI White Space: Lesbarkeit und Hierarchie durch Leerraum
Wie stärkt UI White Space mit bewusstem Leerraum Lesbarkeit und visuelle Hierarchie? Ein praktischer Leitfaden mit Beispielen.