Eine Illustration ist ein gezeichnetes, gemaltes oder digital konstruiertes Bild, das einen Text oder eine Idee veranschaulicht. Der Duden beschreibt sie als veranschaulichende Bildbeigabe zu einem Text; das Wort kommt vom lateinischen illustratio, Erhellung.
- Illustration
Ein gezeichnetes oder gemaltes Bild, das einen Text oder eine Idee veranschaulicht, von Hand oder digital.
Beispiel: „Die leere Seite des Warenkorbs zeigt eine Illustration statt einer weißen Fläche.“Auch: Zeichnung, Bebilderung.
Abgrenzung zur Fotografie: Sie bildet ab, was vor der Kamera war; eine Illustration darf alles zeigen.
Wofür Illustrationen im Webdesign da sind
Illustrationen zeigen, was sich schlecht fotografieren lässt: Abläufe, Ideen, Software, die es noch nicht gibt. Das Atlassian Design System beschreibt sie als Mittel, komplexe Ideen einfach zu vermitteln, und unterscheidet kleine Spot-Illustrationen für leere Zustände und Erfolgsmeldungen, vereinfachte Oberflächen für das Onboarding und flächige Muster für Hintergründe.
Ein Illustrationsstil für die Marke
Damit Illustrationen zusammenpassen, legen Marken einen eigenen Stil fest: Strichstärke, Farbpalette, Perspektive, Detailgrad und die Art, wie Menschen dargestellt werden. Im Design System steht das neben Farben und Schriften. Als Format eignet sich laut MDN SVG, weil es in jeder Größe scharf bleibt und sich mit CSS einfärben lässt; aufwendige, malerische Illustrationen bleiben Pixelgrafiken.
Illustration oder Foto
Wo es um echte Menschen, Räume und Produkte geht, wirkt ein Foto glaubwürdiger. Illustrationen sind stark, wo es nichts zu fotografieren gibt: bei Abläufen, abstrakten Ideen, Fehlerzuständen und Anleitungen. Viele Websites mischen beides: Fotos für Team und Referenzen, Illustrationen für Erklärungen und Hinweise.