Vitrine: texturen in webdesign
Gestructureerde achtergronden bij het ontwerpen van websites zijn gebruikelijk, vooral bij grunge-ontwerpen. Maar ze worden ook in verschillende andere ontwerpstijlen gebruikt.
Texturen kunnen visueel belang toevoegen aan een anderszins minimalistisch ontwerp, of kunnen dat beetje extra toevoegen dat echt een ontwerp doet uitkomen.
Papierstructuren zijn veruit de meest voorkomende, maar andere regelmatig voorkomende structuren zijn steen, beton, roest en textiel. En ze worden ook niet alleen gebruikt voor achtergronden. Sommige sites bevatten texturen in elk aspect van hun ontwerp, anderen gebruiken ze alleen voor accenten.
Hieronder staan meer dan dertig geweldige website-ontwerpen die gebruik maken van texturen. Deel uw favorieten, of deze hier nu zijn of niet, in de comments ...
Kohette WebDesign
Een steenachtige achtergrond is apart gezet met subtiele kleuring in de kop. De textuur wordt herhaald op de achtergrond.
Knuffels voor monsters
Hugs for Monsters gebruikt een gedurfde steenstructuur op de achtergrond op hun site. Het opnemen in de kop voegt een gevoel van samenhang toe aan de site.
Forest Edge Music Festival
De site van het Forest Edge Music Festival is een opvallend en kleurrijk grunge-ontwerp, met meerdere texturen die overal worden gebruikt. Een kartonnen textuur is het meest prominent, hoewel er ook meer subtiele papiertexturen zijn.
GA Mammoet
De grungy papierstructuur op de achtergrond wordt hier weergegeven in andere pagina-elementen, inclusief het navigatiemenu. Het voegt visueel belang toe aan wat anders zeer modern esthetisch zou zijn.
Duif en duif
De zware texturen die hier worden gebruikt, lijken bijna op een muur met sponslak. Zwaar gebruik van dergelijke texturen moet voorzichtig gebeuren om de inhoud niet te overbelasten. Hier werkt het omdat de inhoud erg minimaal is.
Benestar
De Benestar-website maakt gebruik van een mix van papier, stof en houtstructuren, samen met een verscheidenheid aan subtiele patronen. Het creëert een zeer rijk, meerlagig ontwerp.
Marie Catribs
Het herhalen van vergelijkbare texturen op een site, zoals hier gedaan wordt met handgeschept papier in verschillende kleuren. De handgetekende elementen accentueren de papiertextuur verder.
Crush + Lovely
Subtiele texturen zoals die hier worden gebruikt, kunnen een zeer rijk effect hebben op een minimalistisch siteontwerp. Het mengen van texturen met behoud van een monochroom kleurenschema verbetert dat effect.
Denken. Do. Maken.
Texturen hoeven niet overal op een site te worden gebruikt om impact te hebben. Papierstructuren worden hier alleen in de koptekst en zijbalk gebruikt, waardoor het grootste deel van de achtergrond wit blijft.
Wearable Print
Wanneer subtiele texturen worden gecombineerd met subtiele patronen, is het eindresultaat verfijnd en elegant, met dat extraatje dat een ontwerp doet opvallen.
Kustverbinding
Een zware papierstructuur, zoals hier gebruikt, maakt een groot verschil in de esthetiek van een site. Zonder de textuur zou dit een zeer minimalistische site zijn.
Sibling rivaliteit
Nog een voorbeeld van een grunge-achtige site die veel gebruik maakt van papiertexturen.
Wat Katie doet
Wat Katie doet is een andere site die een subtiele papiertextuur combineert met een herhalend patroon (zowel op de achtergrond als in de koptekst). Andere ontwerpelementen weerspiegelen het papieren motief.
De Hipstery
De Hipstery gebruikt een achtergrond met een papierstructuur achter hun hoofdinhoud, maar ook achter het achtergrondpatroon. Het draagt bij aan het vintage gevoel van de site.
Doublenaut
Deze achtergrond combineert een patroon en een textuur, in de vorm van wat lijkt op verweerd millimeterpapier. Het voegt extra interesse toe aan een site die verder heel minimalistisch is.
Digital Podge 2009
Een andere site die een achtergrondstructuur gebruikt voor de achtergrond. Subtiel maar effectief.
infinitum
Een lichte, gestructureerde achtergrond is subtiel genoeg om direct achter tekst te gebruiken. Wees voorzichtig met het gebruik van vetere texturen op een dergelijke manier.
lettertypes
Nog een grafiek met een achtergrond met papiermotieven die subtiel genoeg is om het type er direct bovenop te plaatsen.
Hertogdom Cornwall Nursery
Door verschillende kleurtinten te gebruiken, voegt dezelfde achtergrondstructuur diepte en interesse toe aan een ontwerp.
Twijfelachtige personages
De achtergrond met concrete structuur voegt hier een hoop visueel belang toe en is een beetje onverwacht, aangezien de rest van de site gebruikmaakt van elementen met een papieren thema.
Sky's Guide Service
Hier is een site die een aantal texturen gebruikt, waaronder houtnerf en papier. Ze hebben elementen toegevoegd zoals nietjes en watervlekken om de texturen verder te accentueren.
Bermon Painter
Een enigszins afwijkende achtergrond van gekruist papier, compleet met watervlekken en verwering. Het is subtiel maar voegt veel esthetische waarde toe.
Paul Bennett
Een andere site die een subtiele papiertextuur voor de achtergrond gebruikt met tekst die direct bovenaan is geplaatst.
Matthew en Sara gaan trouwen
De achtergrond in gestructureerde achtergrondstijl is hier iets anders dan normaal wordt gezien. Het is een soort combinatie van textuur en patroon, en werkt fantastisch.
De wachtkamer
Vintage-stijl sites winnen veel door verweerd, antiek ogend papier te gebruiken voor hun achtergrond.
Christopher Calicott
Een andere gestructureerde achtergrond die ook een beetje een patroon toevoegt in de vorm van subtiele vierkanten. De transparantie in het hoofdinhoudsgebied benadrukt verder de textuur.
Ontwerpontwikkeling en het nastreven van geluk
Nog een fantastisch voorbeeld van een achtergrond met papiertextuur, deze keer met een meer grijstoon dan veel van die hierboven.
Amy Herndon Photography
De achtergrond hier is een monochromatische canvastextuur. Het draagt bij aan de natuurlijke uitstraling van de site en heeft een zeer organisch gevoel.
Rhett Canipe
De site van Rhett Canipe gebruikt een verscheidenheid aan texturen voor een grunge-look. Het mengen van waterverfeffecten met texturen zorgt voor een veel rijker ontwerp.
Fiore-ontwerpen
Fiore Designs bevat een verscheidenheid aan texturen: de achtergrond is een grungy linnen en papieren texturen worden gebruikt door de belangrijkste ontwerpelementen. Het is een zeer visueel interessant resultaat dat zeer elegant en exclusief aanvoelt.
Every Time I Die
De brutaler steenstructuur die wordt gebruikt op de Every Time I Die-site draagt bij aan de algehele grunge-look. Sterkere texturen zoals deze moeten met voorzichtigheid worden gebruikt, omdat ze overweldigend kunnen zijn als ze niet goed worden verwerkt. Hier compenseren de krachtige kleuren en afbeeldingen dit.
Internetstudio van Evan Stein
Een grungy, gelaagde papiertextuur op de achtergrond is hier een ander voorbeeld van een sterke textuur. Het eenvoudige kleurenschema hier houdt het echter niet overweldigend.
InkByte
De Inkbyte-site gebruikt een gekleurd papier voor de achtergrond, die er geweldig uitziet zonder de inhoud te overheersen.
Kathryn Thurman
Een verscheidenheid aan papier- en kartontexturen in het ontwerp van deze site geven het ontwerp een vintage en grungy gevoel.
Francesco Molezzi Design & Multimedia
Nog een subtiele papieren textuurachtergrond, waardoor de hele site meer retro lijkt, ondanks het feit dat er slechts één echt retro uitziende afbeelding op de pagina staat. Merk ook op dat andere texturen subtiel zijn verwerkt, inclusief een denimtextuur in de kop en meer papier in de navigatie bovenaan.
Exclusief geschreven voor WDD door Cameron Chapman .
Heeft u uw eigen favoriete websiteontwerpen die texturen goed gebruiken, of misschien enkele tutorials die praten over goed gebruik van texturen? Deel ze alsjeblieft in de comments hieronder!