aslain.dev
0%
01 Hizmetler 02 Hakkımda 03 Projeler 04 Stack 05 Blog 06 İletişim
/ blog — Design

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.

Design
TasarımLogoMarkaNegatif Alan

Negativraum-Logos: Clevere Beispiele

Negativraum-Logos verwandeln Leerraum in ein verstecktes Symbol. Echte Beispiele, Grundprinzipien und praktische Methoden für dein Logo.

26.09.2026 · 6 dk okuma
Design
TasarımUITipografiCSS

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.

23.09.2026 · 6 dk okuma
Design
TasarımLogoMarkaKarakter

Maskottchen-Logo gestalten: Charakter erschaffen

So gestaltest du ein Maskottchen-Logo, das einer Marke Persönlichkeit verleiht – vom Konzept bis zum Vektor.

19.09.2026 · 5 dk okuma
Design
TasarımUIHUDFigma

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.

17.09.2026 · 7 dk okuma
Design
TasarımLogoUIMarka

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.

14.09.2026 · 5 dk okuma
Design
TasarımLogoMarkaFigma

Logo-Designprozess: vom Briefing bis zur Auslieferung

Wie läuft der Logo-Designprozess wirklich ab? Schritt für Schritt: Recherche, Skizze, Digitalisierung und Auslieferung.

11.09.2026 · 5 dk okuma
Design
TasarımPortfolyoUIMarka

Designer-Portfolio: So baust du eines, das überzeugt

Ein praktischer Leitfaden für ein Designer-Portfolio, das durch Projektauswahl, Fallstudien und Präsentation überzeugt.

08.09.2026 · 5 dk okuma
Design
TasarımRenkUICSS

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.

06.09.2026 · 5 dk okuma
Design
TasarımSosyal MedyaGörselFigma

Social-Media-Bildgrößen: Leitfaden 2026

Social-Media-Bildgrößen variieren je nach Plattform; lernen Sie die richtigen Maße und ein cleveres Vorlagensystem.

03.09.2026 · 4 dk okuma
Design
TasarımMoodboardRenkMarka

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.

30.08.2026 · 6 dk okuma
Design
TasarımRenkUIErişilebilirlik

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.

28.08.2026 · 5 dk okuma
Design
TasarımLogoMarkaSVG

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.

25.08.2026 · 5 dk okuma
Design
TasarımUIFigmaSVG

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.

22.08.2026 · 6 dk okuma
Design
TasarımUIRenkFigma

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.

19.08.2026 · 5 dk okuma
Design
TasarımUIMobilFigma

Mobiles UI-Design: Touch-Ziele, Navigation, Lesbarkeit

Die Grundregeln des mobilen UI-Designs: Touch-Ziele, daumenfreundliche Navigation und Lesbarkeit auf kleinen Bildschirmen.

17.08.2026 · 5 dk okuma
Design
TasarımUIRenkFigma

Button-Design: Klickbare und barrierefreie UI

Gutes Button-Design beginnt mit State, Größe und Kontrast. So baust du klickbare, barrierefreie und konsistente Buttons.

14.08.2026 · 6 dk okuma
Design
TasarımUIUXFigma

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.

10.08.2026 · 5 dk okuma
Design
TasarımRenkMarkaLogo

HEX, RGB, CMYK: konsistente Markenfarben

Verstehe HEX, RGB und CMYK, den Unterschied zwischen Bildschirm und Druck und halte deine Markenfarbe überall gleich.

08.08.2026 · 5 dk okuma
Design
TasarımGridUILayout

Grid-System im Design: Spalten und Baseline

Lerne Grid-System-Design über Spalten, Stege und Baseline-Grid für saubere, ausgewogene Kompositionen.

05.08.2026 · 5 dk okuma
Design
TasarımLogoIllustratorVektör

Illustrator-Logo erstellen: Zeichenstift- und Pathfinder-Guide

Die Grundlagen eines Illustrator-Logos: saubere Pfade mit dem Zeichenstift, Formen kombinieren mit Pathfinder und skalierbare Vektoren.

02.08.2026 · 6 dk okuma
Design
TasarımVektörRasterLogo

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.

30.07.2026 · 5 dk okuma
Design
TasarımLogoMarkaRenk

Logo-Designfehler: 10 Patzer, Die Amateure Verraten

Die häufigsten Logo-Designfehler und wie Sie jeden vermeiden: Typografie, Farbe, Skalierbarkeit und mehr.

28.07.2026 · 5 dk okuma
Design
TasarımUITipografiRenk

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.

25.07.2026 · 6 dk okuma
Design
TasarımUIRenkFigma

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.

21.07.2026 · 5 dk okuma