Jaa

  • Jaa
  • Twiittaa
  • Jaa
  • Neulaa se

Suunnittelu – Verkkosivujen suunnitteluCarrie Cousins – 24. helmikuu 2013 – 5 minuuttia LUETTELE

Mikä on vanhaa, on uutta.

Siten näyttävät useimmat trendit muutenkin toimivan. Retro-väripaletit ovat hyvä esimerkki siitä, miten vanha ilme on syntymässä uudelleen web-suunnittelussa.

Retro-värityylejä putkahtaa esiin monissa eri käyttötarkoituksissa, mutta yleisesti näemme projekteissa käytettävän enemmän mod-, flat- ja art deco-tyylisiä värejä. Oransseista kellanruskeisiin ja luonnonvalkoisista sinisiin, retrovärit ovat ehdottomasti tekemässä paluuta.

Retroväritrendi

Online Email Template Builder

Postikorttien avulla voit luoda ja editoida sähköpostin mallipohjia netissä ilman koodaustaitoja! Sisältää yli 100 komponenttia, joiden avulla voit luoda mukautettuja sähköpostimalleja nopeammin kuin koskaan ennen.

Kokeile ilmaiseksiMuut tuotteet

Retrovärit ovat värejä, jotka ovat usein vähemmän tyydyttyneitä ja tasaisemman tuntuisia kuin muut sävyt. Retrovärimaailmaa käytetään usein luomaan vanhaa tai vintage-tunnelmaa, ja se on tullut takaisin muotiin osittain matkapuhelinsovellusten, kuten Instagramin, valokuvasuodattimien suosion vuoksi.

Retro voi olla suosittu, koska suunnittelutyyli, luo helposti aikakauden tuntua ja tunnetta. Yleisimmin retroteemoihin liitetään tunteita menneestä ajasta tai iästä. Värimaailma on myös toinen tapa saada suunnittelusi todella erottumaan monien muiden joukosta. Käyttämällä vähemmän tyydyttyneitä värejä voit ehkä valita voimakkaamman sävyn projektisi pääväriksi.

Retrotrendiä täydentävät myös muut erityispiirteet, kuten ympyröiden ja tähdenlentojen (tai muiden geometristen muotojen), tekstuurien ja kaarevien tai dramaattisten kirjainten käyttö.

Retroskeemojen ominaispiirteet

Luo verkkosivuja nettirakentajillamme

Starttisovelluksella ja Slides-sovelluksella voit rakentaa rajattomasti verkkosivuja nettisivujen muokkausohjelmalla, joka sisältää valmiiksi suunniteltuja ja koodattuja osia, malleja ja teemoja.

Kokeile Startup Appia Kokeile Slides AppiaMuut tuotteet

Ensimmäinen asia, jonka huomaat retrovärimaailmassa, on kirkkaiden värien puute. Sävyt on vaimennettu – usein dramaattisesti, mutta ei pastellien tasolle – selkeän ilmeen luomiseksi.

Retro-paletti ei ole tosin kokoelma sävyjä projektiasi varten. Retrovärityylien luominen vaatii usein värien määrätietoista manipulointia halutun vaikutuksen saavuttamiseksi. Retroväritehostetta voidaan soveltaa yksinkertaisiin värivalintoihin, tekstuureihin ja kuviin.

Retrovärimaailman käyttäminen ja toteuttaminen projektissa on muutakin kuin pelkkä värivalinta. Kyse on myös värien määrästä. Todellisissa retromuotoilujärjestelmissä käytetään vain muutamia värejä – kaksi on yleistä – jäljitelläkseen sen ajan painomahdollisuuksia, jota niillä pyritään jäljittelemään. Täysväritulostuksen käyttäminen oli harvinaista siinä ajassa, josta monet näistä tyyleistä ovat peräisin, sekä tulostus- että rahapoliittisten rajoitusten vuoksi.

Retro-suunnitelmissa värejä käytetään usein pareittain, ja ne ovat usein myös väriympyrän vastakkaisilta puolilta. Tämä luo ylimääräisen kontrastielementin, joka oli yleistä aikakaudella – 1950-luvulta 70-luvulle – jolloin nämä suunnittelutyylit alkoivat olla suosittuja.

Retrokirjasimet ja -tekstuurit

Typografia on melkeinpä yhtä tärkeää kuin väritkin, kun valitaan ja työskennellään retroteeman kanssa. Retrovärivalikoimallasi ei ole yhtä suurta vaikutusta, jos se yhdistetään vääränlaiseen kirjasintyyliin.

