Kort fortalt
- En baggrundstekstur er fine overfladedetaljer, som korn, papirfibre, vævet stof eller matteret glas, lagt over en farve eller en gradient.
- Tekstur virker bedst i lav styrke, mærket frem for set, så den giver varme uden at konkurrere med indholdet ovenpå.
- Teksturens skala skal passe til visningsstørrelsen: fint korn til små skærme og nær visning, grovere tekstur til store formater, der ses på afstand.
- Korn lagt over en gradient skjuler banding, fordi tilfældige detaljer bryder de synlige trin mellem nuancerne op.
- Sociale platforme og videokodere komprimerer billeder igen, hvilket kan udviske meget fin tekstur, så tjek teksturen efter upload.
På denne side
En baggrundstekstur er fine overfladedetaljer lagt over en farve eller gradient: filmkornets spætter, papirets fibre, linnedets væv, glassets rim. Det er den, der får en baggrund til at læses som et materiale frem for som pixels. Den regel, der betyder mest, er styrken. En tekstur, du mærker frem for at bemærke, gør et design varmere og mere kostbart at se på; en tekstur, du bemærker først, bliver selve emnet og kæmper mod alt, der ligger ovenpå.
En struktureret gradient på et opslag i portrætformat: overfladen læses som et materiale, og ordene fører stadig.
Typer af baggrundstekstur
| Tekstur | Føles som | Bedst til |
|---|---|---|
| Korn eller støj | Film, tryk, en mat overflade | Gradienter, mørke baggrunde, alt der får banding |
| Papir | Trykt, håndlavet, redaktionelt | Citater, journaler, invitationer, rolige brands |
| Stof og linned | Blødt, vævet, taktilt | Mode, indretning, hotel og restaurant |
| Matteret glas | Moderne, lagdelt, lysende | Grænseflader, kort over farve, techbrands |
| Halvtone og riso-prikker | Retrotryk, fanzines, plakater | Legende og redaktionelle opslag på sociale medier |
| Sten og beton | Massivt, arkitektonisk, stille | Luksus, arkitektur, produktfotografi |
Hver tekstur bærer en association. Korn siger film og tryk, papir siger håndlavet, glas siger grænseflade. Vælg den, der passer til, hvordan dit brand skal føles, og brug den overalt; blander du papir i det ene opslag og glas i det næste, ophæver du effekten. Har du ikke fundet ud af, hvilken stemning du vil have, har brandpersonlighed en enkel måde at beslutte det på.
Skala: tilpas teksturen til visningsstørrelsen
Tekstur læses forskelligt i forskellige størrelser. En telefonskærm, der holdes tæt på, viser hver eneste plet, så fint korn er nok. En plakat på tværs af et rum eller et slide på en projektor kræver grovere tekstur for overhovedet at registrere. Og en tekstur, der ser rigtig ud på et opslag i 1080×1350, kan forsvinde, når en platform formindsker det til et miniaturebillede, eller blive til pletter, når det komprimeres igen.
Story 1080×1920: fint
1080 × 1920
Opslag 1080×1350: fint
1080 × 1350
Slide 1920×1080: medium
1920 × 1080
A3-tryk 3508×4961: grovere
3508 × 4961
I tryk klarer korn sig som regel godt og hjælper endda gradienter med at blive gengivet rent; tryk af gradienter gennemgår detaljerne.
Tekstur lagt oven på gradienter
Den mest nyttige kombination er tekstur over en gradient. Korn bryder de synlige trin op, som opstår i glatte overgange, kaldet banding, og får en digital gradient til at ligne noget trykt. Den sædvanlige metode er at lægge teksturen som et separat lag over farven og blande den ind med en tilstand som Overlay eller Soft light ved lav uigennemsigtighed, så den skygger farven frem for at dække den.
- 1
Begynd med farven
Få først gradienten til at sidde. Tekstur redder ikke farver, der ikke passer sammen.
- 2
Tilføj ét teksturlag
Læg det over gradienten. Brug en grå eller neutral tekstur, så den ikke farver overfladen.
- 3
Bland den ind
Sæt laget til Overlay eller Soft light. Soft light er mildere og holder farverne rene.
- 4
Sænk styrken
Reducér uigennemsigtigheden, indtil du kun bemærker teksturen, når du leder efter den, ofte langt under halvdelen.
- 5
Tjek det mørkeste område
Banding gemmer sig i mørke, langsomme overgange. Sørg for, at teksturen har opløst alle trin dér.
På nettet er den samme fremgangsmåde få linjer kode; se CSS-støjtekstur. Hvorfor netop korn ser så godt ud på gradienter, kan du læse om i kornede gradienter.
Tekstur og læsbarhed
Undgå
- Kraftig tekstur lige bag lille tekst
- Mønstre med høj kontrast, som et kraftigt linnedvæv under brødtekst
- To eller tre forskellige teksturer i ét design
- Tekstur så fin, at den bliver til grød efter upload
Gør
- Svag tekstur, eller et roligere område, hvor ordene står
- Tekstur med lav kontrast i nære nuancer af én farve
- Én teksturfamilie på tværs af alle formater
- Tjek den uploadede version, ikke kun eksporten
Tekstur tilføjer visuel støj tæt på bogstaverne, og lille skrift lider først. Hold teksturen svag, hvor teksten står, eller giv ordene et roligt, jævnt område af baggrunden. Tekst på travle baggrunde gennemgår teknikkerne i detaljer.
Tekstur og farve løber lige gennem ordene …
… og den samme baggrund, der skaber ro bag dem.
Tekstur, der forbliver ensartet
Tekstur går let tabt mellem værktøjer: et kornlag i én fil, et papirbillede i en anden, en forskellig styrke ved hver eksport. I Gradiently er tekstur en del af selve baggrunden. En Mark stabler op til tre materialer med korn og lys, så den samme overflade gengives bag ethvert design i enhver størrelse, og dens roligste område flytter sig bag ordene.
GR·N4D7·V5
Evening Station
Se denne MarkSpørgsmål, folk stiller
Hvad er en baggrundstekstur?
Fine overfladedetaljer, som korn, papirfibre, stofvæv eller matteret glas, lagt over en farve eller gradient, så den læses som et fysisk materiale.
Hvor kraftig skal en baggrundstekstur være?
Svag. Du skal kun bemærke den, når du leder efter den. Er teksturen det første, du ser, så sænk dens uigennemsigtighed.
Løser tekstur banding i gradienter?
Korn gør det som regel. Tilfældige fine detaljer bryder de synlige trin mellem nuancerne op, så overgangen ser glat ud.
Hvilken blandingstilstand skal jeg bruge til tekstur?
Soft light til en mild effekt, der holder farverne rene, eller Overlay til en kraftigere. Brug en neutral grå tekstur, så den ikke farver overfladen.
Hvorfor ser min tekstur plettet ud på sociale medier?
Platformene komprimerer uploads igen, hvilket kan udviske meget fin tekstur. Brug en lidt grovere tekstur, og tjek det uploadede resultat.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil
