2017 trendit webdesignissa

greenery

Värit

Pantone valitsee vuosittain vuoden värin, ja vuoden 2017 väriksi on kruunattu ”Greenery”. Tämä raikas vihreä väri edustaa uusia alkuja, tuoreita ideoita ja ympäristönsuojelua.

Greeneryn rinnalle nousee vuonna 2017 myös muita luonnonläheisiä sävyjä kuten khaki ja oliivinvihreä, tiilenpunainen, viininpunaiseen taittava ruskea sekä hiilenharmaa.

Kirkkaat, suuret värialueet

Vuonna 2017 värit nousevat muutenkin suurempaan rooliin. Webbisivustolla kannattaa käyttää värejä rohkeasti ja suurilla alueilla, ei enää vaaleita sivustoja pienillä korostusväreillä. Väri saa näkyä kunnolla ja kertoa sanojen lisäksi omaa tarinaansa. Väreillä voidaan vahvistaa kirjoitettua viestiä. Kirkkaat värit koukuttavat sivujen katselijan, ja vahvistavat sitä mielikuvaa, jota sivustolla halutaan katselijalle viestiä.

Kirkkaat värit ovat myös hauskoja, ja kaukana tylsästä!

colors
gradient

Liukuvärit

Kirkkaiden värien lisäksi myös liukuvärit ovat jälleen nousussa – ja niitäkin kannattaa käyttää suurina alueina, joko yksittäin tekstin taustalla tai taustakuvan päällä syvyyttä luomassa. Vuoden 2017 liukuvärit ovat suuria, rohkeita ja niissä käytetään reippaasti kirkkaita värejä!

Kuvituskuvat

Vuonna 2017 kuvituskuvat eivät ole lavastettuja kuvapankkikuvia ja studiokuvia, vaan kuvissa pyritään aitouteen. Aitoa fiilistä ja tekemisen meininkiä, joka kuvastaa yrityksen arvoja ja joista välittyy asiakkaalle aito kuva yrityksestä. Kuvissa fiilis haeataan esimerkiksi polaroid-tyylisillä kuvilla, jotka eivät ole lavastettua vaan kertovat juuri siitä hetkestä jolloin kuva on otettu.

images
graphics_and_image3

Valokuvan ja grafiikan yhdistäminen

Vuonna 2017 yhdistetään yhä enemmän valokuvaa ja grafiikkaa samalle sivustolle. Yhdistelmä näitä visuaalisia tekniikoita on kiinnostava vaihtoehto, mutta tyylien tulee sopia keskenään sekä yrityksen muuhun visuaaliseen ilmeeseen.

Ylisuuri typografia

Netissä on hurjasti ärsykkeitä, jolloin sivuston pitää kyetä lyhyessä ajassa koukuttamaan asiakkaan huomio. Ylisuuri typografia on loistava tehokeino tähän. Suuri, rohkea typografia ei mene koskaan pois muodista, vaan siitä on tullut jo klassikko.

typography
geometr

Geometria kuvissa

Suuret kokosivun kuvat ovat olleet jo useamman vuoden johtava trendi webbisivustoilla. Uutta mielenkiintoista maustetta kuviin saa lisäämällä niihin erilaisia geometrisia muotoja. Kuvat voidaan kerrostaa muotojen lisäksi teksteillä ja navigaatioelementeillä, jolloin niistä saadaan mielenkiintoinen kokonaisuus.

Abstraktit taustakuvat

Valokuvien rinnalle nousevat vuonna 2017 myös abstraktit taustakuvat. Yhdistelemällä värejä, muotoja ja erikoismerkkejä saadaan hauska ja erottuva visuaalinen kokonaisuus. Abstraktit kuvat ovat myös hyvä keino erottautua kilpailijoista, joilla suurella todennäköisyydellä on perinteisiä valokuvia.

abstract
epasymmetrisyys

Epäsymmetrisyys

Webbisivuston ei tarvitse olla selkeän symmetrinen, tasaisiin palstoihin ja riveihin jaettu kokonaisuus. Pieni epäsymmetria luo kiinnostavan elementin, kun kaikki ei ole liian täydellistä ja harmonista. Epäsymmetriaa voi olla vaikka sivuston pääkuva, jota ei olekaan sijoitettu tasan keskelle, vaan enemmän jompaan kumpaan reunaan. Se voi olla ryhmä kuvia, jotka on sijoitettu limittäin toistensa päälle. Se voi olla kuvaa ja tekstiä, jotka menevät jostain kohtaa osittain päällekäin.

Epäsymmetria ei kuitenkaan tarkoita kaaosta, vaan myös epäsymmetristen elementtien tulee olla tasapainossa sivuston kokonaisuuden kanssa.

Piilotettu navigaatio

Jo vuonna 2016 nähtiin paljon sivustoja, joissa käytettiin piilotettua navigaatiota – niin kutsuttua hampurilaisikonia. Vuonna 2017 tämä trendi jatkaa voittokulkuaan. Piilotettu navigaatio antaa suuremman tilan sivuston alkunäkymälle, ja sen avulla on mahdollista tehdä sivun yläosasta siistimpi ilman pakotetta näkyvästä valikosta. Nykyään ihmiset osaavat jo etsiä sivulta hampurilaisikonia jos valikko ei ole näkyvissä, ja kyseinen valikko on jo monille tuttu mobiilisivustoilta.

navigaatio
Recent Posts

Start typing and press Enter to search