Retrovärivalikoimat toimivat yleensä parhaiten aikakauden kirjasintyylien (kirjasintyypit, joissa on myös ”vanhan” tunnelma) tai kirjasintyylien kanssa, joissa on paljon käyriä. Vaikka nämä kaksi kirjasintyyliä eroavat toisistaan dramaattisesti, ne luovat loppujen lopuksi samanlaisen vaikutuksen luodakseen tyylin, jolla on oikea tuntuma.

Tuo esiin enemmän mod-tyylisiä kirjasintyyppejä, kun käytät värejä väriympyrän ensisijaisista paikoista (punaiset, keltaiset ja siniset). Voit kokeilla niitä myös työskennellessäsi muiden kirkkaampien valintojen, kuten oranssin tai violetin, kanssa.

Valitse kaarevampia tai kulmikkaampia kirjasintyyppejä käyttäessäsi vaimeimpia sävyjä, kuten ruskeita, vihreitä tai harmaita sävyjä.

Muista, että myös tekstuuri on tärkeää. Tekstuurityylin ja kirjasintyylin tulisi sopia yhteen. Yritä välttää yhdistelmiä, jotka törmäävät toisiinsa tai jättävät levottoman tunteen, kun tarkastelet kokonaissuunnitelmaa. Harkitse tekstuuripeitteen käyttämistä myös kirjasintyyppiin vuotaville väreille yhtenäisemmän ulkoasun aikaansaamiseksi.

Retroväri-inspiraatiota

Etkö ole varma, mistä aloittaa retroväripaletin kanssa? Käytettävissäsi on hienoja valmiiksi suunniteltuja värejä. Tutustu niihin ja inspiroidu.

Colour Lovers 130 retro-väripalettia

Color Schemer, tagged retro

Värinmetsästäjä Retro-väripaletit

Photoshoppaat tiesi retro-lookiin

On olemassa muutamia nopeita ja yleisiä tapoja, joilla voit luoda oman mukautetun retro-värin Adobe Photoshopilla. Voit soveltaa näitä värisäätöjä yksinkertaisiin näytteisiin, tekstuureihin tai kuviin luodaksesi tai täydentääksesi retro-väripalettia.

Sävyn ja kylläisyyden säädön käyttäminen: Avaa Hue/Saturation (Värisävy/kylläisyys) -valikko napsauttamalla Image (Kuva) > Adjustments (Säädöt) > Hue/Saturation (Värisävy/kylläisyys) (Ctrl + U) ja liu’uta Saturation (Värikylläisyys) -palkkia (keskellä) vasemmalle värikylläisyyden vähentämiseksi. Tämä vähentää koko kuvan kylläisyystasoja. Voit säätää kylläisyyttä myös lisäämällä säätötason (suositellaan) valitsemalla Taso > Uusi säätötaso > Hue/Saturation (Värisävy/kylläisyys) ja noudattamalla samoja vaiheita sen jälkeen, kun olet luonut tason ja antanut sille nimen.

Värinvalitsimen käyttäminen vähemmän kylläisen värin valitsemiseen: Jos haluat valita värin, jonka värisävy on kyllästämätön, alusta alkaen, avaa väripaneeli (napsauttamalla työkalupalkin laatikossa olevaa etualan väriä). Valitse haluamasi väri ja siirrä kursori suoraan vasemmalle. Mitä enemmän vasemmalle spektrissä, sitä vähemmän kylläinen väri.

Värisäätöjen tekeminen kuviin: Käyrät-paneelin avulla voit säätää valokuvan värikylläisyyttä kylläisyyden poistamiseksi tai värin säätämiseksi retrokaavion mukaiseksi. Avaa Curves-paneeli valitsemalla Layer > New Adjustment Layer > Curves. Valitse punainen kanava ja säädä se niin, että se on S-muotoinen. Valitse sitten vihreä kanava (keskisävyt) ja luo kaari. Säädä sitten sinistä kanavaa niin, että se luo lähes litteän taaksepäin suuntautuvan S:n. Luo uusi täytekerros ja täytä se 20 prosentin sävyllä yksivärisellä värillä käyttäen pehmeän valon sekoitustilaa – harkitse pitäytymistä punaisessa, keltaisessa tai oranssissa, jotta retrotunnelma säilyy.

Johtopäätökset

Retrovärimaailman värimaailman ja muotoilutekniikoiden käyttö voi olla hauska ja mielenkiintoinen tapa lähestyä suunnitteluprojektia. Kokeile erilaisia värejä, joista puuttuu täydellinen kirkkaus ja kylläisyys, aidoimman ilmeen luomiseksi. Muista myös sovittaa tekstuurit ja kirjasintyypit luomasi väripaletin yleistunnelmaan.

Viime päivien tyylin tulisi olla yksinkertainen ja suora. Pidä se mielessä, kun teet värivalintoja.

Pidän lukemastasi? Tilaa parhaat juttumme.

Vastaa

Sähköpostiosoitettasi ei julkaista.