Esittely: Tekstuurit Web-suunnittelussa
Teksturoidut taustat sivuston suunnittelussa ovat yleisiä, erityisesti grunge-malleissa. Mutta niitä käytetään useissa muissa muotoilutyypeissä.
Tekstuurit voivat lisätä visuaalista mielenkiintoa muuten minimalistiseen muotoiluun tai lisätä siihen ylimääräistä yksityiskohdat, jotka todella tekevät suunnittelupopista.
Paperiarkit ovat tavallisimpia, mutta muut säännöllisesti näkyvät tekstuurit sisältävät kiviä, betonia, ruostetta ja kangasta. Ja niitä ei ole käytetty vain taustoihin. Jotkut sivustot sisältävät tekstuureja jokaiseen muotoonsa, kun taas toiset käyttävät niitä vain aksentteihin.
Alla on yli kolmekymmentä suurta verkkosivujen malleja, jotka käyttävät tekstuureita. Voit jakaa suosikkejasi, olivatpa ne tässä tai ei, kommentteihin ...
Kohette WebDesign
Kivi-kuvioidut taustat on erotettu toisistaan hienovaraisella värillä otsikossa. Tekstuuri toistuu koko taustalla.
Hugs for Monsters
Monstereiden halaukset käyttävät rohkeita kivirakenteita koko sivuston taustalla. Sisällyttäminen otsakkeeseen lisää siteen koherenssin tunnetta.
Forest Edge -festivaali
Forest Edge Music Festival -sivusto on upea ja värikäs grunge-muotoilu, jossa on käytetty useita tekstuureita. Pahvirakenne on näkyvin, mutta myös hienovaraisempia paperiarkeja.
GO Mammoth
Taustalla oleva pörröinen paperi koostuu toisista sivuelementeistä, kuten navigointivalikosta. Se lisää visuaalista mielenkiintoa siihen, mikä muuten olisi hyvin moderni esteettisesti.
Kyyhkyset & kyyhkyset
Täällä käytetyt raskaat tekstuurit muistuttavat lähes sienellä maalatun seinän. Tällaisten tekstuureiden raskas käyttö on tehtävä varovasti, jotta sisältöä ei ylikuormita. Tässä se toimii, koska sisältö on hyvin pieni.
Benestar
Benestarin verkkosivuilla on käytetty sekoituspaperia, kangasta ja puukuvioita sekä erilaisia hienoja kuvioita. Se luo erittäin rikas, monikerroksinen muotoilu.
Marie Catribs
Toistetaan samankaltaisia kuvioita koko sivustolla, kuten tässä tehdään useilla eri väreillä valmistetuilla käsintehdyillä paperiarkeilla. Käsin piirrettyjä elementtejä korostavat edelleen paperirakennetta.
Murskaus + ihana
Alhaiset tekstuurit, kuten tässä käytetty, voivat olla hyvin rikas vaikutus minimalistisen sivuston suunnitteluun. Tekokuvien sekoittaminen säilyttäen monokromaattisen värimallin tehostaa tätä vaikutusta.
Ajatella. Tehdä. Luoda.
Tekstiviestejä ei tarvitse käyttää koko sivuston vaikutuksen aikaansaamiseksi. Tässä paperikuvioita käytetään vain otsakkeessa ja sivupalkissa, jolloin suurin osa taustasta on valkoista.
Wearable Print
Kun hienovaraiset tekstuurit yhdistetään hienoisiin kuvioihin, lopputulos on hienostunut ja tyylikäs, ja ylimääräinen ominaisuus, joka tekee suunnittelusta erottuvan.
Rannikkoyhteys
Raskas paperirakenne, kuten tässä käytetty, tuo suurta eroa sivuston estetiikassa. Ilman tekstuuria tämä olisi hyvin minimalistinen sivusto.
Sisaruskateus
Toinen esimerkki grunge-tyylisestä sivustosta, joka tekee paperitekstien raskaasta käytöstä.
Mitä Katie tekee
Mitä Katie Do on toinen sivusto, jossa yhdistyvät hienovarainen paperirakenne ja toistuva kuvio (sekä taustalla että otsikossa). Muut design-elementit kaikuvat paperimateriaalia.
Hyppääminen
Hyppy käyttää paperikuvioitua taustaa niiden pääsisällön taustalla sekä taustakuvion takana. Se lisää sivuston vintage-tuntumaa.
Doublenaut
Taustalla yhdistyvät kuvio ja tekstuuri, mikä näyttää siltä, että se näyttäisi olevan karkaistu kuvapaperi. Se lisää kiinnostusta sivustoon, joka on muuten hyvin minimalistinen.
Digital Podge 2009
Toinen sivusto, joka käyttää paperitekstiä sen taustalle. Ohut, mutta tehokas.
loputtomiin
Kevyt, kivekuvioinen tausta on riittävän hieno, jotta sitä käytetään suoraan tekstin taakse. Ole varovainen kuitenkin rohkeammilla kuvioilla.
Kirjasintyypit
Toinen graafinen paperi-kuvioitu tausta, joka on hienostunut, jotta tyyppi sijoitetaan suoraan sen päälle.
Cornwallin ruhtinaskunnan taimitarha
Käyttämällä eri värisävyjä tehokkaasti samalla taustakuvio lisää syvyyttä ja kiinnostusta muotoiluun.
Kyseenalaisia merkkejä
Betonirakenteinen tausta lisää täällä visuaalista mielenkiintoa ja on hieman odottamaton, kun otetaan huomioon, että muualla sivustolla käytetään paperi-aiheisia elementtejä.
Sky's Guide Service
Tässä on sivusto, jossa käytetään useita tekstuureita, kuten puuraaka-aineita ja paperia. He ovat lisänneet elementtejä, kuten niittejä ja veden tahroja, korostaa tekstuureja entisestään.
Bermon Painter
Hieman erilainen päällystetty paperi tausta, jossa on vettä tahrat ja sään. Se on hienovarainen vielä lisää huomattavaa esteettistä arvoa.
Paul Bennett
Toinen sivusto, joka käyttää hienovaraista paperiraitausta taustalle ja teksti sijoitettu suoraan päälle.
Matthew & Sara menevät naimisiin
Teksturoitu taustakuva-tyyli tausta tässä on jotain hieman erilainen kuin normaalisti. Se on eräänlainen tekstuurin ja kuvion yhdistelmä, ja se toimii loistavasti.
Odottava huone
Vintage-tyyppiset sivustot saavat paljon aikaansaadalla korjattua, antiikkiesineistä paperia taustastaan.
Christopher Calicott
Toinen kuvioitu tausta, joka myös lisää hiukan kuvioita hienovaraisten neliöiden muodossa. Pääsisältöalueen läpinäkyvyys korostaa edelleen tekstuuria.
Suunnittelun kehittäminen ja onnellisuuden harjoittaminen
Toinen loistava esimerkki paperi-kuvioidusta taustasta, tällä kertaa harmaan sävyllä kuin monet edellä mainitut.
Amy Herndon valokuvaus
Tausta tässä on monokromaattinen kangasrakenne. Se lisää sivuston luonnollista ulkoasua ja sillä on erittäin orgaaninen tunne.
Rhett Canipe
Rhett Canipe: n sivusto käyttää erilaisia tekstuureita grunge-ilmeeseen. Akvarelli-efektien sekoittaminen tekstuureilla tekee paljon rikkaamman suunnittelun.
Fiore mallit
Fiore Designs sisältää erilaisia tekstuureita: tausta on grungy pellava ja paperi kuvioita käytetään koko suunnittelun elementtejä. Se on erittäin visuaalisesti mielenkiintoinen tulos, joka tuntuu erittäin tyylikkäältä ja eksklusiiviselta.
Joka kerran minä kuolen
Rohkeampi kivirakenne, jota käytetään kaikkialla Jokainen aika I Die -sivustossa, lisää yleistä grunge-ilmeä. Tällaisia kirkkaita tekstuureja tulisi käyttää varoen, koska ne voivat olla ylivoimaisia, ellei niitä ole kunnolla. Tässä rohkeat värit ja grafiikka kompensoivat sen.
Evan Steinin Internet-studio
Taustamateriaalina on särkynyt, kerrostettu paperirakenne, joka on toinen esimerkki vahvoista rakenteista. Yksinkertainen värimalli täällä tukee kuitenkin sitä ylivoimaista.
InkByte
InkByte-sivusto käyttää värillistä paperiraitausta sen taustalle, joka näyttää hyvältä ilman ylivoimainen sisältö.
Kathryn Thurman
Erilaisia paperi- ja pahvitekstiilejä tämän sivuston suunnittelun aikana antavat vintage-ja grungy-tunnelman suunnittelulle.
Francesco Molezzi Design & Multimedia
Toinen hienovarainen paperi kuvioitu tausta, joka tekee koko sivuston näyttävän entistä retro, vaikka siinä on vain yksi todella retro-graafinen kuva sivulla. Huomaa myös, että muut tekstuurit ovat subtly sisällytetty, mukaan lukien denim tekstuuri otsikon ja enemmän paperia ylhäällä navigointi.
Kirjoitettu yksinomaan WDD: lle Cameron Chapman .
Ovatko omat suosikki sivustosi mallit, jotka käyttävät tekstuureita hyvin, vai ehkä joitain tutoriaaleja, jotka puhuvat tekstuureiden hyvistä käytännöistä? Jaa ne alla oleviin kommentteihin!