Showcase: Teksturer i webdesign
Tekstureret baggrund i website design er fælles, især i grunge design. Men de bruges også i en række andre design stilarter.
Teksturer kan tilføje visuel interesse for et ellers minimalistisk design, eller kan tilføje den ekstra bit af detaljer, der virkelig gør et design pop.
Papirstruktur er langt den mest almindelige, men andre regelmæssigt sete teksturer omfatter sten, beton, rust og stof. Og de bruges ikke kun til baggrunde. Nogle steder indarbejder teksturer i alle aspekter af deres design, mens andre kun bruger dem til accenter.
Nedenfor er mere end tredive store website designs, der gør brug af teksturer. Du er velkommen til at dele dine favoritter, uanset om de er angivet her eller ej, i kommentarerne ...
Kohette WebDesign
En stentekstureret baggrund er adskilt med subtile farver i overskriften. Teksten gentages gennem hele baggrunden.
Hugs for Monsters
Hugs for Monsters bruger en fed stenstruktur gennem baggrunden på deres hjemmeside. Indarbejde det i overskriften tilføjer en følelse af sammenhængskraft til webstedet.
Forest Edge Music Festival
Forest Edge Music Festival site er et slående og farverigt grunge design, med flere teksturer brugt overalt. En pap tekstur er den mest fremtrædende, selvom der også er mere subtile papir teksturer.
GO Mammoth
Den grungy papirtekstur i baggrunden her ekkoeres i andre sideelementer, herunder navigationsmenuen. Det tilføjer visuel interesse for, hvad der ellers ville være meget moderne æstetisk.
Pigeon & Pigeonette
De tunge teksturer, der bruges her, ligner næsten en svampmalet væg. Kraftig brug af teksturer som dette bør gøres med forsigtighed for ikke at overvælde indholdet. Her virker det, fordi indholdet er meget minimalt.
Benestar
Benestars websted bruger en blanding af papir, stof og træstrukturer sammen med en række subtile mønstre. Det skaber et meget rigt, flerlags design.
Marie Catribs
Gentagelse af lignende teksturer på tværs af et websted, som det sker her med håndlavede papirstrukturer i forskellige farver. De håndtegnede elementer accentrerer yderligere papirstrukturen.
Crush + Lovely
Subtile teksturer som dem, der bruges her, kan have en meget stor effekt på et minimalistisk site design. Blanding af teksturer, mens du opretholder en monokromatisk farveskema, øger den effekt.
Tænke. Do. Skab.
Teksturer skal ikke bruges overalt på et websted for at få indflydelse. Her bruges papirteksturerne kun i overskriften og sidebjælken, hvilket giver størstedelen af baggrunden hvid.
Slidstærk print
Når subtile teksturer kombineres med subtile mønstre, slutresultatet er raffineret og elegant, med det ekstra noget, der gør et design skiller sig ud.
Kystforbindelse
En tung papirstruktur, som den her anvendte, gør en stor forskel i et websteds æstetik. Uden tekstur ville dette være et meget minimalistisk sted.
Konkurrence mellem søskende
Et andet eksempel på et grunge-stil websted, der gør hård brug af papirstrukturer.
Hvad Katie gør
Hvad Katie Does er et andet websted, der kombinerer en subtil papirstruktur med et gentagende mønster (både i baggrunden og i overskriften). Andre designelementer ekko papirmotivet.
The Hipstery
Hipstery bruger en papirtekstureret baggrund bag deres hovedindhold, såvel som bag baggrundsmønsteret. Det tilføjer til webstedets vintagefølelse.
Doublenaut
Denne baggrund kombinerer et mønster og en tekstur i form af, hvad der ligner vejret grafpapir. Det tilføjer ekstra interesse til et websted, der ellers er meget minimalistisk.
Digital Podge 2009
Et andet websted, der bruger en papirstruktur til baggrunden. Subtile men effektive.
infinitum
En lys, stenstruktureret baggrund er subtil nok til at blive brugt direkte bag teksten. Vær forsigtig med at bruge dristige teksturer på en sådan måde.
skrifttyper
En anden graf papirstruktureret baggrund, der er subtil nok til at have typen placeret direkte oven på den.
Hertugdømmet Cornwall Nursery
Ved at bruge forskellige nuancer af farve på effektivt, giver samme baggrundsstruktur dybde og interesse for et design.
Tvivlsomme tegn
Den konkrete tekstureret baggrund her giver en vis visuel interesse og er lidt uventet i betragtning af, at resten af siden bruger papir-temaelementer.
Sky's Guide Service
Her er et websted, der bruger en række teksturer, herunder trækorn og papir. De har tilføjet elementer som hæfteklammer og vandfletter for yderligere at fremhæve teksturerne.
Bermon Maleren
En lidt anderledes regent papir baggrund, komplet med vand pletter og vejr. Det er subtilt, men tilføjer en masse æstetisk værdi.
Paul Bennett
Et andet websted, der bruger en subtil papirstruktur til baggrunden med tekst placeret direkte på toppen.
Matthew & Sara bliver gift
Den teksturerede tapet-stil baggrund her er noget lidt anderledes end normalt set. Det er en kombination af en tekstur og et mønster og virker briljant.
Venteværelset
Vintage-stil websteder får meget ved at bruge forvitret, antikke papir til deres baggrund.
Christopher Calicott
En anden struktureret baggrund, der også tilføjer lidt af et mønster i form af subtile firkanter. Gennemsigtigheden i hovedindholdsområdet fremhæver yderligere tekstur.
Designudvikling og udøvelse af lykke
Et andet fantastisk eksempel på en papirtekstureret baggrund, denne gang med en mere grå tone end mange af de ovenfor set.
Amy Herndon Photography
Baggrunden her er en monokromatisk lærredstekstur. Det tilføjer til webstedets naturlige udseende og har en meget organisk følelse.
Rhett Canipe
Rhett Canipes websted bruger en række forskellige teksturer til et grunge udseende. Blanding akvarel effekter med teksturer giver et meget rigere design.
Fiore Designs
Fiore Designs inkorporerer en række forskellige teksturer: Baggrunden er en grungy linned og papir teksturer bruges i hele de vigtigste designelementer. Det er et meget visuelt interessant resultat, der føles meget elegant og eksklusivt.
Hver gang jeg dør
Den stærkeste stentekst, der bruges i hele den tid, hvor jeg dør, tilføjer det overordnede grungeudseende. Sterkere teksturer som denne bør bruges med forsigtighed, da de kan være overvældende, hvis de ikke er indarbejdet korrekt. Her kompenserer de dristige farver og grafik for det.
Evan Steins internetstudio
En grungy, lagdelt papirstruktur i baggrunden her er et andet eksempel på en stærk tekstur. Det enkle farveskema her, dog, holder det fra at være overvældende.
InkByte
InkByte-webstedet bruger en farvet papirtekstur til baggrunden, hvilket ser godt ud uden at overvældende indholdet.
Kathryn Thurman
En bred vifte af papir og pap teksturer i hele designet af dette websted giver en vintage og grungy følelse til designet.
Francesco Molezzi Design & Multimedia
En anden subtil papirstruktureret baggrund, som gør hele webstedet mere retro, på trods af at der kun er en rigtig retro-grafik på siden. Bemærk også, at andre teksturer er subtilt inkorporeret, herunder en denim-tekstur i overskriften og mere papir i den øverste navigation.
Skrevet udelukkende til WDD af Cameron Chapman .
Har du dit eget foretrukne website design, der bruger teksturer godt, eller måske nogle tutorials, der snakker om god brug af teksturer? Venligst del dem i kommentarerne nedenfor!