# Baggrundstekstur: korn, papir, stof og glas [Canonical HTML page](https://gradiently.design/da/guide/background-texture) Tekstur er det, der får en flad skærmfarve til at føles som en overflade. Brugt svagt giver den varme og skjuler banding; brugt kraftigt bliver den til støj. Sådan finder du grænsen. ## The short version - 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. 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å. Et opslag i portrætformat med overskriften Langsomme morgener, god kaffe på en blødt struktureret gradient 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 | Almindelige teksturfamilier og de associationer, de bringer med sig. Vælg én pr. design. 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](https://gradiently.design/da/guide/brand-personality) 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 Den samme tekstur kræver en forskellig skala til hvert format og hver visningsafstand. I tryk klarer korn sig som regel godt og hjælper endda gradienter med at blive gengivet rent; [tryk af gradienter](https://gradiently.design/da/guide/print-gradients) 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](https://gradiently.design/da/guide/css-noise-texture). Hvorfor netop korn ser så godt ud på gradienter, kan du læse om i [kornede gradienter](https://gradiently.design/da/guide/grainy-gradients). ## 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](https://gradiently.design/da/guide/type-on-busy-backgrounds) gennemgår teknikkerne i detaljer. Et kvadratisk citatopslag, hvor den strukturerede baggrund løber uændret bag teksten Tekstur og farve løber lige gennem ordene … Det samme kvadratiske citatopslag med baggrunden roligere og med højere kontrast bag teksten … 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. En Mark: farve, materiale og korn gengivet sammen, identisk i alle formater. ## FAQ ### 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.