Die Kurzfassung
- Eine Hintergrundtextur ist feines Oberflächendetail wie Körnung, Papierfasern, gewebter Stoff oder Milchglas, über eine Farbe oder einen Farbverlauf gelegt.
- Textur funktioniert am besten bei geringer Stärke, gespürt statt gesehen, sodass sie Wärme bringt, ohne mit dem Inhalt darüber zu konkurrieren.
- Die Texturgröße sollte zur Betrachtungsgröße passen: feine Körnung für kleine Bildschirme und Betrachtung aus der Nähe, gröbere Textur für große Formate, die man aus größerer Entfernung sieht.
- Körnung über einem Farbverlauf versteckt Banding, weil zufälliges Detail die sichtbaren Stufen zwischen den Tönen aufbricht.
- Soziale Plattformen und Videoencoder komprimieren Bilder neu, was sehr feine Textur verschmieren kann, prüfe die Textur also nach dem Hochladen.
Auf dieser Seite
Eine Hintergrundtextur ist feines Oberflächendetail, das über einer Farbe oder einem Farbverlauf liegt: das Sprenkeln von Filmkorn, die Fasern von Papier, das Gewebe von Leinen, der Frost von Glas. Sie lässt einen Hintergrund wie ein Material wirken statt wie Pixel. Die wichtigste Regel ist die Stärke. Eine Textur, die du eher spürst als bemerkst, macht ein Design wärmer und hochwertiger. Eine Textur, die du zuerst bemerkst, wird zum Thema und kämpft gegen alles, was darüberliegt.
Ein texturierter Farbverlauf auf einem Hochformat-Post: Die Oberfläche wirkt wie ein Material, und die Worte führen weiter.
Arten von Hintergrundtextur
| Textur | Wirkt wie | Am besten für |
|---|---|---|
| Körnung oder Rauschen | Film, Druck, ein mattes Finish | Farbverläufe, dunkle Hintergründe, alles, was Banding zeigt |
| Papier | Gedruckt, handgemacht, redaktionell | Zitate, Journale, Einladungen, ruhige Marken |
| Stoff und Leinen | Weich, gewebt, haptisch | Mode, Interior, Gastronomie |
| Milchglas | Modern, geschichtet, leuchtend | Interfaces, Karten über Farbe, Tech-Marken |
| Halbton- und Risographie-Punkte | Retro-Druck, Zines, Plakate | Verspielte und redaktionelle Social-Posts |
| Stein und Beton | Solide, architektonisch, ruhig | Luxus, Architektur, Produktfotografie |
Jede Textur bringt eine Assoziation mit. Körnung sagt Film und Druck, Papier sagt handgemacht, Glas sagt Interface. Wähle die, die dazu passt, wie sich deine Marke anfühlen soll, und nutze sie dann überall. Papier in einem Post und Glas im nächsten hebt die Wirkung auf. Hast du dich noch nicht auf ein Gefühl festgelegt, hat Markenpersönlichkeit einen einfachen Weg zur Entscheidung.
Größe: Textur auf die Betrachtungsgröße abstimmen
Textur wirkt bei verschiedenen Größen verschieden. Ein Handybildschirm aus der Nähe zeigt jedes Körnchen, feine Körnung genügt also. Ein Plakat quer durch den Raum oder eine Folie am Beamer braucht gröbere Textur, um überhaupt anzukommen. Und Textur, die auf einem Post in 1080×1350 stimmt, kann verschwinden, wenn eine Plattform ihn zum Miniaturbild verkleinert, oder zu Flecken werden, wenn sie neu komprimiert wird.
Story 1080×1920: fein
1080 × 1920
Post 1080×1350: fein
1080 × 1350
Folie 1920×1080: mittel
1920 × 1080
A3-Druck 3508×4961: gröber
3508 × 4961
Im Druck übersteht Körnung meist gut und hilft sogar, glatte Farbverläufe sauber wiederzugeben. Farbverläufe drucken behandelt die Details.
Textur über Farbverläufen schichten
Die nützlichste Kombination ist Textur über einem Farbverlauf. Körnung bricht die sichtbaren Stufen auf, die in glatten Übergängen auftreten und Banding heißen, und lässt einen digitalen Farbverlauf gedruckt aussehen. Üblich ist, die Textur als eigene Ebene über der Farbe zu platzieren und sie mit einem Modus wie Ineinanderkopieren oder Weiches Licht bei geringer Deckkraft einzublenden, sodass sie die Farbe schattiert statt sie zu bedecken.
- 1
Starte mit der Farbe
Bring zuerst den Farbverlauf in Ordnung. Textur rettet keine Farben, die nicht zusammenpassen.
- 2
Füge eine Texturebene hinzu
Leg sie über den Farbverlauf. Nutze eine graue oder neutrale Textur, damit sie die Farbe nicht einfärbt.
- 3
Blende sie ein
Stelle die Ebene auf Ineinanderkopieren oder Weiches Licht. Weiches Licht ist sanfter und hält Farben sauber.
- 4
Senke die Stärke
Verringere die Deckkraft, bis du die Textur nur bemerkst, wenn du sie suchst, oft deutlich unter der Hälfte.
- 5
Prüfe den dunkelsten Bereich
Banding versteckt sich in dunklen, langsamen Verläufen. Achte darauf, dass die Textur dort alle Stufen aufgelöst hat.
Im Web sind es für denselben Ansatz ein paar Zeilen Code, siehe CSS-Rauschtextur. Warum gerade Körnung auf Farbverläufen so gut aussieht, liest du in körnige Farbverläufe.
Textur und Lesbarkeit
Vermeide
- Starke Textur direkt hinter kleinem Text
- Kontrastreiche Muster wie ein kräftiges Leinengewebe unter Fließtext
- Zwei oder drei verschiedene Texturen in einem Design
- Textur so fein, dass sie nach dem Hochladen zu Matsch wird
Mach
- Dezente Textur oder einen ruhigeren Bereich, wo Worte stehen
- Kontrastarme Textur in nahen Tönen einer Farbe
- Eine Texturfamilie über jedes Format
- Die hochgeladene Version prüfen, nicht nur den Export
Textur bringt visuelles Rauschen in die Nähe von Buchstaben, und kleine Schrift leidet zuerst. Halte Textur dort dezent, wo Text steht, oder gib den Worten einen ruhigen, gleichmäßigen Bereich des Hintergrunds. Text auf unruhigen Hintergründen behandelt die Techniken im Detail.
Textur und Farbe laufen direkt durch die Worte…
…und derselbe Hintergrund macht ruhig Platz dahinter.
Textur, die stimmig bleibt
Textur geht zwischen Tools leicht verloren: eine Körnungsebene in einer Datei, ein Papierbild in einer anderen, bei jedem Export eine andere Stärke. In Gradiently ist Textur Teil des Hintergrunds selbst. Ein Mark stapelt bis zu drei Materialien mit Körnung und Licht, sodass dieselbe Oberfläche hinter jedem Design in jeder Größe gerendert wird und sich seine ruhigste Region hinter die Worte bewegt.
GR·N4D7·V5
Evening Station
Diesen Mark ansehenHäufige Fragen
Was ist eine Hintergrundtextur?
Feines Oberflächendetail wie Körnung, Papierfasern, Stoffgewebe oder Milchglas, über eine Farbe oder einen Farbverlauf gelegt, sodass sie wie ein physisches Material wirkt.
Wie stark sollte eine Hintergrundtextur sein?
Dezent. Du solltest sie nur bemerken, wenn du sie suchst. Ist die Textur das Erste, was du siehst, verringere ihre Deckkraft.
Behebt Textur das Banding bei Farbverläufen?
Körnung meist schon. Zufälliges feines Detail bricht die sichtbaren Stufen zwischen den Tönen auf, sodass der Übergang glatt wirkt.
Welchen Füllmodus soll ich für Textur nutzen?
Weiches Licht für einen sanften Effekt, der Farben sauber hält, oder Ineinanderkopieren für einen stärkeren. Nutze eine neutrale graue Textur, damit sie die Farbe nicht einfärbt.
Warum sieht meine Textur in sozialen Netzwerken fleckig aus?
Plattformen komprimieren Uploads neu, was sehr feine Textur verschmieren kann. Nutze eine etwas gröbere Textur und prüfe das hochgeladene Ergebnis.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen
