Showcase: Teksturer i webdesign
Teksturert bakgrunn i webdesign er vanlig, spesielt i grunge design. Men de er også brukt i en rekke andre designstiler.
Teksturer kan legge til visuell interesse for en ellers minimalistisk design, eller kan legge til den ekstra detaljgraden som virkelig lager en designpopp.
Papirstruktur er langt den vanligste, men andre regelmessige sett teksturer inkluderer stein, betong, rust og stoff. Og de er ikke bare brukt til bakgrunn, heller. Noen nettsteder innarbeider teksturer i alle aspekter av deres design, mens andre bare bruker dem til aksenter.
Nedenfor er mer enn tretti store nettsteddesigner som benytter teksturer. Du er velkommen til å dele favorittene dine, enten det vises her eller ikke, i kommentarene ...
Kohette WebDesign
En steinstrukturert bakgrunn er satt fra hverandre med subtil farging i overskriften. Teksten gjentar gjennom hele bakgrunnen.
Hugs for Monsters
Hugs for Monsters bruker en dristig steinstruktur gjennom hele bakgrunnen på deres nettsted. Inkluderer den i overskriften legger til en følelse av sammenhengskraft til nettstedet.
Forest Edge Music Festival
Forest Edge Music Festival nettstedet er en slående og fargerik grunge design, med flere teksturer brukt over hele. En kartongtekstur er den mest fremtredende, selv om det også er mer subtile papirstrukturer.
GO Mammoth
Grungy papir tekstur i bakgrunnen her ekko i andre sideelementer, inkludert navigasjonsmenyen. Det legger til visuell interesse for det som ellers ville være veldig moderne estetisk.
Pigeon & Pigeonette
De tunge teksturer som brukes her, ligner nesten en svampmalte vegg. Sterk bruk av teksturer som dette bør gjøres med forsiktighet for ikke å overvelde innholdet. Her virker det fordi innholdet er veldig minimalt.
Benestar
Benestar nettstedet bruker en blanding av papir, tekstil og tre teksturer, sammen med en rekke subtile mønstre. Det skaper en veldig rik, flerlags design.
Marie Catribs
Gjenta lignende teksturer på tvers av et område, som gjøres her med håndlagde papirstrukturer i forskjellige farger. De hånddrevne elementene accentrerer ytterligere papirtekstur.
Crush + Lovely
Subtile teksturer som de som brukes her, kan ha en svært rik effekt på et minimalistisk nettsteddesign. Blanding av teksturer samtidig som en monokromatisk fargevalg opprettholdes, øker den effekten.
Synes at. Gjøre. Skape.
Teksturer må ikke brukes over hele nettstedet for å få innvirkning. Her brukes papirstrukturer bare i topptekst og sidebjelke, og etterlater hovedparten av bakgrunnen hvit.
Slitesterkt utskrift
Når subtile teksturer er kombinert med subtile mønstre, blir sluttresultatet raffinert og elegant, med det ekstra noe som gjør at et design skiller seg ut.
Kystforbindelse
En tung papirstruktur, som den som brukes her, gjør en stor forskjell i et nettsteds estetikk. Uten konsistens ville dette være et veldig minimalistisk sted.
Sibling Rivalry
Et annet eksempel på et grunge-stilområde som gjør mye bruk av papirstrukturer.
Hva Katie gjør
Hva Katie Does er et annet nettsted som kombinerer en subtil papirstruktur med et repeterende mønster (både i bakgrunnen og toppteksten). Andre designelementer ekko papirmotivet.
The Hipstery
Hipstery bruker en papirtekstur bakgrunn bak deres hovedinnhold, samt bak bakgrunnsmønsteret. Det legger til den årlige følelsen av nettstedet.
Doublenaut
Denne bakgrunnen kombinerer et mønster og en tekstur, i form av det som ser ut som værende grafpapir. Det legger til ekstra interesse for et nettsted som ellers er veldig minimalistisk.
Digital Podge 2009
Et annet nettsted som bruker en papirstruktur til bakgrunnen. Subtile men effektive.
infinitum
En lett, steinstrukturert bakgrunn er subtil nok til å brukes direkte bak tekst. Vær forsiktig med å bruke sterkere teksturer på en slik måte, skjønt.
Skrifttyper
En annen grafpapirstrukturert bakgrunn som er subtil nok til å ha typen plassert direkte på toppen av den.
Duchy of Cornwall Nursery
Bruke forskjellige nyanser av farge på effektivt, samme bakgrunnsstruktur legger til dybde og interesse for et design.
Tvilsomme tegn
Den betongbaserte bakgrunnen her legger til tonnevis av visuell interesse, og er litt uventet, vurderer resten av nettstedet, bruker papirtemaelementer.
Sky's Guide Service
Her er et nettsted som benytter en rekke teksturer, inkludert trekorn og papir. De har lagt til elementer som stifter og vann flekker for å fremheve teksturen ytterligere.
Bermon-maleren
En litt annerledes rullet papirbakgrunn, komplett med vannflett og forvitring. Det er subtilt, men legger til en masse estetisk verdi.
Paul Bennett
Et annet nettsted som bruker en subtil papirstruktur til bakgrunnen med tekst plassert direkte på toppen.
Matthew & Sara blir gift
Den teksturerte bakgrunnsstilen bakgrunn her er noe litt annerledes enn normalt sett. Det er en kombinasjon av en tekstur og et mønster, og fungerer briljant.
Venterommet
Vintage-stil nettsteder får mye ved å bruke weathered, antikke papir for deres bakgrunn.
Christopher Calicott
En annen strukturert bakgrunn som også legger til et lite mønster i form av subtile firkanter. Gjennomsiktigheten i hovedinnholdsområdet fremhever ytterligere tekstur.
Designutvikling og lykkenes etterfølgelse
Et annet fantastisk eksempel på en papirteksturert bakgrunn, denne gangen med en mer grå tone enn mange av de som er sett over.
Amy Herndon Photography
Bakgrunnen her er en monokromatisk lerretstekstur. Det legger til det naturlige utseendet på nettstedet, og har en veldig organisk følelse.
Rhett Canipe
Rhett Canipes nettsted bruker en rekke teksturer for et grunge utseende. Blanding akvarell effekter med teksturer gir en mye rikere design.
Fiore Designs
Fiore Designs inkorporerer en rekke teksturer: Bakgrunnen er en grungy sengetøy og papir teksturer brukes i de viktigste designelementene. Det er et veldig visuelt interessant resultat som føles veldig elegant og eksklusivt.
Hver gang jeg dør
Den sterkeste steintekstur som brukes over hele hver gang jeg dør, legger til det generelle grungeutseendet. Sterkere teksturer som dette bør brukes med forsiktighet, da de kan være overveldende hvis de ikke er innarbeidet på riktig måte. Her kompenserer de dristige farger og grafikk for det.
Evan Steins Internett-studio
En grungy, lagdelt papirstruktur i bakgrunnen her er et annet eksempel på en sterk tekstur. Det enkle fargeskjemaet her, skjønt, holder det fra å være overveldende.
InkByte
InkByte-nettstedet bruker en farget papirstruktur til bakgrunnen, noe som ser flott ut uten å overvinne innholdet.
Kathryn Thurman
Et utvalg av papir og papp teksturer gjennom hele designet av dette nettstedet gir en vintage og grungy følelse til design.
Francesco Molezzi Design og multimedia
En annen subtil papirstrukturert bakgrunn, noe som gjør at hele nettstedet ser ut til å være mer retro, til tross for det er bare en virkelig retro-grafikk på siden. Legg også merke til at andre teksturer er subtilt innarbeidet, inkludert en denimtekstur i toppteksten og mer papir i toppnavigasjonen.
Skrevet utelukkende for WDD av Cameron Chapman .
Har du din egen favoritt nettside design som bruker teksturer godt, eller kanskje noen opplæringsprogrammer som snakker om god bruk av teksturer? Vennligst del dem i kommentarene nedenfor!