Miten luodaan orgaaninen Web-suunnittelu
(ja Showcase)
Orgaanista muotoilua käytetään yleisesti tuotteisiin, kuten tuoleihin, elektroniikkalaitteisiin, kirjoihin ja kodin sisustukseen.
Samojen periaatteiden mukaisesti orgaaninen verkkosuunnittelu on hiljattain noussut trendiksi.
Ammattimaiset suunnittelijat ja yritykset ovat ottaneet luonnollisemman lähestymistavan verkkosivustojen, logojen ja pakkausten luomiseen, jättäen jälkikäteen 2000-luvun alun teknologian loistelevan.
Kyllä, muiden suunnittelijoiden, on turvallista sanoa, että orgaanisen suunnittelun uusi aikakausi verkkosivustoille ja yrityslogoille on tullut voimaan.
Olipa selvää tai hienovaraista, onko skannatut elementit tai grafiikka, joka jäljittelee luontoa, orgaaninen web-suunnittelu on otettu monessa muodossa. Mutta mikä muodostaa orgaanisen suunnittelun? Mikä tekee siitä onnistuneen? Otetaan selvää…
Mikä tekee orgaanisesta verkkosuunnittelusta?
Vaikka nimi viittaa siihen, että jonkinlaista ekologista lausuntoa tehdään, orgaaninen verkkosuunnittelu on enemmän luonnollisten elementtien tuomisesta teknologiseen ympäristöön.
Nämä elementit voivat olla luonnonmateriaalien esitys suunnittelussa (puuraaka-aineet, kankaat, maanläheiset tekstuurit) tai jotain abstraktimpaa, joka tarttuu luontoon (esineet, materiaalit, värit, muodot). Luominen web-suunnittelu on laaja käsite ja se voidaan jakaa neljään luokkaan.
- Käyttämällä materiaaleja, kuvioita ja kankaita, jotka viittaavat orgaanisiin elementteihin
Esineitä, kuten musliini, kuori, papyrus, paperi, nauha ja puu. Nämä kohteet tulevat luonnollisesta ympäristöstä ja antavat siksi luonnollisen valinnan. - Käyttämällä luonnon abstrakteja esenssejä
Värit, muodot, grafiikka, materiaalit ja harjat, jotka jäljittelevät luonnon "virtausta". Nämä ovat hienovaraisempia kuin puun jyvät ja muslinit, ja niiden on tarkoitus antaa vain orgaanisen olemuksen vihje. Näemme tämän verkkosivuilla, joissa on moderni virtaviivainen grafiikka ja pehmeä luonnollinen kosketus. Odotetaan, että muovit ovat tavallisimpia materiaaleja, joita käytetään orgaanisen ilmeen saavuttamiseen: epätodennäköiset materiaalit ovat reilua peliä web-suunnittelussa. - Luodaan koko, joka on suurempi kuin sen osien summa
Jos luodaan kuva, joka käyttää vain harjoja tai grafiikkaa toisen kuvan luomiseksi, voimme sanoa, että saamme enemmän ulos kuvasta kokonaisuutena kuin sen osien summa: harjat tai grafiikka. Tämä tapahtuu useammin negatiivisessa tilassa, koska harjat voidaan käyttää kuvaamaan tai täyttämään toisen kuvan. Kun otamme osat yhteen, saamme yhden asian - harja - mutta kun tarkastelemme kokonaisuutta, saamme kaksi asiaa: harja ja kuva luodaan. Tämä on yleistä typografioiden joukossa, sillä voimme käyttää niitä luomaan täysin erilaisen kuvan, olipa se pelata negatiivisella tilalla tai lisätä harjoja. - Vähäisempi tulkinta "orgaanisesta" web-suunnittelusta
Yleensä luonteenomainen orgaaninen on jotain, joka tulee suoraan luonteeltaan, mutta se voi olla myös ihmisten luomia (ja sitten laiminlyötyjä) ihmisiä, kuten hylätyn puutavaran rakennuksesta tai materiaaleista, jotka kerran koristivat kodin ja ovat nyt värjätyt. Orgaaninen tässä mielessä tarkoittaa jotain täysin erilaista: se vie esiin yhteiskunnan jättämät esineet. Vanhat valokuvat, repivät liinat ja ahdistunut taustakuva: nämä kaikki voivat olla yhtä orgaanisia kuin puuta tai lehtiä.
Viime vuosina orgaaninen suunnittelu on "äärettömän" laatua. Essentialistinen orgaaninen muotoilu on minimaalisempi ihanteellinen: käytä vain mitä tarvitset saavuttaaksesi sen, mitä olet.
Jos esimerkiksi halusimme luoda negatiivisen tilan ja harjojen kuvan, voimme käyttää vain sellaisen harjan määrää, joka on välttämätöntä kyseisen kuvan luomiseksi. Essentialistinen orgaaninen muotoilu johtaa entistä nykyaikaisempaan ilmeeseen ja levittäytyy web-suunnittelukenttään.
Näitä neljää ryhmää voidaan pelata ja manipuloida saadaksesi tuntumaa, joka sopii sinulle ja asiakkaallesi. Yhdistä jokin näistä: he voivat työskennellä yhdessä onnistuneesti.
Vihjeitä onnistuneelle orgaaniselle web-suunnittelulle
- Maapallon värit voivat olla elinvoimaisia
Poltettu appelsiini, syvä harmaa-purppura ja oliivi voivat olla yhtä jännittäviä kuin kevyet keltaiset ja kirkkaan punaiset. Lisäksi he työskentelevät paremmin yhdessä, ja koska käytät todennäköisesti neutraaleja ääniä orgaanisessa suunnittelussa, voit käyttää enemmän näistä väreistä ilman ylivoimaista muotoilua. - Voimakkaat värit voivat olla myös orgaanisia
Tulipalo punainen tai koboltin sininen voi olla yhtä maallinen ja orgaaninen kuin ruskeat ja harmaat. Etsi nämä värit vintagekuvaksi tai luonnolliseksi kuvaksi tai ahdista kuvio, jolla on nämä sävyt. Ne voivat olla virkistäviä, kun niitä käytetään vaimennetun paletin kanssa. - Tasapaino, tasapaino, tasapaino
Ympäristö säilyy vakaana elementtien huolellisen tasapainon ansiosta ja muotoilu ei ole erilainen. Tämä on vielä tärkeämpää orgaanisessa suunnittelussa. Tasaa ne harmaat värisävyt värikkäimpiä. Hiljaista, että puun tausta on tasainen, suuri tai yksinkertainen pöydät tai div kerrokset, tai jopa yksivärinen paperi rakenne. Yksi orgaanisesta rakenteesta, kuten kaikessa suunnittelussa, on se, että sinulla voi olla liian paljon hyvää, ja onnistuneen ja ylitäytetyn viivan voi olla hyvä. - Orgaaninen ei tarkoita romuttamisen nykyaikaista
Vain koska haluat orgaanisen suunnittelun ei tarkoita sitä, että sinun on hylättävä nykyiset vaikutteet. Voit säilyttää kromi-näköisen taustan, violetit täydentävät värit tai ei-orgaaniset kirjasimet. Modernin muotoilun pehmentäminen ei kata paljon, eikä se tarvitse kukka-vektoria. Yksinkertainen grafiikka, harja tai vektori voi saada luonnollisen olemuksen hienosti. - Ajattele toisin
Luonnolle on paljon enemmän kuin ilmeinen. Valitse epätodennäköiset kohteet, jotka ovat luonnollisia mutta harvinaisia, kuten valoa. - Kaupunkialueet ovat myös ympäristöjä
Juuri siksi, että se on poistettu metsistä, se ei tarkoita sitä, että se ei ole enää "ympäristö". Ajattele betoniä tai damastia.
Jos haluat nähdä orgaanisen verkkosuunnittelun toiminnassa, tutustu seuraaviin verkkosivustoihin. Nämä sivustot havainnollistavat kaikkia tai joistakin yllä mainituista neljästä orgaanisen verkkosuunnittelun luokasta.
Moinin taustalla on monimutkainen puukuvio, joka on tärkein ja luonnollinen elementti täällä. Tätä varten Mooi lisää vilkkaan punaisen sävyn, vain yksi harvoista nykyaikaisista muotoilusta, joka ei poista sen orgaanista tunnetta.
30A-opas toistaa orgaanisen suunnittelun abstraktin tulkinnan, johon kuuluvat maalaismainen paperi, vanha valokuva negatiivit ja leimat. Lisäksi 30A tekee meistä tuntuu, että olemme kompastuneet jo olemassa olevalle, ei-digitaaliselle ympäristölle.
I Love Dust sisältää monia moderneja elementtejä, mutta siinä on orgaanisia vihjeitä: animoitua kyynelpudota, pyöreitä fontteja ja kukka-muotoisia vektoreita.
Vaikka vaikutus ei ole ilmeinen, Entry 5 Productionsin ulkoasu ei sisällä orgaanista muotoilua: saamme pyöreät reunat otsikon linkkeihin ja logoon sekä hyvän määrän pehmeitä, luonnollisia sävyjä. Vaikka hienotkin, nämä orgaaniset ominaisuudet ottavat reunan pois Entry 5 Productionsin modernista ulkoasusta.
Saatamme tyypillisesti ajatella papereita, metsiä ja liinoja orgaanisen suunnittelun kuvaamiseksi, mutta materiaalit kuten nahka ovat yhtä luonnollisia ja vähemmän yleisimpiä web-suunnittelussa. Lisäksi Saddleback-nahka antaa meille orgaanisen tunnelman käyttämällä vanhoja karttoja, tunnisteita ja verhoilua.
Web Maremma on hyvä esimerkki siitä, kuinka koko on enemmän kuin sen osien summa. Jos katsomme logon, näemme, mikä on tarkoitettu: "W" ja "M." Kuitenkin, kun hajotamme kokonaisuuden sen yksittäisiin osiin, saamme epätäydellisiä kirjeitä. Siten, mitä saavutamme kokonaisuudessaan on, olet arvannut sen enemmän kuin osat yhdistettyinä.
Tämä moderni kappale sisältää sementtiversiota, pyöreitä reunoja ja orgaanisen näköisiä taustoja alareunan tekstialueille. Tällaiset lisäykset ovat tyypillisiä orgaanisessa suunnittelussa.
Taustalla ei ole vain karkeaa paperia, mutta Lorelei Web Design sisältää jonkinlaisen punaisen tippumisen tai vuodon. Todennäköinen osa, kyllä, mutta se on luonnollista.
Hubin valkoiset tiilet erottuvat täältä, mutta tärkeämpää huomata on kuvissa oleva pikkukuva ja näiden kuvien pehmeä liike, kun siirrät niitä päälle. Varjo tekee meistä tuntuu, että kuvat ovat aina olleet siellä, ja kuvien liikkuminen, kun se leijuu, jäljittelee luonnon virtausta. Vihreä, vaikka elinvoimainen, on myös selkeästi orgaanista.
Kulturbanausea erottuu rikki seinä, mikä tarkoittaa, että tämä seinä on kaatunut pois ajan mittaan. Lisäksi meillä on veden päältä toiselle puolelle saarille. Tämä käyttää orgaanisen muotoilun kahta muotoa kerralla: yliluonnollisten kuvien ja asetusten käyttö sekä käytetyn ja hajoavan materiaalin käyttö.
Pixel Umbrellan luonnollinen valitus on sen tuskin taustalla - kuvioitu harmaa seinämä, joka viittaa betoniin tai kipsiin - ja fontin pehmeät käyrät (nimeltään "b" sateenvarjoon).
Lintu voi olla hyvä lisäys saada orgaanista leimahdusta, mutta fontin värit ovat se, mikä ajaa Janic Designin ulkoasua. CSS on keskittynyt tällaiseen ulkoasuun, ja Janic Design lisää orgaanista valintaa käyttämällä erilaisia sävyjä vihreitä, tealeja, keltaisia, ruskeita ja syviä harmaita bluesia.
Kun kaikki muu tuntuu nykyaikaiselta, lisää logoon luonnollinen tunne. Josh Puckettin raindrop-logo on avoimesti orgaaninen, ja pisaran väritys vain parantaa luonnollista olemustaan.
Mikä ei ole orgaanista I Love Coloursin sivuston suunnittelusta? Värit, vektorit, repäisypaperit ja kuvioitu tausta lisäävät tämän ulkoasun orgaanista valintaa.
Greydient käyttää kiertoa suurissa kuvissa, mutta kummallakin on orgaaninen valitus, jossa on lisäyksiä, kuten pahoja kohteita, kuten mitä näet täällä, ja kukkaharja.
Kukat, linnut ja pilvimaiset kuvat. Orgaaninen muotoilu, joka on niin avoin, et voi kaipaa sitä.
Maapallon kuva on mukava, mutta Oypro-logo - joka näyttää muutamalta lehden terälehdeltä - ja linkkien pehmeät reunat ovat ne, jotka viimeistelevät orgaanisen tuntuman. Luonnollisen värin pyörteitä auttavat myös tietenkin.
Orange Label -näkymässä on monia moderneja ominaisuuksia, joissa käytetään neliömäisiä tekstisisältöjä ja yksinkertaista värimallia. Orange Label kuitenkin lisää orgaanista muotoilua käyttämällä luonnollisten esineiden, pehmeiden reunojen ja etenkin tekstisisältöjen muotoja, jotka tuntuvat negatiiviselta tilalta.
Toinen esimerkki ohuesta orgaanisesta muotoilusta, VixML: n ulkoasu koostuu vetistä ja pilvistä kuvista, kaupungin asetuksista ja pyöreistä reunuksista yllin kyllin.
Brown Blog Filmsilla voi olla runsaasti puuta sen suunnittelussa, mutta puiset lankut linkkeinä ja "ripustettu" kuva logolla ovat ylhäältä orgaanista charmia täällä.
Puuharrastuksen lisäksi logon kaareva fontti on kaksi orgaanista kohtaa: käsinkirjoitettu fontti navigoinnin ja päätaustalla.
Mikä saa Got Aquan erityisen esimerkin orgaanisesta suunnittelusta, ei ole kallon tai käsinkirjoituksen kuva vaan korkkitausta. Se on mielenkiintoinen vaihtoehto luonnolliselle tunnustukselle, mutta se on luonnollinen ja erinomainen neutraali rakenne.
Se, mikä on hauskaa muistaa luonnon suhteen, on se, että se ei koostu pelkästään kuorista ja linnuista (ja vastaavista). Se sisältää myös kevyitä aaltoja, kaasuja, kipinöitä, valoa, (selvästi) muita asioita. Noe Design toistaa näillä epätodennäköisillä inspiraation lähteillä, antaen meille voimakkaita väri- ja teksti-nauhoja, jotka näyttävät valaistulta.
Bell 2 Lodge on itsenäinen, koska grafiikka on suuri ja on selvä yhdistelmä vektoria ja valokuvaa. Voimme nähdä, että puu on kuva varsinaisesta puusta, kun taas lehdet ovat selkeästi graafisia, jotka on rakennettu ohjelmaan. Se on esimerkillinen leikki mitä on ihmisen tekemä ja mikä ei olennaisesti ole.
DJ Folion logo on sivuston tärkein orgaaninen komponentti käyttäen yksinkertaisia, pyöreitä muotoja, joilla on luonnollinen tunnelma. Myös "J": n erillispiirien ja graafisten bittien kautta saadaan tuote, joka on enemmän kuin yksittäisten kuvioiden summa.
Koodaaminen on mitä on huomattava tässä, lukuun ottamatta ylivoimaisia orgaanisia lisäyksiä, kuten väri, lehdet ja taivas. Mathieu Furnonin salkun käyttämiseen käytetty koodaus tekee siirtymisen kuvasta saumattomaksi ja luonnolliseksi.
Tummien sävyjen yhdistelmä, jossa on viileämpiä bluesia ja voiteita, sekä "piirretty" vaikutus puoleen logosta lisää hienot orgaaniset kosketukset ilmeisiin metsiin ja papereihin.
Lisäämällä käsinkirjoitettua "off-kilter fonttia reunustaa enemmän graafinen fontti on vain yksi osa orgaaninen suunnittelu täällä.
Luonnonpalvikkeet, appelsiinit, melonit ja ruskeat pehmentävät raikasta, modernia valkoista tässä ulkoasussa.
Katso puiden ulkopuolelta; vesivärit ja syvä-maadoittamat sävyt otsikkokuvalla lisäävät dramaattisen mutta orgaanisen valinnan.
Kirjoitettu yksinomaan WDD: lle Sarah Thompson.
Mitkä tekstuurit ja äänet haluat mieluummin luodessasi orgaanista tunnelmaa? Käyttäjänä, mikä luulet olevasi houkuttelevampi: hienovaraisia tai avoimia orgaanisia teemoja?